@react-native-ohos/flash-list 1.8.3-rc.3 → 1.8.3-rc.4

package/harmony/flash_list/src/main/ets/RNCellContainer.ets

@@ -1,113 +1,113 @@
-/**
- * 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 {
-  Descriptor,
-  ComponentBuilderContext,
-  RNComponentFactory,
-  RNOHContext,
-  RNViewBase,
-  ViewBaseProps,
-  ViewRawProps,
-  ColorSegments,
-  BorderColors,
-  Tag,
-  ViewDescriptorWrapperBase
-} from '@rnoh/react-native-openharmony';
-import Logger from './Logger';
-
-export const CELL_CONTAINER_TYPE: string = "CellContainer";
-
-export interface CellContainerRawProps extends ViewRawProps {
-  index?: number
-}
-
-export interface CellContainerState {}
-
-export type CellContainerDescriptor = Descriptor<"CellContainer", ViewBaseProps, CellContainerState, CellContainerRawProps>
-
-class CellContainerDescriptorWrapper extends ViewDescriptorWrapperBase<"CellContainer", ViewBaseProps, CellContainerState, CellContainerRawProps> {
-}
-
-@Component
-export struct RNCellContainer {
-  ctx!: RNOHContext
-  tag: number = 0
-  @BuilderParam buildCustomComponent: (componentBuilderContext: ComponentBuilderContext) => void
-  @State descriptor: CellContainerDescriptor = Object() as CellContainerDescriptor
-  @State descriptorWrapper: CellContainerDescriptorWrapper | undefined = undefined
-  private unregisterDescriptorChangesListener?: () => void = undefined
-  @State index: number = -1;
-  // @State private childrenTags: Tag[] = []
-
-  aboutToAppear() {
-    this.initComponent();
-    this.descriptor = this.ctx.descriptorRegistry.getDescriptor<CellContainerDescriptor>(this.tag)
-    this.descriptorWrapper = new CellContainerDescriptorWrapper(this.descriptor)
-
-    this.unregisterDescriptorChangesListener = this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag,
-      (newDescriptor) => {
-        this.descriptor = (newDescriptor as CellContainerDescriptor)
-      }
-    )
-    Logger.debug(`[RNOH]: in RNCellContainer descriptor: ${JSON.stringify(this.descriptor)}`)
-    Logger.debug(`[RNOH]: in RNCellContainer descriptorWrapper: ${JSON.stringify(this.descriptorWrapper)}`)
-  }
-
-  aboutToDisappear() {
-    this.unregisterDescriptorChangesListener?.()
-  }
-
-  initComponent() {
-    let descriptor = this.ctx.descriptorRegistry.getDescriptor<CellContainerDescriptor>(this.tag);
-    this.setDescriptor(descriptor)
-    // const parentTag = descriptor.parentTag;
-    this.unregisterDescriptorChangesListener = this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag,
-      (newDescriptor) => {
-        this.setDescriptor(newDescriptor as CellContainerDescriptor)
-      }
-    )
-  }
-
-  private setDescriptor(descriptor: CellContainerDescriptor) {
-    this.descriptorWrapper = new CellContainerDescriptorWrapper(descriptor)
-  }
-
-  setIndex(value: number): void {
-    this.index = value;
-  }
-
-  getIndex(): number {
-    Logger.debug(`[RNOH]: in RNCellContainer index: ${JSON.stringify(this.index)}`)
-    return this.index;
-  }
-
-  build() {
-    RNViewBase({ ctx: this.ctx, tag: this.tag }) {
-      ForEach(this.descriptor.childrenTags, (tag: Tag) => {
-        RNComponentFactory({ ctx: this.ctx, tag: tag, buildCustomComponent: this.buildCustomComponent })
-      }, (tag: Tag) => tag.toString())
-    }
-  }
-}
+/**
+ * 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 {
+  Descriptor,
+  ComponentBuilderContext,
+  RNComponentFactory,
+  RNOHContext,
+  RNViewBase,
+  ViewBaseProps,
+  ViewRawProps,
+  ColorSegments,
+  BorderColors,
+  Tag,
+  ViewDescriptorWrapperBase
+} from '@rnoh/react-native-openharmony';
+import Logger from './Logger';
+
+export const CELL_CONTAINER_TYPE: string = "CellContainer";
+
+export interface CellContainerRawProps extends ViewRawProps {
+  index?: number
+}
+
+export interface CellContainerState {}
+
+export type CellContainerDescriptor = Descriptor<"CellContainer", ViewBaseProps, CellContainerState, CellContainerRawProps>
+
+class CellContainerDescriptorWrapper extends ViewDescriptorWrapperBase<"CellContainer", ViewBaseProps, CellContainerState, CellContainerRawProps> {
+}
+
+@Component
+export struct RNCellContainer {
+  ctx!: RNOHContext
+  tag: number = 0
+  @BuilderParam buildCustomComponent: (componentBuilderContext: ComponentBuilderContext) => void
+  @State descriptor: CellContainerDescriptor = Object() as CellContainerDescriptor
+  @State descriptorWrapper: CellContainerDescriptorWrapper | undefined = undefined
+  private unregisterDescriptorChangesListener?: () => void = undefined
+  @State index: number = -1;
+  // @State private childrenTags: Tag[] = []
+
+  aboutToAppear() {
+    this.initComponent();
+    this.descriptor = this.ctx.descriptorRegistry.getDescriptor<CellContainerDescriptor>(this.tag)
+    this.descriptorWrapper = new CellContainerDescriptorWrapper(this.descriptor)
+
+    this.unregisterDescriptorChangesListener = this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag,
+      (newDescriptor) => {
+        this.descriptor = (newDescriptor as CellContainerDescriptor)
+      }
+    )
+    Logger.debug(`[RNOH]: in RNCellContainer descriptor: ${JSON.stringify(this.descriptor)}`)
+    Logger.debug(`[RNOH]: in RNCellContainer descriptorWrapper: ${JSON.stringify(this.descriptorWrapper)}`)
+  }
+
+  aboutToDisappear() {
+    this.unregisterDescriptorChangesListener?.()
+  }
+
+  initComponent() {
+    let descriptor = this.ctx.descriptorRegistry.getDescriptor<CellContainerDescriptor>(this.tag);
+    this.setDescriptor(descriptor)
+    // const parentTag = descriptor.parentTag;
+    this.unregisterDescriptorChangesListener = this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag,
+      (newDescriptor) => {
+        this.setDescriptor(newDescriptor as CellContainerDescriptor)
+      }
+    )
+  }
+
+  private setDescriptor(descriptor: CellContainerDescriptor) {
+    this.descriptorWrapper = new CellContainerDescriptorWrapper(descriptor)
+  }
+
+  setIndex(value: number): void {
+    this.index = value;
+  }
+
+  getIndex(): number {
+    Logger.debug(`[RNOH]: in RNCellContainer index: ${JSON.stringify(this.index)}`)
+    return this.index;
+  }
+
+  build() {
+    RNViewBase({ ctx: this.ctx, tag: this.tag }) {
+      ForEach(this.descriptor.childrenTags, (tag: Tag) => {
+        RNComponentFactory({ ctx: this.ctx, tag: tag, buildCustomComponent: this.buildCustomComponent })
+      }, (tag: Tag) => tag.toString())
+    }
+  }
+}

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

@@ -1,9 +1,9 @@
-{
-	"module": {
-		"name": "flash_list",
-		"type": "har",
-		"deviceTypes": [
-			"default"
-		]
-	}
-}
+{
+	"module": {
+		"name": "flash_list",
+		"type": "har",
+		"deviceTypes": [
+			"default"
+		]
+	}
+}

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

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

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

@@ -1,16 +1,16 @@
-{
-  "string": [
-    {
-      "name": "module_desc",
-      "value": "module description"
-    },
-    {
-      "name": "EntryAbility_desc",
-      "value": "description"
-    },
-    {
-      "name": "EntryAbility_label",
-      "value": "label"
-    }
-  ]
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "module description"
+    },
+    {
+      "name": "EntryAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "EntryAbility_label",
+      "value": "label"
+    }
+  ]
 }

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

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

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

@@ -1,16 +1,16 @@
-{
-  "string": [
-    {
-      "name": "module_desc",
-      "value": "module description"
-    },
-    {
-      "name": "EntryAbility_desc",
-      "value": "description"
-    },
-    {
-      "name": "EntryAbility_label",
-      "value": "label"
-    }
-  ]
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "module description"
+    },
+    {
+      "name": "EntryAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "EntryAbility_label",
+      "value": "label"
+    }
+  ]
 }

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

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

package/jestSetup.js

@@ -1,40 +1,40 @@
-/**
- * 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.
- */
-
-jest.mock("@shopify/flash-list", () => {
-  const ActualFlashList = jest.requireActual("@shopify/flash-list").FlashList;
-  class MockFlashList extends ActualFlashList {
-    componentDidMount() {
-      super.componentDidMount();
-      this.rlvRef?._scrollComponent?._scrollViewRef?.props.onLayout({
-        nativeEvent: { layout: { height: 900, width: 400 } },
-      });
-    }
-  }
-  return {
-    ...jest.requireActual("@shopify/flash-list"),
-    FlashList: MockFlashList,
-    AnimatedFlashList: MockFlashList,
-  };
-});
+/**
+ * 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.
+ */
+
+jest.mock("@shopify/flash-list", () => {
+  const ActualFlashList = jest.requireActual("@shopify/flash-list").FlashList;
+  class MockFlashList extends ActualFlashList {
+    componentDidMount() {
+      super.componentDidMount();
+      this.rlvRef?._scrollComponent?._scrollViewRef?.props.onLayout({
+        nativeEvent: { layout: { height: 900, width: 400 } },
+      });
+    }
+  }
+  return {
+    ...jest.requireActual("@shopify/flash-list"),
+    FlashList: MockFlashList,
+    AnimatedFlashList: MockFlashList,
+  };
+});

package/package.json

@@ -1,82 +1,82 @@
-{
-  "name": "@react-native-ohos/flash-list",
-  "version": "1.8.3-rc.3",
-  "keywords": [
-    "react-native",
-    "recyclerview",
-    "listview",
-    "flatlist-alternative",
-    "flatlist",
-    "recyclerlistview",
-    "60fps",
-    "cross-platform",
-    "react-native-web",
-    "performance"
-  ],
-  "harmony": {
-    "alias": "@shopify/flash-list"
-  },
-  "publishConfig": {
-    "access": "public",
-    "@shopify:registry": "https://registry.npmjs.org/"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://gitcode.com/openharmony-sig/rntpc_flash-list.git"
-  },
-  "description": "FlashList is a more performant FlatList replacement",
-  "author": "shopify",
-  "license": "MIT",
-  "homepage": "https://gitcode.com/openharmony-sig/rntpc_flash-list/tree/br_rnoh0.77#readme",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "up": "bundle install && yarn fixture-up && yarn e2e-up && yarn build",
-    "fixture-web-up": "cd fixture/web-app && yarn && cd ../../",
-    "fixture-up": "cd fixture && yarn && cd ios && bundle exec pod install && cd ../../",
-    "e2e-up": "cd fixture/ios && brew tap wix/brew && brew install applesimutils && cd ../../",
-    "start": "cd fixture && react-native start",
-    "test": "jest",
-    "lint": "yarn eslint . --ext .ts,.tsx",
-    "lint:fix": "yarn eslint . --ext .ts,.tsx --fix",
-    "type-check": "yarn tsc --pretty --noEmit",
-    "build": "tsc -b",
-    "prepack": "tsc -b"
-  },
-  "peerDependencies": {
-    "@babel/runtime": "*",
-    "react": "*",
-    "react-native": "*",
-    "recyclerlistview": "4.2.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.18.5",
-    "@babel/runtime": "^7.18.3",
-    "@quilted/react-testing": "~0.5.20",
-    "@react-native-community/eslint-config": "^3.0.3",
-    "@shopify/eslint-plugin": "^41.3.1",
-    "@types/jest": "^29.5.10",
-    "@types/react-native": "0.72.2",
-    "babel-jest": "^28.1.1",
-    "enhanced-resolve": "^5.9.3",
-    "eslint": "8.18.0",
-    "gh-pages": "^4.0.0",
-    "jest": "^29.7.0",
-    "metro-react-native-babel-preset": "^0.71.1",
-    "prettier": "^2.7.1",
-    "react": "18.3.1",
-    "react-native": "^0.77.1",
-    "typescript": "^4.7.4",
-    "recyclerlistview": "4.2.0"
-  },
-  "files": [
-    "harmony",
-    "dist",
-    "src",
-    "jestSetup.js"
-  ],
-  "dependencies": {
-    "tslib": "2.4.0",
-    "@shopify/flash-list": "1.8.2"
-  }
-}
+{
+  "name": "@react-native-ohos/flash-list",
+  "version": "1.8.3-rc.4",
+  "keywords": [
+    "react-native",
+    "recyclerview",
+    "listview",
+    "flatlist-alternative",
+    "flatlist",
+    "recyclerlistview",
+    "60fps",
+    "cross-platform",
+    "react-native-web",
+    "performance"
+  ],
+  "harmony": {
+    "alias": "@shopify/flash-list"
+  },
+  "publishConfig": {
+    "access": "public",
+    "@shopify:registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitcode.com/openharmony-sig/rntpc_flash-list.git"
+  },
+  "description": "FlashList is a more performant FlatList replacement",
+  "author": "shopify",
+  "license": "MIT",
+  "homepage": "https://gitcode.com/openharmony-sig/rntpc_flash-list/tree/br_rnoh0.77#readme",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "up": "bundle install && yarn fixture-up && yarn e2e-up && yarn build",
+    "fixture-web-up": "cd fixture/web-app && yarn && cd ../../",
+    "fixture-up": "cd fixture && yarn && cd ios && bundle exec pod install && cd ../../",
+    "e2e-up": "cd fixture/ios && brew tap wix/brew && brew install applesimutils && cd ../../",
+    "start": "cd fixture && react-native start",
+    "test": "jest",
+    "lint": "yarn eslint . --ext .ts,.tsx",
+    "lint:fix": "yarn eslint . --ext .ts,.tsx --fix",
+    "type-check": "yarn tsc --pretty --noEmit",
+    "build": "tsc -b",
+    "prepack": "tsc -b"
+  },
+  "peerDependencies": {
+    "@babel/runtime": "*",
+    "react": "*",
+    "react-native": "*",
+    "recyclerlistview": "4.2.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.18.5",
+    "@babel/runtime": "^7.18.3",
+    "@quilted/react-testing": "~0.5.20",
+    "@react-native-community/eslint-config": "^3.0.3",
+    "@shopify/eslint-plugin": "^41.3.1",
+    "@types/jest": "^29.5.10",
+    "@types/react-native": "0.72.2",
+    "babel-jest": "^28.1.1",
+    "enhanced-resolve": "^5.9.3",
+    "eslint": "8.18.0",
+    "gh-pages": "^4.0.0",
+    "jest": "^29.7.0",
+    "metro-react-native-babel-preset": "^0.71.1",
+    "prettier": "^2.7.1",
+    "react": "18.3.1",
+    "react-native": "^0.77.1",
+    "typescript": "^4.7.4",
+    "recyclerlistview": "4.2.0"
+  },
+  "files": [
+    "harmony",
+    "dist",
+    "src",
+    "jestSetup.js"
+  ],
+  "dependencies": {
+    "tslib": "2.4.0",
+    "@shopify/flash-list": "1.8.2"
+  }
+}