@react-native-ohos/react-native-reanimated 3.18.1-rc.1

package/harmony/reanimated/src/main/ets/AnimationManager.ts

@@ -0,0 +1,61 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a MIT license that can be
+// found in the LICENSE file.
+
+export class AnimationManager {
+  private updateValue: number = 0;
+  private animationId: number = 0;
+  private duration: number = 200;
+  private initialValue: number = 0;
+  private targetValue: number = 1;
+  private updateCallback?: (value: number, status: KeyboardState) => void;
+  private status: KeyboardState = KeyboardState.UNKNOWN;
+
+  setUpdateCallback(callback: (value: number, status: KeyboardState) => void): void {
+    this.updateCallback = callback;
+  }
+
+  startAnimation(startValue: number, endValue: number, duration: number): void {
+    if (this.animationId) {
+      this.stopAnimation();
+    }
+    this.initialValue = startValue;
+    this.targetValue = endValue;
+    this.duration = duration;
+    let startTime = Date.now();
+    this.status = endValue > startValue ? KeyboardState.OPENING : KeyboardState.CLOSING;
+
+    this.animationId = setInterval(() => {
+      const elapsedTime = Date.now() - startTime;
+      const progress = Math.min(elapsedTime / this.duration, 1);
+
+      this.updateValue = this.initialValue + progress * (this.targetValue - this.initialValue);
+      if (progress >= 1) {
+        this.status = endValue > startValue ? KeyboardState.OPEN : KeyboardState.CLOSED;
+      }
+      if (this.updateCallback) {
+        this.updateCallback(this.updateValue, this.status);
+      }
+      if (progress >= 1) {
+        this.stopAnimation();
+      }
+    }, 8);
+  }
+
+  // 停止动画
+  stopAnimation(): void {
+    if (this.animationId) {
+      clearInterval(this.animationId);
+      this.animationId = 0;
+    }
+    this.status = KeyboardState.UNKNOWN;
+  }
+}
+
+export enum KeyboardState {
+  UNKNOWN = 0,
+  OPENING = 1,
+  OPEN = 2,
+  CLOSING = 3,
+  CLOSED = 4,
+}

package/harmony/reanimated/src/main/ets/ReanimatedModule.ts

@@ -0,0 +1,41 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a MIT license that can be
+// found in the LICENSE file.
+
+import { RNOHLogger, Tag, UITurboModule, UITurboModuleContext } from "@rnoh/react-native-openharmony/ts";
+import { window } from '@kit.ArkUI';
+import { AnimationManager } from './AnimationManager'
+
+export class ReanimatedModule extends UITurboModule {
+  static NAME = "ReanimatedModule"
+  private logger: RNOHLogger
+  private keyBordHeight = 0;
+
+  constructor(ctx:  UITurboModuleContext) {
+    super(ctx);
+    this.logger = ctx.logger.clone("Reanimated");
+  }
+  public setViewProps(tag: Tag, props: Object) {
+    this.ctx.descriptorRegistry.setAnimatedRawProps(tag, props);
+  }
+
+  public async subscribeKeyBordListeners() {
+    const windowInstance = await window.getLastWindow(this.ctx.uiAbilityContext);
+    windowInstance.on('keyboardHeightChange', async (height) => {
+      let keyBordHeight = this.ctx.getUIContext().px2vp(height);
+      const animationManager = new AnimationManager();
+      animationManager.setUpdateCallback((value, status) => {
+        this.ctx.rnInstance.postMessageToCpp("REANIMATED_KEY_BOARD_CHANGE",
+          { keyboardHeight: value, status: status.valueOf() });
+      });
+      animationManager.startAnimation(this.keyBordHeight, keyBordHeight, 200);
+      this.keyBordHeight = keyBordHeight;
+    })
+  }
+
+  public async unsubscribeKeyBordListeners() {
+    const windowInstance = await window.getLastWindow(this.ctx.uiAbilityContext);
+    windowInstance.off('keyboardHeightChange', (v) => {
+    })
+  }
+}

package/harmony/reanimated/src/main/ets/ReanimatedPackage.ts

@@ -0,0 +1,29 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a MIT license that can be
+// found in the LICENSE file.
+
+import { RNPackage, UITurboModuleContext, TurboModulesFactory } from "@rnoh/react-native-openharmony/ts";
+import type { UITurboModule } from "@rnoh/react-native-openharmony/ts";
+import { ReanimatedModule } from './ReanimatedModule';
+import { WorkletsModule } from './WorkletsModule';
+
+class ReanimatedTurboModulesFactory extends TurboModulesFactory {
+  createTurboModule(name: string): UITurboModule | null {
+    if (name === ReanimatedModule.NAME) {
+      return new ReanimatedModule(this.ctx);
+    } else if (name === WorkletsModule.NAME) {
+      return new WorkletsModule(this.ctx);
+    }
+    return null;
+  }
+
+  hasTurboModule(name: string): boolean {
+    return name === 'ReanimatedModule' || name === 'WorkletsModule';
+  }
+}
+
+export class ReanimatedPackage extends RNPackage {
+  createTurboModulesFactory(ctx: UITurboModuleContext): TurboModulesFactory {
+    return new ReanimatedTurboModulesFactory(ctx);
+  }
+}

package/harmony/reanimated/src/main/ets/WorkletsModule.ts

@@ -0,0 +1,15 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a MIT license that can be
+// found in the LICENSE file.
+
+import { RNOHLogger, Tag, UITurboModule, UITurboModuleContext } from "@rnoh/react-native-openharmony/ts";
+
+export class WorkletsModule extends UITurboModule {
+  static NAME = "WorkletsModule"
+  private logger: RNOHLogger
+
+  constructor(ctx: UITurboModuleContext) {
+    super(ctx);
+    this.logger = ctx.logger.clone("WorkletsModule");
+  }
+}

package/harmony/reanimated/src/main/module.json5

@@ -0,0 +1,13 @@
+{
+  "module": {
+    "name": "reanimated",
+    "type": "har",
+    "description": "$string:module_desc",
+    "mainElement": "ReanimatedAbility",
+    "deviceTypes": [
+      "phone",
+      "tablet",
+      "2in1"
+    ],
+  }
+}

package/harmony/reanimated/src/main/resources/base/element/color.json

@@ -0,0 +1,8 @@
+{
+  "color": [
+    {
+      "name": "start_window_background",
+      "value": "#FFFFFF"
+    }
+  ]
+}

package/harmony/reanimated/src/main/resources/base/element/string.json

@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "module description"
+    },
+    {
+      "name": "ReanimatedAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "ReanimatedAbility_label",
+      "value": "label"
+    }
+  ]
+}

package/harmony/reanimated/src/main/resources/base/profile/main_pages.json

@@ -0,0 +1,5 @@
+{
+  "src": [
+    "pages/Index"
+  ]
+}

package/harmony/reanimated/src/main/resources/en_US/element/string.json

@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "module description"
+    },
+    {
+      "name": "ReanimatedAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "ReanimatedAbility_label",
+      "value": "label"
+    }
+  ]
+}

package/harmony/reanimated/src/main/resources/zh_CN/element/string.json

@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "模块描述"
+    },
+    {
+      "name": "ReanimatedAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "ReanimatedAbility_label",
+      "value": "label"
+    }
+  ]
+}

package/harmony/reanimated/ts.ts

@@ -0,0 +1,6 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a MIT license that can be
+// found in the LICENSE file.
+
+export * from './src/main/ets/ReanimatedPackage';
+export * from './src/main/ets/ReanimatedModule';

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+import Animated from 'react-native-reanimated';
+export * from 'react-native-reanimated';
+export default Animated;
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AAExC,eAAe,QAAQ,CAAC"}

package/lib/index.js

@@ -0,0 +1,7 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a MIT license that can be
+// found in the LICENSE file.
+'use strict';
+import Animated from 'react-native-reanimated';
+export * from 'react-native-reanimated';
+export default Animated;

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@react-native-ohos/react-native-reanimated",
+  "harmony": {
+    "alias": "react-native-reanimated",
+    "redirectInternalImports": true
+  },
+  "version": "3.18.1-rc.1",
+  "description": "",
+  "main": "lib/index.js",
+  "scripts": {
+    "build": "tsc",
+    "pack:prod": "npm pack",
+    "prepack": "npm run build",
+    "prepublishOnly": "npm run prepack && react-native verify-package-harmony --package-path . --skip-checks oh_package_name_is_derived_from_npm_package_name",
+    "update_version": "node ./scripts/update-version.js",
+    "deploy": "node ./scripts/deploy.js"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-harmony": "*",
+    "react-native-reanimated": "^3.18.0"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@types/node": "^20.11.4",
+    "react-native-reanimated": "^3.18.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.23.4",
+    "@babel/core": "^7.23.7",
+    "@babel/preset-env": "^7.23.8",
+    "@babel/preset-typescript": "^7.23.3",
+    "@babel/runtime": "^7.23.8",
+    "@types/invariant": "^2.2.35",
+    "@types/react": "^18.2.15",
+    "metro-react-native-babel-preset": "^0.77.0",
+    "react": "18.3.1",
+    "react-native": "0.77.1",
+    "react-native-builder-bob": "^0.21.3",
+    "typescript": "^5.1.6"
+  },
+  "files": [
+    "lib",
+    "harmony",
+    "src",
+    "./harmony.tar.gz"
+  ]
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a MIT license that can be
+// found in the LICENSE file.
+
+'use strict';
+
+import Animated from 'react-native-reanimated';
+export * from 'react-native-reanimated';
+
+export default Animated;