react-native-fxview 1.0.3-beta1 → 1.0.3-beta2

package/logger/FXLogger.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 // ========== Logger 类型定义 ==========
 
 /**
@@ -18,7 +19,6 @@ export interface FXLoggerConfig {
   debug: boolean; // 是否启用调试模式
   level: FXLogLevel; // 日志级别
   showTimestamp: boolean; // 是否显示时间戳
-  showTags: boolean; // 是否显示标签
   prefix: string; // 日志前缀
 }
 
@@ -42,7 +42,6 @@ export class FXLogger {
       debug: isDevelopment, // 开发环境启用调试模式，生产环境禁用
       level: isDevelopment ? FXLogLevel.DEBUG : FXLogLevel.ERROR, // 生产环境只显示错误日志
       showTimestamp: true,
-      showTags: true,
       prefix: isDevelopment ? "[FX-DEV]" : "[FX-PROD]", // 不同环境使用不同前缀
     };
   }
@@ -90,7 +89,7 @@ export class FXLogger {
       }
     } catch (error) {
       // 如果检测过程中出错，默认返回 false（生产环境）
-      this.error("FXLogger", "Environment detection failed", error);
+      this.error("Environment detection failed", error);
     }
 
     // 默认返回 false（生产环境）
@@ -171,7 +170,7 @@ export class FXLogger {
   /**
    * 格式化日志消息
    */
-  private formatMessage(level: string, tag: string, message: string): string {
+  private formatMessage(level: string, message: string): string {
     const parts: string[] = [];
 
     if (this.config.prefix) {
@@ -188,89 +187,91 @@ export class FXLogger {
     const colorSymbol = this.getLevelColor(levelEnum);
     parts.push(`[${colorSymbol}${level.toUpperCase()}]`);
 
-    if (this.config.showTags && tag) {
-      parts.push(`[${tag}]`);
-    }
-
     return parts.join("") + " " + message;
   }
 
   /**
    * 调试日志
    */
-  debug(tag: string, message: string, ...args: any[]): void {
+  log(message?: any, ...optionalParams: any[]): void {
     if (!this.shouldLog(FXLogLevel.DEBUG)) return;
 
-    const formattedMessage = this.formatMessage("debug", tag, message);
-    console.log(formattedMessage, ...args);
+    const formattedMessage = this.formatMessage("debug", message);
+    console.log(formattedMessage, ...optionalParams);
   }
 
   /**
    * 信息日志
    */
-  info(tag: string, message: string, ...args: any[]): void {
+  info(message?: any, ...optionalParams: any[]): void {
     if (!this.shouldLog(FXLogLevel.INFO)) return;
 
-    const formattedMessage = this.formatMessage("info", tag, message);
-    console.info(formattedMessage, ...args);
+    const formattedMessage = this.formatMessage("info", message);
+    console.info(formattedMessage, ...optionalParams);
   }
 
   /**
    * 警告日志
    */
-  warn(tag: string, message: string, ...args: any[]): void {
+  warn(message?: any, ...optionalParams: any[]): void {
     if (!this.shouldLog(FXLogLevel.WARN)) return;
 
-    const formattedMessage = this.formatMessage("warn", tag, message);
-    console.warn(formattedMessage, ...args);
+    const formattedMessage = this.formatMessage("warn", message);
+    console.warn(formattedMessage, ...optionalParams);
   }
 
   /**
    * 错误日志
    */
-  error(tag: string, message: string, ...args: any[]): void {
+  error(message?: any, ...optionalParams: any[]): void {
     if (!this.shouldLog(FXLogLevel.ERROR)) return;
 
-    const formattedMessage = this.formatMessage("error", tag, message);
-    console.error(formattedMessage, ...args);
+    const formattedMessage = this.formatMessage("error", message);
+    console.error(formattedMessage, ...optionalParams);
   }
 
   /**
-   * 分组日志
+   * 追踪日志
    */
-  group(tag: string, label?: string): void {
+  trace(message?: any, ...optionalParams: any[]): void {
     if (!this.shouldLog(FXLogLevel.DEBUG)) return;
 
-    const groupLabel = label ? `[${tag}] ${label}` : `[${tag}] Group`;
-    console.group(groupLabel);
+    const formattedMessage = this.formatMessage("trace", message);
+    console.trace(formattedMessage, ...optionalParams);
   }
 
   /**
-   * 结束分组日志
+   * 表格日志
    */
-  groupEnd(): void {
+  table(...data: any[]): void {
     if (!this.shouldLog(FXLogLevel.DEBUG)) return;
 
-    console.groupEnd();
+    console.table(...data);
   }
 
   /**
-   * 表格日志
+   * 分组日志
    */
-  table(tag: string, data: any): void {
+  group(label?: string): void {
     if (!this.shouldLog(FXLogLevel.DEBUG)) return;
 
-    console.log(`[${tag}] Table data:`);
-    console.table(data);
+    console.group(label);
   }
 
   /**
-   * 追踪日志
+   * 结束分组日志
+   */
+  groupEnd(): void {
+    console.groupEnd();
+  }
+
+  /**
+   * 折叠分组日志
    */
-  trace(tag: string, message: string): void {
+  groupCollapsed(label?: string): void {
     if (!this.shouldLog(FXLogLevel.DEBUG)) return;
 
-    console.trace(`[${tag}] ${message}`);
+    console.groupCollapsed(label);
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-fxview",
-  "version": "1.0.3-beta1",
+  "version": "1.0.3-beta2",
   "description": "A dynamic view component for React Native that allows runtime UI updates and component management",
   "main": "index.ts",
   "types": "index.d.ts",

package/types.ts

@@ -41,4 +41,4 @@ export interface FXComponentItem {
 export interface FXLifecycleCallbacks {
   didMount: (fxViewId: string) => void;
   willUnmount: (fxViewId: string) => void;
-}
+}

package/FXViewCategoryController.d.ts

@@ -1,100 +0,0 @@
-import React from "react";
-import { ComponentItem, ComponentController } from "./types";
-export declare class FXViewCategoryController {
-    fxViewId: string;
-    categoryId: string;
-    private updateCallback?;
-    private componentMap;
-    private componentQueue;
-    constructor(fxViewId: string, categoryId: string, triggerUpdate?: () => void);
-    /**
-     * 创建并展示组件
-     * @param component 要显示的组件
-     * @param componentId 可选的组件 ID
-     * @returns 组件控制器
-     */
-    add(component: React.ReactNode, componentId?: string): ComponentController;
-    /**
-     * 创建但不显示组件
-     * @param component 要创建的组件
-     * @param componentId 可选的组件 ID
-     * @returns 组件控制器
-     */
-    build(component: React.ReactNode, componentId?: string): ComponentController;
-    /**
-     * 显示已存在的组件
-     * @param componentId 组件 ID
-     */
-    show(componentId: string): void;
-    /**
-     * 隐藏但不删除组件
-     * @param componentId 组件 ID
-     */
-    hide(componentId: string): void;
-    /**
-     * 更新组件内容
-     * @param componentId 组件 ID
-     * @param component 新的组件内容
-     */
-    update(componentId: string, component: React.ReactNode): void;
-    /**
-     * 彻底删除组件
-     * @param componentId 组件 ID（必需）
-     */
-    remove(componentId: string): void;
-    /**
-     * 移除最后一个组件（可选：用于向后兼容）
-     */
-    removeLast(): void;
-    /**
-     * 清空所有组件
-     */
-    clearAll(): void;
-    /**
-     * 注册更新回调
-     * @param updateCallback 更新回调函数
-     */
-    registerUpdateCallback(updateCallback?: () => void): void;
-    /**
-     * 获取组件列表
-     * @returns 组件列表
-     */
-    getComponents(): ComponentItem[];
-    /**
-     * 获取组件数量
-     * @returns 组件数量
-     */
-    getComponentCount(): number;
-    /**
-     * 获取可见组件数量
-     * @returns 可见组件数量
-     */
-    getVisibleComponentCount(): number;
-    /**
-     * 检查组件是否存在
-     * @param componentId 组件 ID
-     * @returns 是否存在
-     */
-    hasComponent(componentId: string): boolean;
-    /**
-     * 检查组件是否可见
-     * @param componentId 组件 ID
-     * @returns 是否可见
-     */
-    isVisible(componentId: string): boolean;
-    /**
-     * 触发更新
-     */
-    private triggerUpdate;
-    /**
-     * 创建组件控制器
-     * @param componentId 组件 ID
-     * @returns 组件控制器
-     */
-    private createController;
-    /**
-     * 自动生成 componentId
-     * @returns 生成的 componentId
-     */
-    private autoComponentId;
-}

package/FXViewCategoryController.js

@@ -1,270 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FXViewCategoryController = void 0;
-const PriorityQueue_1 = require("./queue/PriorityQueue");
-class FXViewCategoryController {
-    constructor(fxViewId, categoryId, triggerUpdate) {
-        // 存储组件的 Map 和优先队列
-        this.componentMap = new Map();
-        this.componentQueue = new PriorityQueue_1.PriorityQueue(PriorityQueue_1.HeapType.MAX_HEAP, PriorityQueue_1.PriorityOrder.FIFO);
-        this.fxViewId = fxViewId;
-        this.categoryId = categoryId;
-        this.updateCallback = triggerUpdate;
-    }
-    // ========== 主要 API 方法 ==========
-    /**
-     * 创建并展示组件
-     * @param component 要显示的组件
-     * @param componentId 可选的组件 ID
-     * @returns 组件控制器
-     */
-    add(component, componentId) {
-        console.log(`FXViewCategoryController.add`, `[${this.categoryId}]`, componentId);
-        const finalComponentId = componentId || this.autoComponentId();
-        // 如果组件已存在，先移除旧的
-        if (this.componentMap.has(finalComponentId)) {
-            console.warn(`Component ${finalComponentId} already exists, removing old one`);
-            this.remove(finalComponentId);
-        }
-        const componentItem = {
-            componentId: finalComponentId,
-            component,
-            visible: true, // add 方法默认可见
-        };
-        this.componentMap.set(finalComponentId, componentItem);
-        this.componentQueue.enqueue(componentItem);
-        this.triggerUpdate();
-        return this.createController(finalComponentId);
-    }
-    /**
-     * 创建但不显示组件
-     * @param component 要创建的组件
-     * @param componentId 可选的组件 ID
-     * @returns 组件控制器
-     */
-    build(component, componentId) {
-        console.log(`FXViewCategoryController.build`, `[${this.categoryId}]`, componentId);
-        const finalComponentId = componentId || this.autoComponentId();
-        // 如果组件已存在，先移除旧的
-        if (this.componentMap.has(finalComponentId)) {
-            console.warn(`Component ${finalComponentId} already exists, removing old one`);
-            this.remove(finalComponentId);
-        }
-        const componentItem = {
-            componentId: finalComponentId,
-            component,
-            visible: false, // build 方法默认不可见
-        };
-        this.componentMap.set(finalComponentId, componentItem);
-        this.componentQueue.enqueue(componentItem);
-        // build 不触发更新，因为组件不可见
-        // this.triggerUpdate();
-        return this.createController(finalComponentId);
-    }
-    /**
-     * 显示已存在的组件
-     * @param componentId 组件 ID
-     */
-    show(componentId) {
-        console.log(`FXViewCategoryController.show`, `[${this.categoryId}]`, componentId);
-        const componentItem = this.componentMap.get(componentId);
-        if (!componentItem) {
-            console.warn(`Component ${componentId} not found in category ${this.categoryId}`);
-            return;
-        }
-        // 如果已经可见，不需要重复操作
-        if (componentItem.visible) {
-            console.log(`Component ${componentId} is already visible`);
-            return;
-        }
-        componentItem.visible = true;
-        this.triggerUpdate();
-    }
-    /**
-     * 隐藏但不删除组件
-     * @param componentId 组件 ID
-     */
-    hide(componentId) {
-        console.log(`FXViewCategoryController.hide`, `[${this.categoryId}]`, componentId);
-        const componentItem = this.componentMap.get(componentId);
-        if (!componentItem) {
-            console.warn(`Component ${componentId} not found in category ${this.categoryId}`);
-            return;
-        }
-        // 如果已经隐藏，不需要重复操作
-        if (!componentItem.visible) {
-            console.log(`Component ${componentId} is already hidden`);
-            return;
-        }
-        componentItem.visible = false;
-        this.triggerUpdate();
-    }
-    /**
-     * 更新组件内容
-     * @param componentId 组件 ID
-     * @param component 新的组件内容
-     */
-    update(componentId, component) {
-        console.log(`FXViewCategoryController.update`, `[${this.categoryId}]`, componentId);
-        const componentItem = this.componentMap.get(componentId);
-        if (!componentItem) {
-            console.warn(`Component ${componentId} not found in category ${this.categoryId}`);
-            return;
-        }
-        // 更新组件内容
-        componentItem.component = component;
-        // 只有在组件可见时才触发更新
-        if (componentItem.visible) {
-            this.triggerUpdate();
-        }
-        else {
-            console.log(`Component ${componentId} is hidden, update without re-render`);
-        }
-    }
-    /**
-     * 彻底删除组件
-     * @param componentId 组件 ID（必需）
-     */
-    remove(componentId) {
-        console.log(`FXViewCategoryController.remove`, `[${this.categoryId}]`, componentId);
-        const componentItem = this.componentMap.get(componentId);
-        if (!componentItem) {
-            console.warn(`Component ${componentId} not found in category ${this.categoryId}`);
-            return;
-        }
-        // 从 Map 中删除
-        this.componentMap.delete(componentId);
-        // 从优先队列中删除
-        this.componentQueue.remove(componentItem);
-        this.triggerUpdate();
-    }
-    /**
-     * 移除最后一个组件（可选：用于向后兼容）
-     */
-    removeLast() {
-        console.log(`FXViewCategoryController.removeLast`, `[${this.categoryId}]`);
-        const lastComponent = this.componentQueue.peek();
-        if (!lastComponent) {
-            console.warn(`No component to remove in category ${this.categoryId}`);
-            return;
-        }
-        this.remove(lastComponent.componentId);
-    }
-    /**
-     * 清空所有组件
-     */
-    clearAll() {
-        console.log(`FXViewCategoryController.clearAll`, `[${this.categoryId}]`);
-        const hadVisibleComponents = Array.from(this.componentMap.values()).some((item) => item.visible);
-        this.componentMap.clear();
-        this.componentQueue.clear();
-        // 只有在有可见组件时才触发更新
-        if (hadVisibleComponents) {
-            this.triggerUpdate();
-        }
-    }
-    /**
-     * 注册更新回调
-     * @param updateCallback 更新回调函数
-     */
-    registerUpdateCallback(updateCallback) {
-        this.updateCallback = updateCallback;
-    }
-    /**
-     * 获取组件列表
-     * @returns 组件列表
-     */
-    getComponents() {
-        return this.componentQueue.getAll();
-    }
-    /**
-     * 获取组件数量
-     * @returns 组件数量
-     */
-    getComponentCount() {
-        return this.componentMap.size;
-    }
-    /**
-     * 获取可见组件数量
-     * @returns 可见组件数量
-     */
-    getVisibleComponentCount() {
-        return Array.from(this.componentMap.values()).filter((item) => item.visible)
-            .length;
-    }
-    /**
-     * 检查组件是否存在
-     * @param componentId 组件 ID
-     * @returns 是否存在
-     */
-    hasComponent(componentId) {
-        return this.componentMap.has(componentId);
-    }
-    /**
-     * 检查组件是否可见
-     * @param componentId 组件 ID
-     * @returns 是否可见
-     */
-    isVisible(componentId) {
-        var _a;
-        const component = this.componentMap.get(componentId);
-        return (_a = component === null || component === void 0 ? void 0 : component.visible) !== null && _a !== void 0 ? _a : false;
-    }
-    // ========== 私有方法 ==========
-    /**
-     * 触发更新
-     */
-    triggerUpdate() {
-        console.log(`FXViewCategoryController.triggerUpdate`, `[${this.categoryId}]`);
-        if (this.updateCallback) {
-            this.updateCallback();
-        }
-    }
-    /**
-     * 创建组件控制器
-     * @param componentId 组件 ID
-     * @returns 组件控制器
-     */
-    createController(componentId) {
-        console.log(`FXViewCategoryController.createController`, `[${this.categoryId}]`, componentId);
-        // ✅ 修复：不在闭包中捕获 componentItem，每次都从 Map 获取最新引用
-        return {
-            show: () => {
-                this.show(componentId);
-            },
-            hide: () => {
-                this.hide(componentId);
-            },
-            remove: () => {
-                this.remove(componentId);
-            },
-            update: (component) => {
-                this.update(componentId, component);
-            },
-            getFxViewId: () => this.fxViewId,
-            getCategoryId: () => this.categoryId,
-            getComponentId: () => componentId,
-            getComponent: () => {
-                var _a;
-                // ✅ 每次都从 Map 获取最新的组件引用
-                return (_a = this.componentMap.get(componentId)) === null || _a === void 0 ? void 0 : _a.component;
-            },
-            isVisible: () => {
-                return this.isVisible(componentId);
-            },
-            exists: () => {
-                return this.hasComponent(componentId);
-            },
-        };
-    }
-    /**
-     * 自动生成 componentId
-     * @returns 生成的 componentId
-     */
-    autoComponentId() {
-        return `component_${Date.now()}_${Math.random()
-            .toString(36)
-            .substring(2, 9)}`;
-    }
-}
-exports.FXViewCategoryController = FXViewCategoryController;