@ant-design/agentic-ui 2.8.0 → 2.9.0

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

@@ -1,45 +1,48 @@
-// src/Plugins/chart/DonutChart/plugins.ts
-var createCenterTextPlugin = (value, label, isMobile = false) => ({
-  id: "centerText",
-  beforeDraw: (chart) => {
-    const { width, height, ctx } = chart;
-    ctx.save();
-    const centerX = width / 2;
-    const centerY = height / 2;
-    const percentFontSize = isMobile ? 11 : 15;
-    const labelFontSize = isMobile ? 10 : 12;
-    ctx.font = `${isMobile ? "400" : "500"} ${percentFontSize}px 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif`;
-    ctx.fillStyle = "#343A45";
-    ctx.textAlign = "center";
-    ctx.textBaseline = "middle";
-    ctx.fillText(`${value}%`, centerX, centerY - labelFontSize * 0.8);
-    ctx.font = `300 ${labelFontSize}px 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif`;
-    ctx.fillStyle = "#767E8B";
-    ctx.fillText(label, centerX, centerY + labelFontSize * 0.6);
-    ctx.restore();
-  }
-});
-var createBackgroundArcPlugin = (bgColor = "#F7F8F9", padding = 4) => ({
-  id: "backgroundArc",
-  beforeDatasetDraw(chart) {
-    var _a;
-    const meta = chart.getDatasetMeta(0);
-    if (!((_a = meta == null ? void 0 : meta.data) == null ? void 0 : _a[0]))
-      return;
-    const arc = meta.data[0];
-    const outerRadius = arc.outerRadius + padding;
-    const innerRadius = arc.innerRadius - padding;
-    const { ctx } = chart;
-    ctx.save();
-    ctx.beginPath();
-    ctx.arc(arc.x, arc.y, outerRadius, 0, 2 * Math.PI, false);
-    ctx.arc(arc.x, arc.y, innerRadius, 0, 2 * Math.PI, true);
-    ctx.fillStyle = bgColor;
-    ctx.fill();
-    ctx.restore();
-  }
-});
-export {
-  createBackgroundArcPlugin,
-  createCenterTextPlugin
+export var createCenterTextPlugin = function(value, label) {
+    var isMobile = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+    return {
+        id: 'centerText',
+        beforeDraw: function(chart) {
+            var width = chart.width, height = chart.height, ctx = chart.ctx;
+            ctx.save();
+            var centerX = width / 2;
+            var centerY = height / 2;
+            var percentFontSize = isMobile ? 11 : 15; // px
+            var labelFontSize = isMobile ? 10 : 12; // px
+            // value 优先使用 Rubik
+            ctx.font = "".concat(isMobile ? '400' : '500', " ").concat(percentFontSize, "px 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif");
+            ctx.fillStyle = '#343A45';
+            ctx.textAlign = 'center';
+            ctx.textBaseline = 'middle';
+            ctx.fillText("".concat(value, "%"), centerX, centerY - labelFontSize * 0.8);
+            // label 优先使用 PingFang SC
+            ctx.font = "300 ".concat(labelFontSize, "px 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif");
+            ctx.fillStyle = '#767E8B';
+            ctx.fillText(label, centerX, centerY + labelFontSize * 0.6);
+            ctx.restore();
+        }
+    };
+};
+// 单值饼图增加背景圆环
+export var createBackgroundArcPlugin = function() {
+    var bgColor = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : '#F7F8F9', padding = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
+    return {
+        id: 'backgroundArc',
+        beforeDatasetDraw: function(chart) {
+            var _meta_data;
+            var meta = chart.getDatasetMeta(0);
+            if (!(meta === null || meta === void 0 ? void 0 : (_meta_data = meta.data) === null || _meta_data === void 0 ? void 0 : _meta_data[0])) return;
+            var arc = meta.data[0];
+            var outerRadius = arc.outerRadius + padding; // 外扩
+            var innerRadius = arc.innerRadius - padding; // 内缩，增加宽度
+            var ctx = chart.ctx;
+            ctx.save();
+            ctx.beginPath();
+            ctx.arc(arc.x, arc.y, outerRadius, 0, 2 * Math.PI, false);
+            ctx.arc(arc.x, arc.y, innerRadius, 0, 2 * Math.PI, true);
+            ctx.fillStyle = bgColor;
+            ctx.fill();
+            ctx.restore();
+        }
+    };
 };

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

@@ -1,184 +1,195 @@
-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 _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));
-
-// src/Plugins/chart/DonutChart/style.ts
-import {
-  useEditorStyleRegister
-} from "../../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      display: "flex",
-      flexDirection: "column",
-      "&-toolbar-wrapper": {
-        marginBottom: 16,
-        [`@media (max-width: 768px)`]: {
-          marginBottom: 12
-        }
-      },
-      "&-content": {
-        display: "grid",
-        gap: 16,
-        gridTemplateColumns: "repeat(auto-fit, minmax(var(--donut-item-min-width, 200px), 1fr))",
-        [`@media (max-width: 480px)`]: {
-          gap: 8
-        }
-      },
-      "&-toolbar": {
-        display: "flex",
-        justifyContent: "space-between",
-        marginBottom: 8,
-        [`@media (max-width: 768px)`]: {
-          flexDirection: "column",
-          gap: 8,
-          marginBottom: 6
-        }
-      },
-      "&-chart-wrapper": {
-        [`@media (max-width: 768px)`]: {
-          marginBottom: 12
-        }
-      },
-      "&-row": {
-        display: "flex",
-        alignItems: "center",
-        flexDirection: "row",
-        [`@media (max-width: 768px)`]: {
-          flexDirection: "column",
-          alignItems: "stretch"
-        }
-      },
-      "&-chart": {
-        width: "var(--donut-chart-width, 200px)",
-        height: "var(--donut-chart-height, 200px)",
-        [`@media (max-width: 768px)`]: {
-          alignSelf: "center",
-          marginBottom: 8
-        }
-      },
-      "&-single": {
-        width: "100%",
-        height: "var(--donut-chart-height, 200px)",
-        [`@media (max-width: 768px)`]: {
-          height: "var(--donut-chart-height, 180px)"
-        }
-      },
-      "&-legend": {
-        marginLeft: 12,
-        [`@media (max-width: 768px)`]: {
-          marginLeft: 0,
-          marginTop: 8,
-          maxHeight: "120px",
-          overflowY: "auto"
-        }
-      },
-      "&-legend-item": {
-        display: "flex",
-        alignItems: "center",
-        fontSize: 12,
-        padding: "4px 0",
-        [`@media (max-width: 768px)`]: {
-          fontSize: 11,
-          marginBottom: 4,
-          padding: "4px 0",
-          minHeight: "24px"
-        }
-      },
-      "&-legend-color": {
-        display: "inline-block",
-        width: 12,
-        height: 12,
-        borderRadius: 4,
-        background: "var(--donut-legend-color, #ccc)",
-        marginRight: 6,
-        flexShrink: 0,
-        [`@media (max-width: 768px)`]: {
-          width: 10,
-          height: 10,
-          borderRadius: 4,
-          marginRight: 4
-        }
-      },
-      "&-legend-label": {
-        flex: 1,
-        color: "#767E8B",
-        fontSize: 13,
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        [`@media (max-width: 768px)`]: {
-          fontSize: 11,
-          flex: "0 1 auto",
-          minWidth: "60px"
+    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;
+            }));
         }
-      },
-      "&-legend-value": {
-        color: "#343A45",
-        fontSize: 13,
-        fontWeight: 500,
-        marginLeft: 15,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-end",
-        [`@media (max-width: 768px)`]: {
-          fontSize: 11,
-          fontWeight: 400,
-          marginLeft: 8
+        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;
+            });
         }
-      },
-      "&-legend-percent": {
-        marginLeft: 8,
-        fontSize: 12,
-        color: "#343A45",
-        [`@media (max-width: 768px)`]: {
-          marginLeft: 0,
-          fontSize: 10,
-          marginTop: 1
+        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;
+}
+import { useEditorStyleRegister } from "../../../Hooks/useStyle";
+var genStyle = function(token) {
+    var _obj;
+    return _define_property({}, token.componentCls, (_obj = {
+        display: 'flex',
+        flexDirection: 'column',
+        '&-toolbar-wrapper': _define_property({
+            marginBottom: 16
+        }, "@media (max-width: 768px)", {
+            marginBottom: 12
+        }),
+        '&-content': _define_property({
+            display: 'grid',
+            gap: 16,
+            gridTemplateColumns: 'repeat(auto-fit, minmax(var(--donut-item-min-width, 200px), 1fr))'
+        }, "@media (max-width: 480px)", {
+            gap: 8
+        }),
+        '&-toolbar': _define_property({
+            display: 'flex',
+            justifyContent: 'space-between',
+            marginBottom: 8
+        }, "@media (max-width: 768px)", {
+            flexDirection: 'column',
+            gap: 8,
+            marginBottom: 6
+        }),
+        '&-chart-wrapper': _define_property({}, "@media (max-width: 768px)", {
+            marginBottom: 12
+        }),
+        '&-row': _define_property({
+            display: 'flex',
+            alignItems: 'center',
+            flexDirection: 'row'
+        }, "@media (max-width: 768px)", {
+            flexDirection: 'column',
+            alignItems: 'stretch'
+        }),
+        '&-chart': _define_property({
+            width: 'var(--donut-chart-width, 200px)',
+            height: 'var(--donut-chart-height, 200px)'
+        }, "@media (max-width: 768px)", {
+            alignSelf: 'center',
+            marginBottom: 8
+        }),
+        '&-single': _define_property({
+            width: '100%',
+            height: 'var(--donut-chart-height, 200px)'
+        }, "@media (max-width: 768px)", {
+            height: 'var(--donut-chart-height, 180px)'
+        }),
+        '&-legend': _define_property({
+            marginLeft: 12
+        }, "@media (max-width: 768px)", {
+            marginLeft: 0,
+            marginTop: 8,
+            maxHeight: '120px',
+            overflowY: 'auto'
+        }),
+        '&-legend-item': _define_property({
+            display: 'flex',
+            alignItems: 'center',
+            fontSize: 12,
+            padding: '4px 0'
+        }, "@media (max-width: 768px)", {
+            fontSize: 11,
+            marginBottom: 4,
+            padding: '4px 0',
+            minHeight: '24px'
+        }),
+        '&-legend-color': _define_property({
+            display: 'inline-block',
+            width: 12,
+            height: 12,
+            borderRadius: 4,
+            background: 'var(--donut-legend-color, #ccc)',
+            marginRight: 6,
+            flexShrink: 0
+        }, "@media (max-width: 768px)", {
+            width: 10,
+            height: 10,
+            borderRadius: 4,
+            marginRight: 4
+        }),
+        '&-legend-label': _define_property({
+            flex: 1,
+            color: '#767E8B',
+            fontSize: 13,
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis'
+        }, "@media (max-width: 768px)", {
+            fontSize: 11,
+            flex: '0 1 auto',
+            minWidth: '60px'
+        }),
+        '&-legend-value': _define_property({
+            color: '#343A45',
+            fontSize: 13,
+            fontWeight: 500,
+            marginLeft: 15,
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'flex-end'
+        }, "@media (max-width: 768px)", {
+            fontSize: 11,
+            fontWeight: 400,
+            marginLeft: 8
+        }),
+        '&-legend-percent': _define_property({
+            marginLeft: 8,
+            fontSize: 12,
+            color: '#343A45'
+        }, "@media (max-width: 768px)", {
+            marginLeft: 0,
+            fontSize: 10,
+            marginTop: 1
+        }),
+        '&-statistic-container': {
+            display: 'flex',
+            gap: '16px',
+            marginBottom: '16px',
+            flexWrap: 'wrap',
+            alignItems: 'flex-start'
         }
-      },
-      "&-statistic-container": {
-        display: "flex",
-        gap: "16px",
-        marginBottom: "16px",
-        flexWrap: "wrap",
-        alignItems: "flex-start"
-      },
-      // 响应式网格调整
-      [`@media (max-width: 768px)`]: {
+    }, // 响应式网格调整
+    _define_property(_obj, "@media (max-width: 768px)", {
         gap: 12,
-        gridTemplateColumns: "1fr"
-      },
-      [`@media (max-width: 480px)`]: {
+        gridTemplateColumns: '1fr'
+    }), _define_property(_obj, "@media (max-width: 480px)", {
         gap: 8
-      }
-    }
-  };
+    }), _obj));
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("DonutChart", (token) => {
-    const donutToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+    return useEditorStyleRegister('DonutChart', function(token) {
+        var donutToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(donutToken)
+        ];
     });
-    return [genStyle(donutToken)];
-  });
 }
-export {
-  useStyle
-};

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

@@ -0,0 +1 @@
+import React from "react";