@ant-design/agentic-ui 2.0.22 → 2.0.23

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);
   }
   /**
    * 执行代码的核心方法（同步版本）

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.23",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",