@ant-design/agentic-ui 2.8.0 → 2.10.0

package/dist/Plugins/chart/DonutChart/Legend.js

@@ -1,136 +1,106 @@
-var __defProp = Object.defineProperty;
-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 _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;
-};
-
-// src/Plugins/chart/DonutChart/Legend.tsx
+    return obj;
+}
+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;
+}
 import classNames from "classnames";
 import React from "react";
-var Legend = ({
-  chartData,
-  backgroundColors,
-  hiddenDataIndicesByChart,
-  chartIndex,
-  onLegendItemClick,
-  total,
-  baseClassName,
-  hashId,
-  isMobile
-}) => {
-  const hiddenDataIndices = React.useMemo(() => {
-    return hiddenDataIndicesByChart[chartIndex] || /* @__PURE__ */ new Set();
-  }, [hiddenDataIndicesByChart, chartIndex]);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: classNames(`${baseClassName}-legend`, hashId),
-      style: __spreadValues({
-        marginLeft: isMobile ? 0 : 12,
-        maxHeight: isMobile ? "120px" : "none",
-        overflowY: isMobile ? "auto" : "visible"
-      }, isMobile ? { alignSelf: "center" } : {})
-    },
-    chartData.map((d, i) => {
-      const isHidden = hiddenDataIndices.has(i);
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          key: i,
-          className: classNames(`${baseClassName}-legend-item`, hashId),
-          style: {
-            cursor: "pointer",
-            padding: isMobile ? "4px 0" : "6px 0",
-            fontSize: isMobile ? 11 : 12,
-            minHeight: isMobile ? "24px" : "28px",
-            textDecoration: isHidden ? "line-through" : "none"
-          },
-          onClick: () => onLegendItemClick(i),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
-              onLegendItemClick(i);
-            }
-          },
-          tabIndex: 0,
-          role: "button",
-          "aria-label": `${isHidden ? "显示" : "隐藏"} ${d.label}`
-        },
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: classNames(`${baseClassName}-legend-color`, hashId),
+var Legend = function(param) {
+    var chartData = param.chartData, backgroundColors = param.backgroundColors, hiddenDataIndicesByChart = param.hiddenDataIndicesByChart, chartIndex = param.chartIndex, onLegendItemClick = param.onLegendItemClick, total = param.total, baseClassName = param.baseClassName, hashId = param.hashId, isMobile = param.isMobile;
+    var hiddenDataIndices = React.useMemo(function() {
+        return hiddenDataIndicesByChart[chartIndex] || new Set();
+    }, [
+        hiddenDataIndicesByChart,
+        chartIndex
+    ]);
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseClassName, "-legend"), hashId),
+        style: _object_spread({
+            marginLeft: isMobile ? 0 : 12,
+            maxHeight: isMobile ? '120px' : 'none',
+            overflowY: isMobile ? 'auto' : 'visible'
+        }, isMobile ? {
+            alignSelf: 'center'
+        } : {})
+    }, chartData.map(function(d, i) {
+        var isHidden = hiddenDataIndices.has(i);
+        var _obj;
+        return /*#__PURE__*/ React.createElement("div", {
+            key: i,
+            className: classNames("".concat(baseClassName, "-legend-item"), hashId),
             style: {
-              ["--donut-legend-color"]: backgroundColors[i] || "#ccc",
-              width: isMobile ? 10 : 12,
-              height: isMobile ? 10 : 12,
-              borderRadius: 4,
-              marginRight: isMobile ? 4 : 6
-            }
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: classNames(`${baseClassName}-legend-label`, hashId),
+                cursor: 'pointer',
+                padding: isMobile ? '4px 0' : '6px 0',
+                fontSize: isMobile ? 11 : 12,
+                minHeight: isMobile ? '24px' : '28px',
+                textDecoration: isHidden ? 'line-through' : 'none'
+            },
+            onClick: function() {
+                return onLegendItemClick(i);
+            },
+            onKeyDown: function(e) {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    onLegendItemClick(i);
+                }
+            },
+            tabIndex: 0,
+            role: "button",
+            "aria-label": "".concat(isHidden ? '显示' : '隐藏', " ").concat(d.label)
+        }, /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(baseClassName, "-legend-color"), hashId),
+            style: (_obj = {}, _define_property(_obj, '--donut-legend-color', backgroundColors[i] || '#ccc'), _define_property(_obj, "width", isMobile ? 10 : 12), _define_property(_obj, "height", isMobile ? 10 : 12), _define_property(_obj, "borderRadius", 4), _define_property(_obj, "marginRight", isMobile ? 4 : 6), _obj)
+        }), /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(baseClassName, "-legend-label"), hashId),
             style: {
-              fontSize: isMobile ? 11 : 13,
-              flex: isMobile ? "0 1 auto" : 1,
-              minWidth: isMobile ? "60px" : "auto"
+                fontSize: isMobile ? 11 : 13,
+                flex: isMobile ? '0 1 auto' : 1,
+                minWidth: isMobile ? '60px' : 'auto'
             }
-          },
-          d.label
-        ),
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: classNames(`${baseClassName}-legend-value`, hashId),
+        }, d.label), /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(baseClassName, "-legend-value"), hashId),
             style: {
-              fontSize: isMobile ? 11 : 13,
-              fontWeight: isMobile ? 400 : 500,
-              marginLeft: isMobile ? 8 : 15,
-              display: "flex",
-              flexDirection: "row",
-              alignItems: "center"
+                fontSize: isMobile ? 11 : 13,
+                fontWeight: isMobile ? 400 : 500,
+                marginLeft: isMobile ? 8 : 15,
+                display: 'flex',
+                flexDirection: 'row',
+                alignItems: 'center'
             }
-          },
-          /* @__PURE__ */ React.createElement("span", null, d.value),
-          /* @__PURE__ */ React.createElement(
-            "span",
-            {
-              className: classNames(
-                `${baseClassName}-legend-percent`,
-                hashId
-              ),
-              style: {
+        }, /*#__PURE__*/ React.createElement("span", null, d.value), /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(baseClassName, "-legend-percent"), hashId),
+            style: {
                 fontSize: isMobile ? 10 : 12,
                 marginLeft: isMobile ? 6 : 8,
                 marginTop: 0
-              }
-            },
-            (() => {
-              const v = typeof d.value === "number" ? d.value : Number(d.value);
-              return total > 0 && Number.isFinite(v) ? (v / total * 100).toFixed(0) : "0";
-            })(),
-            "%"
-          )
-        )
-      );
-    })
-  );
-};
-var Legend_default = Legend;
-export {
-  Legend_default as default
+            }
+        }, function() {
+            var v = typeof d.value === 'number' ? d.value : Number(d.value);
+            return total > 0 && Number.isFinite(v) ? (v / total * 100).toFixed(0) : '0';
+        }(), "%")));
+    }));
 };
+export default Legend;

package/dist/Plugins/chart/DonutChart/constants.js

@@ -1,11 +1,4 @@
-// src/Plugins/chart/DonutChart/constants.ts
-var MOBILE_MAX_CHART_SIZE = 160;
-var BASE_CLASS_NAME = "md-editor-donut-chart";
-var SINGLE_MODE_DESKTOP_CUTOUT = "70%";
-var SINGLE_MODE_MOBILE_CUTOUT = "65%";
-export {
-  BASE_CLASS_NAME,
-  MOBILE_MAX_CHART_SIZE,
-  SINGLE_MODE_DESKTOP_CUTOUT,
-  SINGLE_MODE_MOBILE_CUTOUT
-};
+export var MOBILE_MAX_CHART_SIZE = 160;
+export var BASE_CLASS_NAME = 'md-editor-donut-chart';
+export var SINGLE_MODE_DESKTOP_CUTOUT = '70%';
+export var SINGLE_MODE_MOBILE_CUTOUT = '65%';

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

@@ -1,123 +1,194 @@
-// src/Plugins/chart/DonutChart/hooks.ts
+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 _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+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 _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 _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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 _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+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 React from "react";
 import { MOBILE_MAX_CHART_SIZE } from "./constants";
-var useMobile = () => {
-  const [isMobile, setIsMobile] = React.useState(false);
-  const [windowWidth, setWindowWidth] = React.useState(
-    typeof window !== "undefined" ? window.innerWidth : 0
-  );
-  React.useEffect(() => {
-    const handleResize = () => {
-      const width = window.innerWidth;
-      setWindowWidth(width);
-      setIsMobile(width <= 768);
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-  return { isMobile, windowWidth };
-};
-var useResponsiveDimensions = (isMobile, windowWidth, width, height) => {
-  if (isMobile) {
-    const mobileWidth = Math.min(
-      windowWidth - 40,
-      Number(width),
-      MOBILE_MAX_CHART_SIZE
-    );
-    const mobileHeight = Math.min(
-      windowWidth - 40,
-      Number(height),
-      MOBILE_MAX_CHART_SIZE
-    );
+export var useMobile = function() {
+    var _React_useState = _sliced_to_array(React.useState(false), 2), isMobile = _React_useState[0], setIsMobile = _React_useState[1];
+    var _React_useState1 = _sliced_to_array(React.useState(typeof window !== 'undefined' ? window.innerWidth : 0), 2), windowWidth = _React_useState1[0], setWindowWidth = _React_useState1[1];
+    React.useEffect(function() {
+        var handleResize = function() {
+            var width = window.innerWidth;
+            setWindowWidth(width);
+            setIsMobile(width <= 768);
+        };
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return function() {
+            return window.removeEventListener('resize', handleResize);
+        };
+    }, []);
     return {
-      width: mobileWidth,
-      height: mobileHeight,
-      chartWidth: mobileWidth,
-      chartHeight: mobileHeight
+        isMobile: isMobile,
+        windowWidth: windowWidth
     };
-  }
-  return {
-    width,
-    height,
-    chartWidth: width,
-    chartHeight: height
-  };
 };
-var useFilterLabels = (data) => {
-  const validFilterLabels = React.useMemo(() => {
-    return data.map((item) => item.filterLabel).filter(
-      (filterLabel) => filterLabel !== void 0
-    );
-  }, [data]);
-  const filterLabels = React.useMemo(() => {
-    return validFilterLabels.length > 0 ? [...new Set(validFilterLabels)] : void 0;
-  }, [validFilterLabels]);
-  const [selectedFilterLabel, setSelectedFilterLabel] = React.useState(filterLabels && filterLabels.length > 0 ? filterLabels[0] : void 0);
-  React.useEffect(() => {
-    if (!filterLabels || filterLabels.length === 0) {
-      if (selectedFilterLabel !== void 0) {
-        setSelectedFilterLabel(void 0);
-      }
-      return;
+export var useResponsiveDimensions = function(isMobile, windowWidth, width, height) {
+    if (isMobile) {
+        var mobileWidth = Math.min(windowWidth - 40, Number(width), MOBILE_MAX_CHART_SIZE);
+        var mobileHeight = Math.min(windowWidth - 40, Number(height), MOBILE_MAX_CHART_SIZE);
+        return {
+            width: mobileWidth,
+            height: mobileHeight,
+            chartWidth: mobileWidth,
+            chartHeight: mobileHeight
+        };
     }
-    if (!selectedFilterLabel || !filterLabels.includes(selectedFilterLabel)) {
-      setSelectedFilterLabel(filterLabels[0]);
-    }
-  }, [filterLabels]);
-  const filteredDataByFilterLabel = React.useMemo(() => {
-    return filterLabels == null ? void 0 : filterLabels.map((item) => ({ key: item, label: item }));
-  }, [filterLabels]);
-  return {
-    filterLabels,
-    filteredDataByFilterLabel,
-    selectedFilterLabel,
-    setSelectedFilterLabel
-  };
+    return {
+        width: width,
+        height: height,
+        chartWidth: width,
+        chartHeight: height
+    };
 };
-var useAutoCategory = (data, enableAutoCategory, externalSelectedFilter) => {
-  const autoCategoryData = React.useMemo(() => {
-    if (!enableAutoCategory || !data) {
-      return null;
-    }
-    const allData = data;
-    const categories = [
-      ...new Set(allData.map((item) => item.category).filter(Boolean))
-    ];
-    if (categories.length <= 1) {
-      return null;
-    }
+export var useFilterLabels = function(data) {
+    var validFilterLabels = React.useMemo(function() {
+        return data.map(function(item) {
+            return item.filterLabel;
+        }).filter(function(filterLabel) {
+            return filterLabel !== undefined;
+        });
+    }, [
+        data
+    ]);
+    var filterLabels = React.useMemo(function() {
+        return validFilterLabels.length > 0 ? _to_consumable_array(new Set(validFilterLabels)) : undefined;
+    }, [
+        validFilterLabels
+    ]);
+    var _React_useState = _sliced_to_array(React.useState(filterLabels && filterLabels.length > 0 ? filterLabels[0] : undefined), 2), selectedFilterLabel = _React_useState[0], setSelectedFilterLabel = _React_useState[1];
+    // 当 data 变化导致 filterLabels 变化时，自动纠正选中项，避免残留无效选择
+    React.useEffect(function() {
+        if (!filterLabels || filterLabels.length === 0) {
+            if (selectedFilterLabel !== undefined) {
+                setSelectedFilterLabel(undefined);
+            }
+            return;
+        }
+        if (!selectedFilterLabel || !filterLabels.includes(selectedFilterLabel)) {
+            setSelectedFilterLabel(filterLabels[0]);
+        }
+    }, [
+        filterLabels
+    ]);
+    var filteredDataByFilterLabel = React.useMemo(function() {
+        return filterLabels === null || filterLabels === void 0 ? void 0 : filterLabels.map(function(item) {
+            return {
+                key: item,
+                label: item
+            };
+        });
+    }, [
+        filterLabels
+    ]);
     return {
-      categories,
-      allData
+        filterLabels: filterLabels,
+        filteredDataByFilterLabel: filteredDataByFilterLabel,
+        selectedFilterLabel: selectedFilterLabel,
+        setSelectedFilterLabel: setSelectedFilterLabel
     };
-  }, [data, enableAutoCategory]);
-  const [internalSelectedCategory, setInternalSelectedCategory] = React.useState("");
-  React.useEffect(() => {
-    if (autoCategoryData && !internalSelectedCategory) {
-      setInternalSelectedCategory(
-        autoCategoryData.categories.find(Boolean) || ""
-      );
-    }
-  }, [autoCategoryData, internalSelectedCategory]);
-  React.useEffect(() => {
-    if (!enableAutoCategory || !autoCategoryData) {
-      if (internalSelectedCategory) {
-        setInternalSelectedCategory("");
-      }
-    }
-  }, [enableAutoCategory, autoCategoryData]);
-  const selectedCategory = externalSelectedFilter || internalSelectedCategory;
-  return {
-    autoCategoryData,
-    internalSelectedCategory,
-    setInternalSelectedCategory,
-    selectedCategory
-  };
 };
-export {
-  useAutoCategory,
-  useFilterLabels,
-  useMobile,
-  useResponsiveDimensions
+export var useAutoCategory = function(data, enableAutoCategory, externalSelectedFilter) {
+    var autoCategoryData = React.useMemo(function() {
+        if (!enableAutoCategory || !data) {
+            return null;
+        }
+        var allData = data;
+        var categories = _to_consumable_array(new Set(allData.map(function(item) {
+            return item.category;
+        }).filter(Boolean)));
+        if (categories.length <= 1) {
+            return null;
+        }
+        return {
+            categories: categories,
+            allData: allData
+        };
+    }, [
+        data,
+        enableAutoCategory
+    ]);
+    var _React_useState = _sliced_to_array(React.useState(''), 2), internalSelectedCategory = _React_useState[0], setInternalSelectedCategory = _React_useState[1];
+    // 初始化：当存在多类目时，选中第一个有效类目
+    React.useEffect(function() {
+        if (autoCategoryData && !internalSelectedCategory) {
+            setInternalSelectedCategory(autoCategoryData.categories.find(Boolean) || '');
+        }
+    }, [
+        autoCategoryData,
+        internalSelectedCategory
+    ]);
+    // 当自动分类关闭或类目不足（autoCategoryData 为空）时，清理内部选中项，避免残留影响
+    React.useEffect(function() {
+        if (!enableAutoCategory || !autoCategoryData) {
+            if (internalSelectedCategory) {
+                setInternalSelectedCategory('');
+            }
+        }
+    }, [
+        enableAutoCategory,
+        autoCategoryData
+    ]);
+    var selectedCategory = externalSelectedFilter || internalSelectedCategory;
+    return {
+        autoCategoryData: autoCategoryData,
+        internalSelectedCategory: internalSelectedCategory,
+        setInternalSelectedCategory: setInternalSelectedCategory,
+        selectedCategory: selectedCategory
+    };
 };