@lark-apaas/client-toolkit 1.0.9 → 1.0.11

package/lib/components/AppContainer/api-proxy/core.d.ts

@@ -35,6 +35,10 @@ export interface ApiResponse<T = any> {
     status: number;
     /** 状态文本 */
     statusText: string;
+    /** 请求是否成功 (2xx 状态码) */
+    success: boolean;
+    /** 响应头（序列化为普通对象，可通过 postMessage 传递） */
+    headers?: Record<string, string>;
 }
 /**
  * API 错误类
@@ -45,39 +49,28 @@ export declare class ApiError extends Error {
     response?: Response;
     config?: RequestConfig;
     code?: string;
-    constructor(message: string, config?: RequestConfig, response?: Response, code?: string);
+    /** 业务错误响应数据 */
+    responseData?: any;
+    constructor(message: string, config?: RequestConfig, response?: Response, code?: string, responseData?: any);
+    /**
+     * 序列化为可传递的 JSON 对象（用于 postMessage 等场景）
+     * 移除不可序列化的对象（如 Response、Request 等）
+     */
+    toJSON(): object;
 }
-/**
- * 请求拦截器类型
- */
-export type RequestInterceptor = (config: RequestConfig) => RequestConfig | Promise<RequestConfig>;
-/**
- * 响应拦截器类型
- */
-export type ResponseInterceptor = <T = any>(response: ApiResponse<T>) => ApiResponse<T> | Promise<ApiResponse<T>>;
-/**
- * 错误拦截器类型
- */
-export type ErrorInterceptor = (error: ApiError) => any;
 /**
  * 通用接口测试 API 代理类
  *
  * 特性:
  * - 支持所有 RESTful 请求方法 (GET, POST, PUT, DELETE, PATCH, HEAD, OPTIONS)
  * - 完善的错误处理和边界检查
- * - 请求/响应拦截器
  * - 超时控制和请求取消
  * - 支持多种响应类型
+ * - 所有响应数据可序列化（可通过 postMessage 传递）
  */
 declare class ApiProxy {
     /** 默认配置 */
     private defaultConfig;
-    /** 请求拦截器队列 */
-    private requestInterceptors;
-    /** 响应拦截器队列 */
-    private responseInterceptors;
-    /** 错误拦截器队列 */
-    private errorInterceptors;
     /** 活跃的请求控制器 Map */
     private activeRequests;
     /**
@@ -85,18 +78,6 @@ declare class ApiProxy {
      * @param baseConfig 基础配置
      */
     constructor(baseConfig?: Partial<RequestConfig>);
-    /**
-     * 添加请求拦截器
-     */
-    useRequestInterceptor(interceptor: RequestInterceptor): void;
-    /**
-     * 添加响应拦截器
-     */
-    useResponseInterceptor(interceptor: ResponseInterceptor): void;
-    /**
-     * 添加错误拦截器
-     */
-    useErrorInterceptor(interceptor: ErrorInterceptor): void;
     /**
      * 验证 URL 格式
      */
@@ -114,17 +95,9 @@ declare class ApiProxy {
      */
     private parseResponse;
     /**
-     * 执行请求拦截器
-     */
-    private runRequestInterceptors;
-    /**
-     * 执行响应拦截器
-     */
-    private runResponseInterceptors;
-    /**
-     * 执行错误拦截器
+     * 将 Headers 对象序列化为普通对象（可通过 postMessage 传递）
      */
-    private runErrorInterceptors;
+    private serializeHeaders;
     /**
      * 生成请求唯一键
      */

package/lib/components/AppContainer/api-proxy/core.js

@@ -4,7 +4,8 @@ class ApiError extends Error {
     response;
     config;
     code;
-    constructor(message, config, response, code){
+    responseData;
+    constructor(message, config, response, code, responseData){
         super(message);
         this.name = 'ApiError';
         this.config = config;
@@ -12,8 +13,27 @@ class ApiError extends Error {
         this.status = response?.status;
         this.statusText = response?.statusText;
         this.code = code;
+        this.responseData = responseData;
         Object.setPrototypeOf(this, ApiError.prototype);
     }
+    toJSON() {
+        return {
+            name: this.name,
+            message: this.message,
+            code: this.code,
+            status: this.status,
+            statusText: this.statusText,
+            responseData: this.responseData,
+            config: this.config ? {
+                url: this.config.url,
+                method: this.config.method,
+                headers: this.config.headers,
+                params: this.config.params,
+                timeout: this.config.timeout,
+                responseType: this.config.responseType
+            } : void 0
+        };
+    }
 }
 class ApiProxy {
     defaultConfig = {
@@ -23,12 +43,9 @@ class ApiProxy {
         headers: {
             'Content-Type': 'application/json',
             'X-Suda-Csrf-Token': window.csrfToken || '',
-            'Cache-Control': 'no-store'
+            'Cache-Control': 'no-store, no-cache'
         }
     };
-    requestInterceptors = [];
-    responseInterceptors = [];
-    errorInterceptors = [];
     activeRequests = new Map();
     constructor(baseConfig){
         if (baseConfig) this.defaultConfig = {
@@ -36,18 +53,6 @@ class ApiProxy {
             ...baseConfig
         };
     }
-    useRequestInterceptor(interceptor) {
-        if ('function' != typeof interceptor) throw new TypeError('Request interceptor must be a function');
-        this.requestInterceptors.push(interceptor);
-    }
-    useResponseInterceptor(interceptor) {
-        if ('function' != typeof interceptor) throw new TypeError('Response interceptor must be a function');
-        this.responseInterceptors.push(interceptor);
-    }
-    useErrorInterceptor(interceptor) {
-        if ('function' != typeof interceptor) throw new TypeError('Error interceptor must be a function');
-        this.errorInterceptors.push(interceptor);
-    }
     validateUrl(url) {
         if (!url || 'string' != typeof url) return false;
         if (url.startsWith('/') || url.startsWith('./') || url.startsWith('../')) return true;
@@ -115,35 +120,12 @@ class ApiProxy {
             throw new ApiError(`Failed to parse response as ${responseType}`, void 0, response, 'PARSE_ERROR');
         }
     }
-    async runRequestInterceptors(config) {
-        let modifiedConfig = {
-            ...config
-        };
-        for (const interceptor of this.requestInterceptors)try {
-            modifiedConfig = await interceptor(modifiedConfig);
-        } catch (error) {
-            console.error('Request interceptor error:', error);
-            throw new ApiError('Request interceptor failed', modifiedConfig, void 0, 'INTERCEPTOR_ERROR');
-        }
-        return modifiedConfig;
-    }
-    async runResponseInterceptors(response) {
-        let modifiedResponse = response;
-        for (const interceptor of this.responseInterceptors)try {
-            modifiedResponse = await interceptor(modifiedResponse);
-        } catch (error) {
-            console.error('Response interceptor error:', error);
-        }
-        return modifiedResponse;
-    }
-    async runErrorInterceptors(error) {
-        for (const interceptor of this.errorInterceptors)try {
-            const result = await interceptor(error);
-            if (void 0 !== result) return result;
-        } catch (err) {
-            console.error('Error interceptor failed:', err);
-        }
-        throw error;
+    serializeHeaders(headers) {
+        const serialized = {};
+        headers.forEach((value, key)=>{
+            serialized[key] = value;
+        });
+        return serialized;
     }
     generateRequestKey(config) {
         return `${config.method || 'GET'}_${config.url}_${Date.now()}_${Math.random()}`;
@@ -160,15 +142,8 @@ class ApiProxy {
                 ...config.headers
             }
         };
-        const finalConfig = await this.runRequestInterceptors(mergedConfig);
-        const requestKey = this.generateRequestKey(finalConfig);
-        try {
-            const response = await this.executeRequest(finalConfig, requestKey);
-            return response;
-        } catch (error) {
-            const apiError = error instanceof ApiError ? error : new ApiError(error instanceof Error ? error.message : 'Unknown error', finalConfig, void 0, 'REQUEST_FAILED');
-            return await this.runErrorInterceptors(apiError);
-        }
+        const requestKey = this.generateRequestKey(mergedConfig);
+        return await this.executeRequest(mergedConfig, requestKey);
     }
     async executeRequest(config, requestKey) {
         let abortController;
@@ -197,27 +172,28 @@ class ApiProxy {
             const response = await fetch(fullUrl, fetchOptions);
             if (timeoutId) clearTimeout(timeoutId);
             this.activeRequests.delete(requestKey);
-            if (!response.ok) throw new ApiError(`HTTP Error: ${response.status} ${response.statusText}`, config, response, 'HTTP_ERROR');
-            const data = await this.parseResponse(response, config.responseType || 'json');
+            let data;
+            try {
+                data = 204 === response.status || 304 === response.status ? null : await this.parseResponse(response, config.responseType || 'json');
+            } catch (parseError) {
+                console.error('Failed to parse response:', parseError);
+                data = null;
+            }
             const apiResponse = {
                 data,
                 status: response.status,
-                statusText: response.statusText
+                statusText: response.statusText,
+                success: response.ok,
+                headers: this.serializeHeaders(response.headers)
             };
-            return await this.runResponseInterceptors(apiResponse);
+            return apiResponse;
         } catch (error) {
-            let errorResponse = null, errorResponseString = '';
-            if (error.response && error.config.responseType) errorResponse = await this.parseResponse(error.response, error.config.responseType || 'json');
-            try {
-                errorResponseString = JSON.stringify(errorResponse);
-            } catch (error) {
-                throw new ApiError(error instanceof Error ? error.message : 'Response parse error', config, void 0, 'UNKNOWN_ERROR');
-            }
             if (timeoutId) clearTimeout(timeoutId);
             this.activeRequests.delete(requestKey);
+            if (error instanceof ApiError) throw error;
             if (error instanceof Error && 'AbortError' === error.name) throw new ApiError(config.timeout ? 'Request timeout' : 'Request cancelled', config, void 0, 'ABORT_ERROR');
             if (error instanceof TypeError) throw new ApiError('Network error or CORS issue', config, void 0, 'NETWORK_ERROR');
-            throw new ApiError(errorResponseString, config, errorResponse, 'UNKNOWN_ERROR');
+            throw new ApiError(error instanceof Error ? error.message : 'Unknown error', config, void 0, 'UNKNOWN_ERROR');
         }
     }
     async get(url, config) {

package/lib/components/User/UserDisplay.d.ts

@@ -5,5 +5,6 @@ export interface UserDisplayProps {
     size?: 'small' | 'medium' | 'large';
     className?: string;
     style?: React.CSSProperties;
+    showLabel?: boolean;
 }
 export declare const UserDisplay: React.FC<UserDisplayProps>;

package/lib/components/User/UserDisplay.js

@@ -5,7 +5,7 @@ import { clsxWithTw } from "../../utils/utils.js";
 import { UserProfile } from "./UserProfile/index.js";
 import { UserWithAvatar } from "./UserWithAvatar.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
-const UserDisplay = ({ users, size, className, style })=>{
+const UserDisplay = ({ users, size, className, style, showLabel = true })=>{
     const normalizedUsers = useMemo(()=>Array.isArray(users) ? users : [
             users
         ].filter(Boolean), [
@@ -96,6 +96,7 @@ const UserDisplay = ({ users, size, className, style })=>{
                             children: /*#__PURE__*/ jsx(UserWithAvatar, {
                                 data: user,
                                 size: size,
+                                showLabel: showLabel,
                                 className: "cursor-pointer hover:bg-[rgba(31,35,41,0.15)] active:bg-[rgba(31,35,41,0.2)]"
                             })
                         })

package/lib/components/User/UserWithAvatar.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import type { UserWithAvatarProps } from './type';
-export declare function UserWithAvatar({ data, size, mode, className, }: UserWithAvatarProps): React.JSX.Element;
+export declare function UserWithAvatar({ data, size, mode, className, showLabel, }: UserWithAvatarProps): React.JSX.Element;

package/lib/components/User/UserWithAvatar.js

@@ -23,7 +23,7 @@ const textVariantMap = {
     medium: 'text-[14px] leading-[20px]',
     large: 'text-[16px] leading-[24px]'
 };
-function UserWithAvatar({ data, size = 'medium', mode = 'tag', className }) {
+function UserWithAvatar({ data, size = 'medium', mode = 'tag', className, showLabel = true }) {
     const { avatar, name } = data;
     const displayName = name?.trim() || '无效人员';
     const formatSize = [
@@ -48,7 +48,7 @@ function UserWithAvatar({ data, size = 'medium', mode = 'tag', className }) {
                     })
                 ]
             }),
-            /*#__PURE__*/ jsx(OverflowTooltipText, {
+            showLabel && /*#__PURE__*/ jsx(OverflowTooltipText, {
                 text: displayName,
                 className: clsxWithTw('text-card-foreground', textVariantMap[formatSize])
             })

package/lib/components/User/type.d.ts

@@ -10,4 +10,8 @@ export interface UserWithAvatarProps {
      */
     mode?: 'tag' | 'plain';
     className?: string;
+    /**
+     * @default true
+     */
+    showLabel?: boolean;
 }

package/lib/logger/batch-logger.js

@@ -13,7 +13,7 @@ class BatchLogger {
             userId,
             tenantId,
             appId,
-            endpoint: '/dev/logs/collect-batch',
+            endpoint: (process.env.CLIENT_BASE_PATH || '') + '/dev/logs/collect-batch',
             sizeThreshold: 20,
             flushInterval: 1000,
             maxRetries: 3,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [