react-native-fxview 1.0.0 → 1.0.2

package/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FXCategoryController = exports.FXViewController = exports.FXViewManager = exports.FXView = void 0;
+// 主入口文件
+var FXView_1 = require("./FXView");
+Object.defineProperty(exports, "FXView", { enumerable: true, get: function () { return __importDefault(FXView_1).default; } });
+var FXViewManager_1 = require("./FXViewManager");
+Object.defineProperty(exports, "FXViewManager", { enumerable: true, get: function () { return FXViewManager_1.FXViewManager; } });
+var FXViewController_1 = require("./FXViewController");
+Object.defineProperty(exports, "FXViewController", { enumerable: true, get: function () { return FXViewController_1.FXViewController; } });
+var FXCategoryController_1 = require("./FXCategoryController");
+Object.defineProperty(exports, "FXCategoryController", { enumerable: true, get: function () { return FXCategoryController_1.FXCategoryController; } });
+__exportStar(require("./types"), exports);

package/index.ts

@@ -0,0 +1,6 @@
+// 主入口文件
+export { default as FXView } from "./FXView";
+export { FXViewManager } from "./FXViewManager";
+export { FXViewController } from "./FXViewController";
+export { FXCategoryController } from "./FXCategoryController";
+export * from "./types";

package/package.json

@@ -1,11 +1,52 @@
 {
   "name": "react-native-fxview",
-  "version": "1.0.0",
-  "description": "dynamic view ",
-  "main": "index.js",
+  "version": "1.0.2",
+  "description": "A dynamic view component for React Native that allows runtime UI updates and component management",
+  "main": "index.ts",
+  "types": "index.d.ts",
+  "files": [
+    "*.js",
+    "*.ts",
+    "*.tsx",
+    "README.md",
+    "LICENSE"
+  ],
   "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "author": "",
-  "license": "ISC"
-}
+  "keywords": [
+    "react-native",
+    "dynamic-ui",
+    "view-component",
+    "runtime-updates",
+    "component-manager",
+    "mobile-ui"
+  ],
+  "author": "Your Name <your.email@example.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourusername/react-native-fxview.git"
+  },
+  "bugs": {
+    "url": "https://github.com/yourusername/react-native-fxview/issues"
+  },
+  "homepage": "https://github.com/yourusername/react-native-fxview#readme",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-native": ">=0.60.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-native": "^0.72.0",
+    "typescript": "^5.0.0"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/types.d.ts

@@ -0,0 +1,39 @@
+import type React from "react";
+/**
+ * 组件控制器接口
+ * 用于控制动态组件的显示、隐藏、更新等操作
+ */
+export interface FXComponentController {
+    /** 显示组件 */
+    show: () => void;
+    /** 隐藏组件 */
+    hide: () => void;
+    /** 移除组件 */
+    remove: () => void;
+    /** 更新组件内容 */
+    update: (component: React.ReactNode) => void;
+    /** 获取所属的 FXView ID */
+    getFxViewId: () => string;
+    /** 获取所属的分类 ID */
+    getCategoryId: () => string;
+    /** 获取组件 ID */
+    getComponentId: () => string;
+    /** 获取组件实例 */
+    getComponent: () => React.ReactNode;
+    /** 判断组件是否可见 */
+    isVisible: () => boolean;
+    /** 判断组件是否存在 */
+    exists: () => boolean;
+}
+/**
+ * 组件项配置接口
+ */
+export interface FXComponentItem {
+    componentId: string;
+    component?: React.ReactNode;
+    visible?: boolean;
+}
+export interface FXLifecycleCallbacks {
+    didMount: (fxViewId: string) => void;
+    willUnmount: (fxViewId: string) => void;
+}

package/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/types.ts

@@ -6,7 +6,7 @@ import type React from "react";
  * 组件控制器接口
  * 用于控制动态组件的显示、隐藏、更新等操作
  */
-export interface ComponentController {
+export interface FXComponentController {
   /** 显示组件 */
   show: () => void;
   /** 隐藏组件 */
@@ -32,8 +32,13 @@ export interface ComponentController {
 /**
  * 组件项配置接口
  */
-export interface ComponentItem {
+export interface FXComponentItem {
   componentId: string; // 组件唯一标识（必填）
   component?: React.ReactNode; // 组件内容
   visible?: boolean; // 是否可见，默认为 true
 }
+
+export interface FXLifecycleCallbacks {
+  didMount: (fxViewId: string) => void;
+  willUnmount: (fxViewId: string) => void;
+}