react-native-fxview 1.0.3-beta2 → 1.0.3-beta3

package/FXView.js

@@ -49,7 +49,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const FXViewManager_1 = require("./FXViewManager");
+const FXViewManager_1 = __importDefault(require("./FXViewManager"));
 const FXLogger_1 = __importDefault(require("./logger/FXLogger"));
 class FXView extends react_1.Component {
     constructor(props) {
@@ -58,7 +58,7 @@ class FXView extends react_1.Component {
             components: [],
         };
         this.updateComponents = () => {
-            const components = FXViewManager_1.FXViewManager.getInstance().getComponents(this.viewId);
+            const components = FXViewManager_1.default.getComponents(this.viewId);
             this.setState({ components: components });
         };
         // 使用 fxViewId，如果没有则生成一个唯一 ID
@@ -69,7 +69,7 @@ class FXView extends react_1.Component {
     componentDidMount() {
         FXLogger_1.default.log("FXView", `mounted with viewId: ${this.viewId}`);
         // 注册到视图管理器
-        FXViewManager_1.FXViewManager.getInstance().registerView(this.viewId, this.updateComponents);
+        FXViewManager_1.default.registerView(this.viewId, this.updateComponents);
         // 初始更新
         this.updateComponents();
     }
@@ -79,16 +79,16 @@ class FXView extends react_1.Component {
         if (newViewId !== this.viewId) {
             // ID 变化时重新注册
             FXLogger_1.default.log("FXView", `updated changed: ${this.viewId}`);
-            FXViewManager_1.FXViewManager.getInstance().unregisterView(this.viewId);
+            FXViewManager_1.default.unregisterView(this.viewId);
             this.viewId = newViewId;
-            FXViewManager_1.FXViewManager.getInstance().registerView(this.viewId, this.updateComponents);
+            FXViewManager_1.default.registerView(this.viewId, this.updateComponents);
             this.updateComponents();
         }
     }
     componentWillUnmount() {
         FXLogger_1.default.log("FXView", `unmounted: ${this.viewId}`);
         // 注销视图（会自动清理所有组件和回调）
-        FXViewManager_1.FXViewManager.getInstance().unregisterView(this.viewId);
+        FXViewManager_1.default.unregisterView(this.viewId);
     }
     render() {
         const { children } = this.props;

package/FXView.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import { View, ViewProps } from "react-native";
 import { FXComponentItem } from "./types";
-import { FXViewManager } from "./FXViewManager";
+import FXManager from "./FXViewManager";
 import logger from "./logger/FXLogger";
 
 interface FXViewProps extends ViewProps {
@@ -30,10 +30,7 @@ export default class FXView extends Component<FXViewProps, FXViewState> {
   componentDidMount() {
     logger.log("FXView", `mounted with viewId: ${this.viewId}`);
     // 注册到视图管理器
-    FXViewManager.getInstance().registerView(
-      this.viewId,
-      this.updateComponents,
-    );
+    FXManager.registerView(this.viewId, this.updateComponents);
     // 初始更新
     this.updateComponents();
   }
@@ -45,13 +42,10 @@ export default class FXView extends Component<FXViewProps, FXViewState> {
     if (newViewId !== this.viewId) {
       // ID 变化时重新注册
       logger.log("FXView", `updated changed: ${this.viewId}`);
-      FXViewManager.getInstance().unregisterView(this.viewId);
+      FXManager.unregisterView(this.viewId);
       this.viewId = newViewId;
 
-      FXViewManager.getInstance().registerView(
-        this.viewId,
-        this.updateComponents,
-      );
+      FXManager.registerView(this.viewId, this.updateComponents);
       this.updateComponents();
     }
   }
@@ -59,11 +53,11 @@ export default class FXView extends Component<FXViewProps, FXViewState> {
   componentWillUnmount() {
     logger.log("FXView", `unmounted: ${this.viewId}`);
     // 注销视图（会自动清理所有组件和回调）
-    FXViewManager.getInstance().unregisterView(this.viewId);
+    FXManager.unregisterView(this.viewId);
   }
 
   updateComponents = () => {
-    const components = FXViewManager.getInstance().getComponents(this.viewId);
+    const components = FXManager.getComponents(this.viewId);
     this.setState({ components: components });
   };
 

package/FXViewManager.js

@@ -349,7 +349,6 @@ class FXViewManager {
             FXLogger_1.default.warn("FXViewManager", `FXViewController ${finalFXViewId} not registered, creating a temporary one`);
             viewController = new FXViewController_1.FXViewController(finalFXViewId);
             this.viewControllerMap.set(finalFXViewId, viewController);
-            this.fxViewIdQueue.enqueue(finalFXViewId);
         }
         return viewController;
     }

package/FXViewManager.ts

@@ -437,7 +437,6 @@ export class FXViewManager {
       );
       viewController = new FXViewController(finalFXViewId);
       this.viewControllerMap.set(finalFXViewId, viewController);
-      this.fxViewIdQueue.enqueue(finalFXViewId);
     }
 
     return viewController;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-fxview",
-  "version": "1.0.3-beta2",
+  "version": "1.0.3-beta3",
   "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;
-}
+}