@react-native-ohos/react-native-context-menu-view 1.16.1-rc.1

package/harmony/context_menu/src/main/ets/ContextMenuTwoMenu.ets

@@ -0,0 +1,209 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { RNOHContext, } from '@rnoh/react-native-openharmony'
+import Logger from './Logger';
+import { SymbolGlyphModifier } from '@kit.ArkUI';
+import { ContextMenuThreeMenu } from './ContextMenuThreeMenu';
+import { ContextMenuThreeMenuWithNoSelect } from './ContextMenuThreeMenuWithNoSelect';
+
+//这里的属性类型要和ContextMenuTurboModule.ets下的ContextMenuProps一致
+interface ContextMenuProps {
+  tag?: number;
+  width?: number;
+  height?: number;
+  x?: number;
+  y?: number;
+  windowX?: number;
+  windowY?: number;
+  title?: string;
+  action?: string;
+  dropdownMenuMode?: boolean;
+  disabled?: boolean;
+  subtitle?: string;
+
+  // disabledArray?: Array<boolean>;
+  selected?: boolean;
+  previewBackgroundColor?: string;
+  actionsTitle?: string;
+  touchViewActions?: ContextMenuProps
+  ctx: RNOHContext
+  romWidth?: number;
+  romHeight?: number;
+  systemIcon?: string;
+  icon?: string;
+  destructive?: string
+  iconColor?: string;
+
+  //二级目录
+  inlineChildren?: boolean;
+  d_childActions?: ContextMenuProps;
+  childActionsTag?: number;
+
+  //2+目录
+  childActions?: ContextMenuProps;
+}
+
+@Component
+export struct ContextMenuTwoMenu {
+  public static readonly NAME = "ContextMenuTwoMenu"
+  menuCtx!: RNOHContext;
+  menuTag: number = 0;
+  longPress: ESObject = []
+  @State realViewPoint: Object = [];
+  @State listDate: ContextMenuProps[] = [];
+  @State menuIndexPath: number[] = [];
+  @State menuDestructive: string = '';
+  @State childActionsListDate: ESObject[] = [];
+  @State isTouchViewNumber: number = 0;
+  @State isChildActionsTouchViewNumber: number = 0;
+  @State menuChildActions: ContextMenuProps[] = [];
+  @State menuChild: ESObject[] = [];
+  @State deepChildActions: ESObject[] = [];
+  @State nextMenu: ESObject[] = [];
+  @State selectedFlag: number = 0;
+
+  aboutToAppear() {
+    //从前一个菜单传递过来的
+    this.longPress = this.realViewPoint;
+    this.menuCtx = this.menuCtx;
+    this.menuTag = this.menuTag;
+    this.listDate = this.longPress;
+    Logger.info('2024-2menu,this.listDate:' + JSON.stringify(this.listDate))
+    //二级目录的enable在一级目录就应该转换过,所以这里不用转换
+    //遍历传递回前端的indexPath,indexPath只会计算子节点index
+    //第一个节点表示对应的深层目录，从3级起算
+    for (let i = 0; i < this.listDate.length; i++) {
+      this.menuIndexPath[i+1] = i;
+    }
+    for (let i = 0; i < this.listDate.length; i++) {
+      if (this.longPress[i].selected) {
+        this.selectedFlag++;
+      }
+    }
+  }
+
+  //退出组件
+  aboutToDisappear() {
+  }
+
+  @Builder
+  NextMenu() {
+    ContextMenuThreeMenu(
+      {
+        realViewPoint: this.nextMenu,
+        menuCtx: this.menuCtx,
+        menuTag: this.menuTag
+      });
+  }
+
+  @Builder
+  NextMenuWithNoSelect() {
+    ContextMenuThreeMenuWithNoSelect(
+      {
+        realViewPoint: this.nextMenu,
+        menuCtx: this.menuCtx,
+        menuTag: this.menuTag
+      });
+  }
+
+  build() {
+    Menu() {
+      ForEach(this.listDate, (childItem: ContextMenuProps, index1) => {
+        if (childItem.systemIcon) {
+          MenuItem({
+            content: childItem.title,
+            symbolEndIcon: new SymbolGlyphModifier($r(childItem.systemIcon)).fontSize('24vp')
+              .fontColor([childItem.iconColor]),
+            labelInfo: childItem.subtitle,
+            builder: (): void => {
+              if (childItem.childActions !== undefined) {
+                this.nextMenu = this.longPress[index1].childActions;
+                if (this.selectedFlag !== 0) {
+                  this.NextMenu();
+                } else {
+                  this.NextMenuWithNoSelect();
+                }
+              }
+            }
+          })//selected复选标记,根据传入的selected来判断selected为默认为false,不显示
+            .selected(childItem.selected)
+            .selectIcon(new SymbolGlyphModifier($r('sys.symbol.checkmark')).fontSize('24vp'))
+            .alignSelf(ItemAlign.Start)
+            .enabled(childItem.disabled)
+            .contentFontColor(childItem.destructive)
+            .onClick(() => {
+              this.nextMenu = this.longPress[index1].childActions;
+              this.isTouchViewNumber = index1;
+              if (childItem.inlineChildren || (childItem.childActions == undefined)) {
+                this.menuCtx.rnInstance.postMessageToCpp('contextMenu::SET_NATIVE_RESPONDERS_BLOCK', {
+                  itemTitle: childItem.title,
+                  itemTag: this.menuTag,
+                  itemIndex: index1,
+                  itemIndexPath: this.menuIndexPath,
+                  itemInlineChildren: childItem.inlineChildren
+                });
+              }
+            })
+
+        } else {
+          MenuItem({
+            content: childItem.title,
+            endIcon: $r(childItem.icon),
+            labelInfo: childItem.subtitle,
+            builder: (): void => {
+              if (childItem.childActions !== undefined) {
+                this.nextMenu = this.longPress[index1].childActions;
+                if (this.selectedFlag !== 0) {
+                  this.NextMenu();
+                } else {
+                  this.NextMenuWithNoSelect();
+                }
+              }
+            }
+          })//selected复选标记,根据传入的selected来判断selected为默认为false,不显示
+            .selected(childItem.selected)
+            .selectIcon(new SymbolGlyphModifier($r('sys.symbol.checkmark')).fontSize('24vp'))
+            .alignSelf(ItemAlign.Start)
+            .enabled(childItem.disabled)
+            .contentFontColor(childItem.destructive)
+            .onClick(() => {
+              this.nextMenu = this.longPress[index1].childActions;
+              this.isTouchViewNumber = index1;
+              if (childItem.inlineChildren || (childItem.childActions == undefined)) {
+                this.menuCtx.rnInstance.postMessageToCpp('contextMenu::SET_NATIVE_RESPONDERS_BLOCK', {
+                  itemTitle: childItem.title,
+                  itemTag: this.menuTag,
+                  itemIndex: index1,
+                  itemIndexPath: this.menuIndexPath,
+                  itemInlineChildren: childItem.inlineChildren
+                });
+              }
+            })
+        }
+
+      })
+    }
+  }
+}

package/harmony/context_menu/src/main/ets/ContextMenuTwoMenuWithNoSelect.ets

@@ -0,0 +1,207 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { RNOHContext, } from '@rnoh/react-native-openharmony'
+import Logger from './Logger';
+import { SymbolGlyphModifier } from '@kit.ArkUI';
+import { ContextMenuThreeMenu } from './ContextMenuThreeMenu';
+import { ContextMenuThreeMenuWithNoSelect } from './ContextMenuThreeMenuWithNoSelect';
+
+//这里的属性类型要和ContextMenuTurboModule.ets下的ContextMenuProps一致
+interface ContextMenuProps {
+  tag?: number;
+  width?: number;
+  height?: number;
+  x?: number;
+  y?: number;
+  windowX?: number;
+  windowY?: number;
+  title?: string;
+  action?: string;
+  dropdownMenuMode?: boolean;
+  disabled?: boolean;
+  subtitle?: string;
+
+  // disabledArray?: Array<boolean>;
+  selected?: boolean;
+  previewBackgroundColor?: string;
+  actionsTitle?: string;
+  touchViewActions?: ContextMenuProps
+  ctx: RNOHContext
+  romWidth?: number;
+  romHeight?: number;
+  systemIcon?: string;
+  icon?: string;
+  destructive?: string
+  iconColor?: string;
+
+  //二级目录
+  inlineChildren?: boolean;
+  d_childActions?: ContextMenuProps;
+  childActionsTag?: number;
+
+  //2+目录
+  childActions?: ContextMenuProps;
+}
+
+@Component
+export struct ContextMenuTwoMenuWithNoSelect {
+  public static readonly NAME = "ContextMenuTwoMenuWithNoSelect"
+  menuCtx!: RNOHContext;
+  menuTag: number = 0;
+  longPress: ESObject = []
+  @State realViewPoint: Object = [];
+  @State listDate: ContextMenuProps[] = [];
+  @State menuIndexPath: number[] = [];
+  @State menuDestructive: string = '';
+  @State childActionsListDate: ESObject[] = [];
+  @State isTouch: boolean | undefined = false;
+  @State isTouchViewNumber: number = 0;
+  @State isChildActionsTouchViewNumber: number = 0;
+  @State menuChildActions: ContextMenuProps[] = [];
+  @State menuChild: ESObject[] = [];
+  @State deepChildActions: ESObject[] = [];
+  @State nextMenu: ESObject[] = [];
+  @State selectedFlag: number = 0;
+
+  aboutToAppear() {
+    //从前一个菜单传递过来的
+    this.longPress = this.realViewPoint;
+    this.menuCtx = this.menuCtx;
+    this.menuTag = this.menuTag;
+    this.listDate = this.longPress;
+    Logger.info('2024-2menu,this.listDate:' + JSON.stringify(this.listDate))
+    //二级目录的enable在一级目录就应该转换过,所以这里不用转换
+    //遍历传递回前端的indexPath,indexPath只会计算子节点index
+    //第一个节点表示对应的深层目录，从3级起算
+    for (let i = 0; i < this.listDate.length; i++) {
+      this.menuIndexPath[i+1] = i;
+    }
+    for (let i = 0; i < this.listDate.length; i++) {
+      if (this.longPress[i].selected) {
+        this.selectedFlag++;
+      }
+    }
+  }
+
+  //退出组件
+  aboutToDisappear() {
+  }
+
+  @Builder
+  NextMenu() {
+    ContextMenuThreeMenu(
+      {
+        realViewPoint: this.nextMenu,
+        menuCtx: this.menuCtx,
+        menuTag: this.menuTag
+      });
+  }
+
+  @Builder
+  NextMenuWithNoSelect() {
+    ContextMenuThreeMenuWithNoSelect(
+      {
+        realViewPoint: this.nextMenu,
+        menuCtx: this.menuCtx,
+        menuTag: this.menuTag
+      });
+  }
+
+  build() {
+    Menu() {
+      ForEach(this.listDate, (childItem: ContextMenuProps, index1) => {
+        if (childItem.systemIcon) {
+          MenuItem({
+            content: childItem.title,
+            symbolEndIcon: new SymbolGlyphModifier($r(childItem.systemIcon)).fontSize('24vp')
+              .fontColor([childItem.iconColor]),
+            labelInfo: childItem.subtitle,
+            builder: (): void => {
+              if (childItem.childActions !== undefined) {
+                this.nextMenu = this.longPress[index1].childActions;
+                if (this.selectedFlag !== 0) {
+                  this.NextMenu();
+                } else {
+                  this.NextMenuWithNoSelect();
+                }
+              }
+            }
+          })//selected复选标记,根据传入的selected来判断selected为默认为false,不显示
+            .alignSelf(ItemAlign.Start)
+            .enabled(childItem.disabled)
+            .contentFontColor(childItem.destructive)
+            .onClick(() => {
+              this.nextMenu = this.longPress[index1].childActions;
+              this.isTouch = true && (!childItem.inlineChildren) && (childItem.childActions !== undefined);
+              this.isTouchViewNumber = index1;
+              if (childItem.inlineChildren || (childItem.childActions == undefined)) {
+                this.menuCtx.rnInstance.postMessageToCpp('contextMenu::SET_NATIVE_RESPONDERS_BLOCK', {
+                  itemTitle: childItem.title,
+                  itemTag: this.menuTag,
+                  itemIndex: index1,
+                  itemIndexPath: this.menuIndexPath,
+                  itemInlineChildren: childItem.inlineChildren
+                });
+              }
+            })
+
+        } else {
+          MenuItem({
+            content: childItem.title,
+            endIcon: $r(childItem.icon),
+            labelInfo: childItem.subtitle,
+            builder: (): void => {
+              if (childItem.childActions !== undefined) {
+                this.nextMenu = this.longPress[index1].childActions;
+                if (this.selectedFlag !== 0) {
+                  this.NextMenu();
+                } else {
+                  this.NextMenuWithNoSelect();
+                }
+              }
+            }
+          })//selected复选标记,根据传入的selected来判断selected为默认为false,不显示
+            .alignSelf(ItemAlign.Start)
+            .enabled(childItem.disabled)
+            .contentFontColor(childItem.destructive)
+            .onClick(() => {
+              this.nextMenu = this.longPress[index1].childActions;
+              this.isTouch = true && (!childItem.inlineChildren) && (childItem.childActions !== undefined);
+              this.isTouchViewNumber = index1;
+              if (childItem.inlineChildren || (childItem.childActions == undefined)) {
+                this.menuCtx.rnInstance.postMessageToCpp('contextMenu::SET_NATIVE_RESPONDERS_BLOCK', {
+                  itemTitle: childItem.title,
+                  itemTag: this.menuTag,
+                  itemIndex: index1,
+                  itemIndexPath: this.menuIndexPath,
+                  itemInlineChildren: childItem.inlineChildren
+                });
+              }
+            })
+        }
+      })
+    }
+  }
+}

package/harmony/context_menu/src/main/ets/Logger.ets

@@ -0,0 +1,64 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import hilog from '@ohos.hilog';
+
+class Logger {
+  private domain : number;
+  private prefix : string;
+  private format : string = '%{public}s';
+  private isDebug : boolean;
+
+  /**
+   * constructor.
+   *
+   * @param Prefix Identifies the log tag.
+   * @param domain Domain Indicates the service domain, which is a hexadecimal integer ranging from 0x0 to 0xFFFFF.
+   */
+  constructor(prefix: string = 'MyApp', domain: number = 0xFF00, isDebug = false) {
+    this.prefix = prefix;
+    this.domain = domain;
+    this.isDebug = isDebug;
+  }
+
+  debug(...args: string[]): void {
+    if (this.isDebug) {
+      hilog.debug(this.domain, this.prefix, this.format, args);
+    }
+  }
+
+  info(...args: string[]): void {
+    hilog.info(this.domain, this.prefix, this.format, args);
+  }
+
+  warn(...args: string[]) : void {
+    hilog.warn(this.domain, this.prefix, this.format, args);
+  }
+
+  error(...args: string[]) : void {
+    hilog.error(this.domain, this.prefix, this.format, args);
+  }
+}
+
+export default new Logger('RNViewOverflow', 0xFF00, false)

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

@@ -0,0 +1,7 @@
+{
+  module: {
+    name: "context_menu",
+    type: 'har',
+    deviceTypes: ['default'],
+  },
+}

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

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}

package/harmony/context_menu/src/main/resources/base/media/layered_image.json

@@ -0,0 +1,7 @@
+{
+  "layered-image":
+  {
+    "background" : "$media:background",
+    "foreground" : "$media:foreground"
+  }
+}

package/harmony/context_menu/src/main/resources/base/profile/backup_config.json

@@ -0,0 +1,3 @@
+{
+  "allowToBackupRestore": true
+}

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

@@ -0,0 +1,5 @@
+{
+  "src": [
+    "ContextMenuLongPress"
+  ]
+}

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

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}

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

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}

package/harmony/context_menu/ts.ets

@@ -0,0 +1,26 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+export * from "./src/main/ets/ContextMenuPackage"
+export * from "./src/main/ets/ContextMenuTurboModule"

package/index.js

@@ -0,0 +1,44 @@
+import React from "react";
+import { requireNativeComponent, View, Platform, StyleSheet, processColor } from "react-native";
+import NativeContextMenuHarmony from './src/RTNContextMenuNativeComponent'
+
+const NativeContextMenu = requireNativeComponent("ContextMenu", null);
+
+const ContextMenu = (props) => {
+  const iconColor = props?.iconColor
+    ? Platform.OS === 'ios'
+      ? processColor(props.iconColor)
+      : props.iconColor
+    : undefined;
+
+  if (Platform.OS === 'harmony') {
+    return (
+      <NativeContextMenuHarmony {...props} iconColor={iconColor}>
+        {props.children}
+        {props.preview != null && Platform.OS === 'ios' ? (
+          <View style={styles.preview} nativeID="ContextMenuPreview">{props.preview}</View>
+        ) : null}
+      </NativeContextMenuHarmony>
+    );
+  } else {
+    return (
+      <NativeContextMenu {...props} iconColor={iconColor}>
+        {props.children}
+        {props.preview != null && Platform.OS === 'ios' ? (
+          <View style={styles.preview} nativeID="ContextMenuPreview">{props.preview}</View>
+        ) : null}
+      </NativeContextMenu>
+    );
+  }
+
+};
+
+const styles = StyleSheet.create({
+  preview: {
+    position: 'absolute',
+    overflow: 'visible',
+    backgroundColor: 'transparent'
+  }
+});
+
+export default ContextMenu;

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@react-native-ohos/react-native-context-menu-view",
+  "version": "1.16.1-rc.1",
+  "description": "Use native context menu views from React Native",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "files": [
+    "src",
+    "android",
+    "ios",
+    "harmony",
+    "react-native-context-menu-view.podspec",
+    "!android/build",
+    "!ios/build",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "harmony"
+  ],
+  "repository": "https://github.com/react-native-oh-library/react-native-context-menu-view",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/react-native-oh-library/react-native-context-menu-view/issues"
+  },
+  "homepage": "https://github.com/react-native-oh-library/react-native-context-menu-view#readme",
+  "devDependencies": {},
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "harmony": {
+    "alias": "react-native-context-menu-view",
+    "autolinking": {
+      "etsPackageClassName":"ContextMenuPackage",
+      "cppPackageClassName":"ContextMenuPackage",
+      "cmakeLibraryTargetName": "rnoh_context_menu", 
+      "ohPackageName": "@react-native-ohos/react-native-context-menu-view"
+    }
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  }
+}