@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/Plugins/chart/index.js

@@ -1,36 +1,128 @@
-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]);
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  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 obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
     }
-  return target;
-};
-
-// src/Plugins/chart/index.tsx
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import dayjs from "dayjs";
 import React, { useEffect, useMemo } from "react";
 import { useSlate } from "slate-react";
@@ -38,338 +130,343 @@ import { ErrorBoundary } from "../../MarkdownEditor/editor/elements/ErrorBoundar
 import { useEditorStore } from "../../MarkdownEditor/editor/store";
 import { DragHandle } from "../../MarkdownEditor/editor/tools/DragHandle";
 import { ChartRender } from "./ChartRender";
-import { ChartAttrToolBar } from "./ChartAttrToolBar";
+/**
+ * @fileoverview 图表插件主入口文件
+ *
+ * 该文件提供了完整的图表功能，包括：
+ * - 多种图表类型的组件（饼图、柱状图、折线图、面积图等）
+ * - 图表渲染和配置功能
+ * - 数据处理和格式化工具
+ * - 图表属性工具栏
+ * - 图表标记和容器组件
+ *
+ * @author md-editor
+ * @version 1.0.0
+ * @since 2024
+ */ // 图表属性工具栏
+export { 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);
+// 图表渲染组件
+export { ChartRender } from "./ChartRender";
+// 图表组件导出
+export { default as AreaChart } from "./AreaChart";
+export { default as BarChart } from "./BarChart";
+export { default as ChartStatistic } from "./ChartStatistic";
+export { default as DonutChart } from "./DonutChart";
+export { default as FunnelChart } from "./FunnelChart";
+export { default as LineChart } from "./LineChart";
+export { default as RadarChart } from "./RadarChart";
+export { default as ScatterChart } from "./ScatterChart";
+// 工具与常量导出
+export { defaultColorList } from "./const";
+export { debounce as chartDebounce, stringFormatNumber } from "./utils";
+// 复用组件与类型导出
+export { ChartFilter, ChartToolBar, downloadChart } from "./components";
+/**
+ * 转化数字，将字符串转化为数字，即使非标准数字也可以转化
+ * @param {string} val - 要转换的字符串
+ * @param {any} locale - 本地化配置
+ * @returns {number|NaN} 转换后的数字或NaN
+ */ function reverseFormatNumber(val, locale) {
+    var group = new Intl.NumberFormat(locale).format(1111).replace(/1/g, '');
+    var decimal = new Intl.NumberFormat(locale).format(1.1).replace(/1/g, '');
+    var 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]);
+/**
+ * 验证并格式化日期字符串
+ * @param {string} dateString - 日期字符串
+ * @returns {string} 格式化后的日期字符串
+ */ function isValidDate(dateString) {
+    var 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(var 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');
     }
-  }
-  if (dayjs(dateString).isValid()) {
-    return dayjs(dateString).format("YYYY-MM-DD");
-  }
-  return dateString;
+    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);
+/**
+ * 转化数字，转化不成功继续用string
+ * @param {string} value - 要转换的值
+ * @returns {number|string} 转换后的数字或原字符串
+ */ var numberString = function(value) {
+    if (!value) return value;
+    try {
+        if (typeof value === 'number') return value;
+        if (typeof value === 'string') {
+            var formattedValue = reverseFormatNumber(value, 'en-US');
+            if (!isNaN(formattedValue)) return formattedValue;
+            return isValidDate(value);
+        }
+        return value;
+    } catch (error) {
+        return 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;
-  }, {});
+/**
+ * 按类别分组数据
+ * @param {any[]} data - 数据数组
+ * @param {any} key - 分组键
+ * @returns {Object} 分组后的数据对象
+ */ var groupByCategory = function(data, key) {
+    return data.reduce(function(group, product) {
+        var category = product[key];
+        var _group_category;
+        group[category] = (_group_category = group[category]) !== null && _group_category !== void 0 ? _group_category : [];
+        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-agentic-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-agentic-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"
-              }
+/**
+ * ChartElement 组件 - 图表元素组件
+ *
+ * 该组件用于在Markdown编辑器中渲染图表，支持多种图表类型和数据处理。
+ * 提供图表配置、数据转换、错误处理等功能。
+ *
+ * @component
+ * @description 图表元素组件，在编辑器中渲染各种类型的图表
+ * @param {RenderElementProps} props - 组件属性
+ * @param {Object} props.element - 图表元素数据
+ * @param {Object} props.attributes - 元素属性
+ * @param {React.ReactNode} props.children - 子元素
+ *
+ * @example
+ * ```tsx
+ * <ChartElement
+ *   element={chartElement}
+ *   attributes={attributes}
+ *   children={children}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的图表元素组件
+ *
+ * @remarks
+ * - 支持多种图表类型（饼图、柱状图、折线图、面积图等）
+ * - 提供数据格式转换功能
+ * - 支持日期和数字格式化
+ * - 使用ErrorBoundary处理渲染错误
+ * - 提供拖拽手柄功能
+ * - 支持图表配置和自定义
+ * - 集成编辑器状态管理
+ * - 提供响应式布局
+ */ export var ChartElement = function(props) {
+    var _node_otherProps, _node_otherProps1, _node_otherProps2;
+    var _useEditorStore = useEditorStore(), store = _useEditorStore.store, readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef, rootContainer = _useEditorStore.rootContainer;
+    var editor = useSlate();
+    var node = props.element, attributes = props.attributes, children = props.children;
+    var chartData = useMemo(function() {
+        var _node_otherProps_dataSource, _node_otherProps;
+        return ((_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : (_node_otherProps_dataSource = _node_otherProps.dataSource) === null || _node_otherProps_dataSource === void 0 ? void 0 : _node_otherProps_dataSource.map(function(item) {
+            return _object_spread_props(_object_spread({}, item), {
+                column_list: Object.keys(item)
+            });
+        })) || [];
+    }, [
+        (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.dataSource
+    ]);
+    var columns = ((_node_otherProps1 = node.otherProps) === null || _node_otherProps1 === void 0 ? void 0 : _node_otherProps1.columns) || [];
+    var _React_useState = _sliced_to_array(React.useState(2), 2), columnLength = _React_useState[0], setColumnLength = _React_useState[1];
+    var config = [
+        ((_node_otherProps2 = node.otherProps) === null || _node_otherProps2 === void 0 ? void 0 : _node_otherProps2.config) || node.otherProps
+    ].flat(1);
+    var htmlRef = React.useRef(null);
+    var _React_useState1 = _sliced_to_array(React.useState(256), 2), minWidth = _React_useState1[0], setMinWidth = _React_useState1[1];
+    useEffect(function() {
+        var _rootContainer_current, _htmlRef_current_parentElement, _htmlRef_current;
+        var width = Math.max((rootContainer === null || rootContainer === void 0 ? void 0 : (_rootContainer_current = rootContainer.current) === null || _rootContainer_current === void 0 ? void 0 : _rootContainer_current.clientWidth) || ((_htmlRef_current = htmlRef.current) === null || _htmlRef_current === void 0 ? void 0 : (_htmlRef_current_parentElement = _htmlRef_current.parentElement) === null || _htmlRef_current_parentElement === void 0 ? void 0 : _htmlRef_current_parentElement.clientWidth) || 256, 256);
+        setMinWidth(width || 256);
+        setColumnLength(Math.min(Math.floor(width / 256), config.length));
+    }, []);
+    return useMemo(function() {
+        return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
+            className: 'ant-agentic-md-editor-drag-el'
+        }, attributes), {
+            "data-be": 'chart',
+            style: {
+                flex: 1,
+                minWidth: "min(".concat(Math.min(minWidth, 856), "px, 100%)"),
+                maxWidth: '100%',
+                margin: '1em 0'
             },
-            /* @__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",
+            ref: htmlRef,
+            onDragStart: function(e) {
+                return store.dragStart(e, markdownContainerRef.current);
+            }
+        }), /*#__PURE__*/ React.createElement(DragHandle, null), /*#__PURE__*/ React.createElement("div", {
+            className: "ant-agentic-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: function(e) {
+                e.stopPropagation();
+            },
+            onKeyDown: function(e) {
+                e.stopPropagation();
+            }
+        }, config.map(function(_param, index) {
+            var chartType = _param.chartType, x = _param.x, y = _param.y, rest = _object_without_properties(_param, [
+                "chartType",
+                "x",
+                "y"
+            ]);
+            var _htmlRef_current;
+            var height = Math.min(400, ((_htmlRef_current = htmlRef.current) === null || _htmlRef_current === void 0 ? void 0 : _htmlRef_current.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];
+            }
+            chartData = chartData.map(function(item) {
+                var _obj;
+                return _object_spread_props(_object_spread({}, item), (_obj = {}, _define_property(_obj, x, numberString(item[x])), _define_property(_obj, y, numberString(item[y])), _obj));
+            }).sort(function(a, b) {
+                if (dayjs(a[x]).isValid() && dayjs(b[x]).isValid()) {
+                    return dayjs(a[x]).valueOf() - dayjs(b[x]).valueOf();
+                }
+                return 0;
+            });
+            var subgraphBy = rest === null || rest === void 0 ? void 0 : rest.subgraphBy;
+            if (subgraphBy) {
+                var groupData = groupByCategory(chartData, subgraphBy);
+                return Object.keys(groupData).map(function(key, subIndex) {
+                    var group = groupData[key];
                     if (!Array.isArray(group) || group.length < 1) {
-                      return null;
+                        return null;
                     }
-                    const dom = /* @__PURE__ */ React.createElement(
-                      ChartRender,
-                      {
-                        chartType,
+                    var dom = /*#__PURE__*/ React.createElement(ChartRender, {
+                        chartType: chartType,
                         chartData: group,
-                        columnLength,
+                        columnLength: columnLength,
                         onColumnLengthChange: setColumnLength,
                         isChartList: true,
                         config: {
-                          height,
-                          x,
-                          y,
-                          columns,
-                          index: index * 10 + subIndex,
-                          rest
+                            height: height,
+                            x: x,
+                            y: y,
+                            columns: columns,
+                            index: index * 10 + subIndex,
+                            rest: 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
-                      }
-                    );
+                        dataTime: rest === null || rest === void 0 ? void 0 : rest.dataTime,
+                        groupBy: rest === null || rest === void 0 ? void 0 : rest.groupBy,
+                        filterBy: rest === null || rest === void 0 ? void 0 : rest.filterBy,
+                        colorLegend: rest === null || rest === void 0 ? void 0 : rest.colorLegend
+                    });
                     return dom;
-                  });
+                });
+            }
+            return /*#__PURE__*/ React.createElement(ChartRender, {
+                key: index,
+                columnLength: columnLength,
+                onColumnLengthChange: setColumnLength,
+                chartType: chartType,
+                chartData: chartData,
+                title: rest === null || rest === void 0 ? void 0 : rest.title,
+                dataTime: rest === null || rest === void 0 ? void 0 : rest.dataTime,
+                groupBy: rest === null || rest === void 0 ? void 0 : rest.groupBy,
+                filterBy: rest === null || rest === void 0 ? void 0 : rest.filterBy,
+                colorLegend: rest === null || rest === void 0 ? void 0 : rest.colorLegend,
+                config: {
+                    height: height,
+                    x: x,
+                    y: y,
+                    columns: columns,
+                    index: index,
+                    rest: rest
                 }
-                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",
-                      {
+            });
+        }).map(function(itemList, index) {
+            if (Array.isArray(itemList)) {
+                return itemList === null || itemList === void 0 ? void 0 : itemList.map(function(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"
+                            margin: 'auto',
+                            minWidth: "max(calc(".concat(100 / columnLength, "% - 16px), 600px)"),
+                            flex: 1,
+                            userSelect: 'none'
                         },
                         contentEditable: false
-                      },
-                      item
-                    );
-                  });
+                    }, item);
+                });
+            }
+            return /*#__PURE__*/ React.createElement("div", {
+                key: index,
+                contentEditable: false,
+                style: {
+                    userSelect: 'none',
+                    margin: 'auto',
+                    minWidth: "max(calc(".concat(100 / columnLength, "% - 16px), 600px)"),
+                    flex: 1
+                },
+                onClick: function(e) {
+                    e.stopPropagation();
                 }
-                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
+            }, itemList);
+        }))))));
+    }, [
+        attributes,
+        JSON.stringify(node.otherProps),
+        editor,
+        columnLength,
+        readonly,
+        minWidth
+    ]);
 };