@ant-design/agentic-ui 2.0.21 → 2.0.23

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

@@ -42,6 +42,7 @@ import {
   PointElement,
   Tooltip
 } from "chart.js";
+import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Line } from "react-chartjs-2";
 import {
@@ -56,6 +57,7 @@ import {
   extractAndSortXValues,
   findDataPointByXValue
 } from "../utils";
+import { useStyle } from "./style";
 ChartJS.register(
   CategoryScale,
   LinearScale,
@@ -125,6 +127,7 @@ var LineChart = (_a) => {
   }, []);
   const context = useContext(ConfigProvider.ConfigContext);
   const baseClassName = context == null ? void 0 : context.getPrefixCls("line-chart-container");
+  const { wrapSSR, hashId } = useStyle(baseClassName);
   const chartRef = useRef(null);
   const statistics = useMemo(() => {
     if (!statisticConfig)
@@ -325,65 +328,73 @@ var LineChart = (_a) => {
   const handleDownload = () => {
     downloadChart(chartRef.current, "line-chart");
   };
-  return /* @__PURE__ */ React.createElement(
-    ChartContainer,
-    {
-      baseClassName,
-      className,
-      theme,
-      isMobile,
-      variant: props.variant,
-      style: {
-        width: responsiveWidth
-      }
-    },
+  return wrapSSR(
     /* @__PURE__ */ React.createElement(
-      ChartToolBar,
+      ChartContainer,
       {
-        title,
+        baseClassName,
+        className,
         theme,
-        onDownload: handleDownload,
-        extra: toolbarExtra,
-        dataTime,
-        filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
-          ChartFilter,
-          __spreadProps(__spreadValues({
-            filterOptions,
-            selectedFilter,
-            onFilterChange: setSelectedFilter
-          }, filterLabels && {
-            customOptions: filteredDataByFilterLabel,
-            selectedCustomSelection: selectedFilterLabel,
-            onSelectionChange: setSelectedFilterLabel
-          }), {
-            theme,
-            variant: "compact"
-          })
-        ) : void 0
-      }
-    ),
-    statistics && /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-statistic-container` }, statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))),
-    !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
-      ChartFilter,
-      __spreadProps(__spreadValues({
-        filterOptions,
-        selectedFilter,
-        onFilterChange: setSelectedFilter
-      }, filterLabels && {
-        customOptions: filteredDataByFilterLabel,
-        selectedCustomSelection: selectedFilterLabel,
-        onSelectionChange: setSelectedFilterLabel
-      }), {
-        theme
-      })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${baseClassName}-wrapper`,
-        style: { height: responsiveHeight }
+        isMobile,
+        variant: props.variant,
+        style: {
+          width: responsiveWidth
+        }
       },
-      /* @__PURE__ */ React.createElement(Line, { ref: chartRef, data: processedData, options })
+      /* @__PURE__ */ React.createElement(
+        ChartToolBar,
+        {
+          title,
+          theme,
+          onDownload: handleDownload,
+          extra: toolbarExtra,
+          dataTime,
+          filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
+            ChartFilter,
+            __spreadProps(__spreadValues({
+              filterOptions,
+              selectedFilter,
+              onFilterChange: setSelectedFilter
+            }, filterLabels && {
+              customOptions: filteredDataByFilterLabel,
+              selectedCustomSelection: selectedFilterLabel,
+              onSelectionChange: setSelectedFilterLabel
+            }), {
+              theme,
+              variant: "compact"
+            })
+          ) : void 0
+        }
+      ),
+      statistics && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(`${baseClassName}-statistic-container`, hashId)
+        },
+        statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))
+      ),
+      !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
+        ChartFilter,
+        __spreadProps(__spreadValues({
+          filterOptions,
+          selectedFilter,
+          onFilterChange: setSelectedFilter
+        }, filterLabels && {
+          customOptions: filteredDataByFilterLabel,
+          selectedCustomSelection: selectedFilterLabel,
+          onSelectionChange: setSelectedFilterLabel
+        }), {
+          theme
+        })
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${baseClassName}-wrapper`,
+          style: { height: responsiveHeight }
+        },
+        /* @__PURE__ */ React.createElement(Line, { ref: chartRef, data: processedData, options })
+      )
     )
   );
 };

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

@@ -26,6 +26,14 @@ var genStyle = (token) => {
   return {
     [token.componentCls]: {
       // 折线图容器样式
+      // 统计数据容器样式
+      "&-statistic-container": {
+        display: "flex",
+        gap: "16px",
+        marginBottom: "16px",
+        flexWrap: "wrap",
+        alignItems: "flex-start"
+      },
       ".chart-wrapper": {
         width: "100%",
         height: "calc(100% - 120px)",

package/dist/Schema/SchemaRenderer/index.js

@@ -49,13 +49,92 @@ import React, {
   useState
 } from "react";
 import partialParse from "../../MarkdownEditor/editor/parser/json-parse";
-import { mdDataSchemaValidator } from "../validator";
 import {
   createSandbox,
   DEFAULT_SANDBOX_CONFIG
 } from "../../Utils/proxySandbox";
+import { mdDataSchemaValidator } from "../validator";
 import { TemplateEngine } from "./templateEngine";
 export * from "./templateEngine";
+var createSandboxInstance = (sandboxConfig) => {
+  var _a, _b;
+  return createSandbox(__spreadProps(__spreadValues({}, DEFAULT_SANDBOX_CONFIG), {
+    allowDOM: (_a = sandboxConfig.allowDOM) != null ? _a : true,
+    allowedGlobals: sandboxConfig.allowedGlobals || DEFAULT_SANDBOX_CONFIG.allowedGlobals,
+    forbiddenGlobals: sandboxConfig.forbiddenGlobals || DEFAULT_SANDBOX_CONFIG.forbiddenGlobals,
+    strictMode: (_b = sandboxConfig.strictMode) != null ? _b : true,
+    timeout: sandboxConfig.timeout || 3e3
+  }));
+};
+var createSandboxContext = (shadowRoot) => {
+  return {
+    shadowRoot,
+    safeWindow: {
+      devicePixelRatio: typeof window !== "undefined" ? window.devicePixelRatio : 1,
+      innerWidth: typeof window !== "undefined" ? window.innerWidth : 1024,
+      innerHeight: typeof window !== "undefined" ? window.innerHeight : 768
+    }
+  };
+};
+var executeUnsafeScript = (script, shadowRoot) => {
+  console.warn("沙箱已禁用，使用不安全的脚本执行方式");
+  const scriptFn = new Function(
+    "shadowRoot",
+    "window",
+    script.textContent || ""
+  );
+  try {
+    scriptFn(shadowRoot, {
+      devicePixelRatio: window.devicePixelRatio
+    });
+  } catch (evalError) {
+    console.error("执行脚本错误:", evalError);
+  }
+};
+var executeExternalScript = (script, shadowRoot) => {
+  console.warn("外部脚本暂时不通过沙箱执行:", script.src);
+  try {
+    shadowRoot == null ? void 0 : shadowRoot.appendChild(script);
+  } catch (appendError) {
+    console.error("Error appending external script:", appendError);
+  }
+};
+var executeSandboxedScript = (script, shadowRoot, sandboxConfig) => __async(void 0, null, function* () {
+  const sandbox = createSandboxInstance(sandboxConfig);
+  try {
+    const result = yield sandbox.execute(
+      script.textContent || "",
+      createSandboxContext(shadowRoot)
+    );
+    if (!result.success && result.error) {
+      console.error("沙箱脚本执行错误:", result.error);
+    }
+  } catch (evalError) {
+    console.error("沙箱执行失败:", evalError);
+  } finally {
+    sandbox.destroy();
+  }
+});
+var executeInlineScript = (script, shadowRoot, sandboxConfig) => __async(void 0, null, function* () {
+  if (!sandboxConfig.enabled) {
+    executeUnsafeScript(script, shadowRoot);
+    return;
+  }
+  yield executeSandboxedScript(script, shadowRoot, sandboxConfig);
+});
+var executeScript = (script, shadowRoot, sandboxConfig) => __async(void 0, null, function* () {
+  try {
+    if (!script.src && script.textContent) {
+      yield executeInlineScript(script, shadowRoot, sandboxConfig);
+      return;
+    }
+    if (script.src) {
+      executeExternalScript(script, shadowRoot);
+    }
+  } catch (scriptError) {
+    console.error("Script execution error:", scriptError);
+  }
+});
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -354,61 +433,7 @@ a:active {
           }
         });
         scripts.forEach((script) => __async(void 0, null, function* () {
-          var _a2, _b2;
-          try {
-            if (!script.src && script.textContent) {
-              if (sandboxConfig.enabled) {
-                const sandbox = createSandbox(__spreadProps(__spreadValues({}, DEFAULT_SANDBOX_CONFIG), {
-                  allowDOM: (_a2 = sandboxConfig.allowDOM) != null ? _a2 : true,
-                  allowedGlobals: sandboxConfig.allowedGlobals || DEFAULT_SANDBOX_CONFIG.allowedGlobals,
-                  forbiddenGlobals: sandboxConfig.forbiddenGlobals || DEFAULT_SANDBOX_CONFIG.forbiddenGlobals,
-                  strictMode: (_b2 = sandboxConfig.strictMode) != null ? _b2 : true,
-                  timeout: sandboxConfig.timeout || 3e3
-                }));
-                try {
-                  const result = yield sandbox.execute(script.textContent, {
-                    shadowRoot,
-                    // 提供一个安全的 window 上下文
-                    safeWindow: {
-                      devicePixelRatio: typeof window !== "undefined" ? window.devicePixelRatio : 1,
-                      innerWidth: typeof window !== "undefined" ? window.innerWidth : 1024,
-                      innerHeight: typeof window !== "undefined" ? window.innerHeight : 768
-                    }
-                  });
-                  if (!result.success && result.error) {
-                    console.error("沙箱脚本执行错误:", result.error);
-                  }
-                } catch (evalError) {
-                  console.error("沙箱执行失败:", evalError);
-                } finally {
-                  sandbox.destroy();
-                }
-              } else {
-                console.warn("沙箱已禁用，使用不安全的脚本执行方式");
-                const scriptFn = new Function(
-                  "shadowRoot",
-                  "window",
-                  script.textContent
-                );
-                try {
-                  scriptFn(shadowRoot, {
-                    devicePixelRatio: window.devicePixelRatio
-                  });
-                } catch (evalError) {
-                  console.error("执行脚本错误:", evalError);
-                }
-              }
-            } else if (script.src) {
-              console.warn("外部脚本暂时不通过沙箱执行:", script.src);
-              try {
-                shadowRoot == null ? void 0 : shadowRoot.appendChild(script);
-              } catch (appendError) {
-                console.error("Error appending external script:", appendError);
-              }
-            }
-          } catch (scriptError) {
-            console.error("Script execution error:", scriptError);
-          }
+          yield executeScript(script, shadowRoot, sandboxConfig);
         }));
       } catch (contentError) {
         console.error("Error processing content:", contentError);

package/dist/Utils/proxySandbox/ProxySandbox.d.ts

@@ -117,6 +117,38 @@ export declare class ProxySandbox {
      * 使用 Worker 执行代码以实现真正的超时控制
      */
     private executeWithWorker;
+    /**
+     * 尝试序列化参数，失败则回退到同步执行
+     */
+    private trySerializeParams;
+    /**
+     * 回退到同步执行
+     */
+    private fallbackToSyncExecution;
+    /**
+     * 创建 Worker 实例
+     */
+    private createWorkerInstance;
+    /**
+     * 生成 Worker 代码
+     */
+    private generateWorkerCode;
+    /**
+     * 设置 Worker 超时
+     */
+    private setupWorkerTimeout;
+    /**
+     * 设置 Worker 消息处理器
+     */
+    private setupWorkerHandlers;
+    /**
+     * 处理控制台消息
+     */
+    private handleConsoleMessage;
+    /**
+     * 清理 Worker 资源
+     */
+    private cleanupWorker;
     /**
      * 执行代码的核心方法（同步版本）
      */

package/dist/Utils/proxySandbox/ProxySandbox.js

@@ -732,140 +732,188 @@ ${instrumented}`;
    */
   executeWithWorker(code, injectedParams) {
     return new Promise((resolve, reject) => {
-      let serializableParams = {};
-      if (injectedParams) {
-        try {
-          for (const [key, value] of Object.entries(injectedParams)) {
-            try {
-              JSON.stringify(value);
-              serializableParams[key] = value;
-            } catch (e) {
-              console.warn(`无法序列化注入参数 "${key}"，回退到同步执行`);
-              this.executeCode(code, injectedParams).then(resolve).catch(reject);
-              return;
-            }
-          }
-        } catch (error) {
-          console.warn("注入参数序列化检查失败，回退到同步执行");
-          try {
-            const result = this.executeCode(code, injectedParams);
-            resolve(result);
-          } catch (syncError) {
-            reject(syncError);
-          }
-          return;
-        }
+      const serializableParams = this.trySerializeParams(
+        injectedParams,
+        code,
+        resolve,
+        reject
+      );
+      if (!serializableParams)
+        return;
+      const { worker, workerUrl, timeoutId } = this.createWorkerInstance(
+        code,
+        serializableParams,
+        resolve,
+        reject
+      );
+      if (!worker)
+        return;
+      this.setupWorkerHandlers(
+        worker,
+        workerUrl,
+        timeoutId,
+        resolve,
+        reject
+      );
+    });
+  }
+  /**
+   * 尝试序列化参数，失败则回退到同步执行
+   */
+  trySerializeParams(injectedParams, code, resolve, reject) {
+    if (!injectedParams)
+      return {};
+    const serializableParams = {};
+    for (const [key, value] of Object.entries(injectedParams)) {
+      try {
+        JSON.stringify(value);
+        serializableParams[key] = value;
+      } catch (e) {
+        console.warn(`无法序列化注入参数 "${key}"，回退到同步执行`);
+        this.fallbackToSyncExecution(code, injectedParams, resolve, reject);
+        return null;
       }
-      const workerCode = `
-        self.onmessage = function(e) {
-          const { code, config, injectedParams } = e.data;
+    }
+    return serializableParams;
+  }
+  /**
+   * 回退到同步执行
+   */
+  fallbackToSyncExecution(code, injectedParams, resolve, reject) {
+    try {
+      const result = this.executeCode(code, injectedParams);
+      resolve(result);
+    } catch (error) {
+      reject(error);
+    }
+  }
+  /**
+   * 创建 Worker 实例
+   */
+  createWorkerInstance(code, serializableParams, resolve, reject) {
+    const workerCode = this.generateWorkerCode();
+    const blob = new Blob([workerCode], { type: "application/javascript" });
+    const workerUrl = URL.createObjectURL(blob);
+    try {
+      const worker = new Worker(workerUrl);
+      const timeoutId = this.setupWorkerTimeout(worker, workerUrl, reject);
+      worker.postMessage({
+        code,
+        config: this.config,
+        injectedParams: serializableParams
+      });
+      return { worker, workerUrl, timeoutId };
+    } catch (error) {
+      URL.revokeObjectURL(workerUrl);
+      console.warn("Worker 创建失败，回退到同步执行");
+      this.fallbackToSyncExecution(code, serializableParams, resolve, reject);
+      return { worker: null, workerUrl, timeoutId: 0 };
+    }
+  }
+  /**
+   * 生成 Worker 代码
+   */
+  generateWorkerCode() {
+    return `
+      self.onmessage = function(e) {
+        const { code, config, injectedParams } = e.data;
+        
+        try {
+          // 创建安全的执行环境
+          const safeGlobals = {
+            Math, Date, JSON, parseInt, parseFloat, isNaN, isFinite,
+            encodeURIComponent, decodeURIComponent, encodeURI, decodeURI,
+            String, Number, Boolean, Array, Object, RegExp,
+            Error, TypeError, ReferenceError, SyntaxError
+          };
+          
+          // 添加自定义全局变量
+          Object.assign(safeGlobals, config.customGlobals || {});
+          
+          // 添加注入的参数
+          Object.assign(safeGlobals, injectedParams || {});
           
-          try {
-            // 创建安全的执行环境
-            const safeGlobals = {
-              Math, Date, JSON, parseInt, parseFloat, isNaN, isFinite,
-              encodeURIComponent, decodeURIComponent, encodeURI, decodeURI,
-              String, Number, Boolean, Array, Object, RegExp,
-              Error, TypeError, ReferenceError, SyntaxError
+          // 添加 console（如果允许）
+          if (config.allowConsole) {
+            safeGlobals.console = {
+              log: (...args) => self.postMessage({ type: 'log', data: args }),
+              warn: (...args) => self.postMessage({ type: 'warn', data: args }),
+              error: (...args) => self.postMessage({ type: 'error', data: args }),
+              info: (...args) => self.postMessage({ type: 'info', data: args }),
+              debug: (...args) => self.postMessage({ type: 'debug', data: args })
             };
-            
-            // 添加自定义全局变量
-            Object.assign(safeGlobals, config.customGlobals || {});
-            
-            // 添加注入的参数
-            Object.assign(safeGlobals, injectedParams || {});
-            
-            // 添加 console（如果允许）
-            if (config.allowConsole) {
-              safeGlobals.console = {
-                log: (...args) => self.postMessage({ type: 'log', data: args }),
-                warn: (...args) => self.postMessage({ type: 'warn', data: args }),
-                error: (...args) => self.postMessage({ type: 'error', data: args }),
-                info: (...args) => self.postMessage({ type: 'info', data: args }),
-                debug: (...args) => self.postMessage({ type: 'debug', data: args })
-              };
-            }
-            
-            // 创建执行函数
-            const wrappedCode = config.strictMode ? "'use strict';\\n" + code : code;
-            const func = new Function(...Object.keys(safeGlobals), 'return (function() { ' + wrappedCode + ' })()');
-            
-            // 执行代码
-            const result = func(...Object.values(safeGlobals));
-            
-            self.postMessage({ type: 'result', data: result });
-          } catch (error) {
-            self.postMessage({ type: 'error', data: { message: error.message, stack: error.stack } });
-          }
-        };
-      `;
-      const blob = new Blob([workerCode], { type: "application/javascript" });
-      const workerUrl = URL.createObjectURL(blob);
-      let worker;
-      let timeoutId;
-      try {
-        worker = new Worker(workerUrl);
-        timeoutId = window.setTimeout(() => {
-          if (worker) {
-            worker.terminate();
           }
-          URL.revokeObjectURL(workerUrl);
-          reject(
-            new Error(`Code execution timeout after ${this.config.timeout}ms`)
-          );
-        }, this.config.timeout);
-        worker.onmessage = (e) => {
-          const { type, data } = e.data;
-          if (type === "result") {
-            if (timeoutId)
-              clearTimeout(timeoutId);
-            if (worker)
-              worker.terminate();
-            URL.revokeObjectURL(workerUrl);
-            resolve(data);
-          } else if (type === "error") {
-            if (timeoutId)
-              clearTimeout(timeoutId);
-            if (worker)
-              worker.terminate();
-            URL.revokeObjectURL(workerUrl);
-            reject(new Error(data.message));
-          } else if (type === "log" || type === "warn" || type === "error" || type === "info" || type === "debug") {
-            if (this.config.allowConsole) {
-              const consoleMethod = console[type];
-              if (typeof consoleMethod === "function") {
-                consoleMethod("[Sandbox]", ...data);
-              }
-            }
-          }
-        };
-        worker.onerror = (error) => {
-          if (timeoutId)
-            clearTimeout(timeoutId);
-          if (worker)
-            worker.terminate();
-          URL.revokeObjectURL(workerUrl);
-          reject(new Error(`Worker error: ${error.message}`));
-        };
-        worker.postMessage({
-          code,
-          config: this.config,
-          injectedParams: serializableParams
-        });
-      } catch (error) {
-        if (timeoutId)
-          clearTimeout(timeoutId);
-        if (worker)
-          worker.terminate();
-        URL.revokeObjectURL(workerUrl);
-        try {
-          const result = this.executeCode(code, injectedParams);
-          resolve(result);
-        } catch (syncError) {
-          reject(syncError);
+          
+          // 创建执行函数
+          const wrappedCode = config.strictMode ? "'use strict';\\n" + code : code;
+          const func = new Function(...Object.keys(safeGlobals), 'return (function() { ' + wrappedCode + ' })()');
+          
+          // 执行代码
+          const result = func(...Object.values(safeGlobals));
+          
+          self.postMessage({ type: 'result', data: result });
+        } catch (error) {
+          self.postMessage({ type: 'error', data: { message: error.message, stack: error.stack } });
         }
+      };
+    `;
+  }
+  /**
+   * 设置 Worker 超时
+   */
+  setupWorkerTimeout(worker, workerUrl, reject) {
+    return window.setTimeout(() => {
+      worker.terminate();
+      URL.revokeObjectURL(workerUrl);
+      reject(
+        new Error(`Code execution timeout after ${this.config.timeout}ms`)
+      );
+    }, this.config.timeout);
+  }
+  /**
+   * 设置 Worker 消息处理器
+   */
+  setupWorkerHandlers(worker, workerUrl, timeoutId, resolve, reject) {
+    worker.onmessage = (e) => {
+      const { type, data } = e.data;
+      if (type === "result") {
+        this.cleanupWorker(worker, workerUrl, timeoutId);
+        resolve(data);
+        return;
       }
-    });
+      if (type === "error") {
+        this.cleanupWorker(worker, workerUrl, timeoutId);
+        reject(new Error(data.message));
+        return;
+      }
+      this.handleConsoleMessage(type, data);
+    };
+    worker.onerror = (error) => {
+      this.cleanupWorker(worker, workerUrl, timeoutId);
+      reject(new Error(`Worker error: ${error.message}`));
+    };
+  }
+  /**
+   * 处理控制台消息
+   */
+  handleConsoleMessage(type, data) {
+    if (!this.config.allowConsole)
+      return;
+    const consoleTypes = ["log", "warn", "error", "info", "debug"];
+    if (!consoleTypes.includes(type))
+      return;
+    const consoleMethod = console[type];
+    if (typeof consoleMethod === "function") {
+      consoleMethod("[Sandbox]", ...data);
+    }
+  }
+  /**
+   * 清理 Worker 资源
+   */
+  cleanupWorker(worker, workerUrl, timeoutId) {
+    clearTimeout(timeoutId);
+    worker.terminate();
+    URL.revokeObjectURL(workerUrl);
   }
   /**
    * 执行代码的核心方法（同步版本）