@ant-design/agentic-ui 2.0.22 → 2.0.24

package/dist/Schema/SchemaRenderer/index.js

@@ -56,6 +56,85 @@ import {
 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,182 @@ ${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);
   }
   /**
    * 执行代码的核心方法（同步版本）

package/dist/WelcomeMessage/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { TextAnimateProps } from '../Components/TextAnimate';
 import { TypingAnimationProps } from '../Components/TypingAnimation';
-export type WelcomeMessageTitleAnimateProps = Pick<TextAnimateProps, 'delay' | 'duration' | 'variants' | 'by' | 'startOnView' | 'once' | 'animation'>;
-export type WelcomeMessageDescriptionAnimateProps = Pick<TypingAnimationProps, 'duration' | 'typeSpeed' | 'deleteSpeed' | 'delay' | 'pauseDelay' | 'loop' | 'startOnView' | 'showCursor' | 'blinkCursor' | 'cursorStyle'>;
+export type WelcomeMessageTitleAnimateProps = Pick<TypingAnimationProps, 'duration' | 'typeSpeed' | 'deleteSpeed' | 'delay' | 'pauseDelay' | 'loop' | 'startOnView' | 'showCursor' | 'blinkCursor' | 'cursorStyle'>;
+export type WelcomeMessageDescriptionAnimateProps = Pick<TextAnimateProps, 'delay' | 'duration' | 'variants' | 'by' | 'startOnView' | 'once' | 'animation'>;
 /**
  * WelcomeMessage 组件的属性接口
  * @interface WelcomeMessageProps

package/dist/WelcomeMessage/index.js

@@ -41,18 +41,21 @@ var WelcomeMessage = ({
   const { wrapSSR, hashId } = useStyle(prefixCls);
   return wrapSSR(
     /* @__PURE__ */ React.createElement("div", { className: classnames(prefixCls, hashId, rootClassName), style }, title && /* @__PURE__ */ React.createElement(
-      TextAnimate,
+      TypingAnimation,
       __spreadProps(__spreadValues({
-        once: true
+        as: "div"
       }, titleAnimateProps), {
-        as: "div",
         className: classnames(`${prefixCls}-title`, classNames == null ? void 0 : classNames.title)
       }),
       title
     ), description && /* @__PURE__ */ React.createElement(
-      TypingAnimation,
-      __spreadProps(__spreadValues({}, descriptionAnimateProps), {
+      TextAnimate,
+      __spreadProps(__spreadValues({
         as: "div",
+        animation: "blurInUp",
+        by: "character",
+        once: true
+      }, descriptionAnimateProps), {
         className: classnames(
           `${prefixCls}-description`,
           classNames == null ? void 0 : classNames.description

package/dist/WelcomeMessage/style.js

@@ -34,7 +34,6 @@ var genStyle = (token) => {
         alignItems: "center",
         justifyContent: "center",
         flexWrap: "wrap",
-        gap: 12,
         color: "var(--color-gray-text-default)",
         font: "var(--font-text-h2-base)",
         letterSpacing: "var(--letter-spacing-h2-base, normal)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.0.22",
+  "version": "2.0.24",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",