@react-native-ohos/react-native-image-crop-picker 0.40.4-rc.1

package/harmony/image_crop_picker/src/main/ets/utils/Constants.ets

@@ -0,0 +1,14 @@
+// Copyright (c) 2024 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 Constants {
+  static readonly ENCODE_FORMAT: string = 'image/jpeg';
+  static readonly ENCODE_QUALITY: number = 100;
+  static readonly DOUBLE_NUMBER: number = 2;
+  static readonly CLOCK_WISE: number = 90;
+  static readonly ANTI_CLOCK: number = -90;
+  static readonly IMAGE_FORMAT: string = '.jpg'
+  static readonly IMAGE_PREFIX: string = 'image';
+  static readonly ENCODE_FILE_PERMISSION: string = 'rw'
+}

package/harmony/image_crop_picker/src/main/ets/utils/CropModel.ets

@@ -0,0 +1,73 @@
+// Copyright (c) 2024 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 CropScaleClass {
+  value: number;
+  ratio: string;
+  cropIndex: number;
+  text: string | Resource;
+  key: string = '';
+
+  constructor(value: number, ratio: string, cropIndex: number, text: string | Resource, key?: string) {
+    this.value = value;
+    this.ratio = ratio;
+    this.cropIndex = cropIndex;
+    this.text = text;
+    key && (this.key = key);
+  }
+}
+
+export class DownPos{
+  left: number
+  top: number
+  bottom: number
+  right: number
+
+  constructor(left: number, top: number, bottom: number, right: number) {
+    this.left = left;
+    this.top = top;
+    this.bottom = bottom;
+    this.right = right;
+  }
+}
+
+export class DragObj{
+  x: number
+  y: number
+  dragging: boolean
+  action: Action
+  downPos: DownPos
+  multiCrop: boolean
+
+  constructor(dragging: boolean, x: number = 0, y: number = 0,
+              action: Action = new Action(false, false, false, false),
+              downPos: DownPos = new DownPos(0, 0, 0, 0), multiCrop: boolean = false) {
+    this.dragging = dragging;
+    this.x = x;
+    this.y = y;
+    this.action = action;
+    this.downPos = downPos;
+    this.multiCrop = multiCrop;
+  }
+}
+
+export class Action {
+  left: boolean
+  top: boolean
+  right: boolean
+  bottom: boolean
+
+  constructor(left: boolean, top: boolean, right: boolean, bottom: boolean) {
+    this.left = left;
+    this.top = top;
+    this.right = right;
+    this.bottom = bottom;
+  }
+}
+
+export enum CropType {
+  FREE_CROP,
+  FIXED_RATIO,
+  FRAME_CROP
+}

package/harmony/image_crop_picker/src/main/ets/utils/DecodeAndEncodeUtil.ets

@@ -0,0 +1,54 @@
+// Copyright (c) 2024 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 fs from '@ohos.file.fs';
+import image from '@ohos.multimedia.image';
+import { Constants } from '../utils/Constants';
+import { photoAccessHelper } from '@kit.MediaLibraryKit';
+import { fileIo } from '@kit.CoreFileKit'
+
+
+const TAG: string = 'imageCrop_Decode_Encode';
+
+/**
+ * Async create pixel map.
+ *
+ * @return pixelMa.
+ */
+export async function getPixelMap(uri: string){
+  const file = fs.openSync(uri, fs.OpenMode.READ_ONLY);
+  const fd = file?.fd;
+  // path为已获得的沙箱路径
+  const imageSource = image.createImageSource(fd);
+  const pixelMap = await imageSource.createPixelMap({
+    editable: true
+  });
+  return pixelMap
+}
+
+export async function encode(component: Object, pixelMap: PixelMap) {
+  const newPixelMap = pixelMap;
+  // Packing image.
+  const imagePackerApi = image.createImagePacker();
+  const packOptions: image.PackingOption = {
+    format: Constants.ENCODE_FORMAT,
+    quality: Constants.ENCODE_QUALITY
+  }
+  const imageData = await imagePackerApi.packing(newPixelMap, packOptions);
+  // Get album's path.
+  const context = getContext(component);
+  const media = photoAccessHelper.getPhotoAccessHelper(context);
+  const currentTime = new Date().getTime();
+  // Create image asset.
+  const filePath = await media.createAsset(
+    photoAccessHelper.PhotoType.IMAGE,
+    `${Constants.IMAGE_PREFIX}_${currentTime}${Constants.IMAGE_FORMAT}`,
+  );
+
+  let file = fileIo.openSync(filePath, fileIo.OpenMode.CREATE | fileIo.OpenMode.READ_WRITE)
+  await fs.write(file.fd, imageData);
+  // Image resource release.
+  imagePackerApi.release();
+  await media.release();
+}

package/harmony/image_crop_picker/src/main/ets/utils/EncodeUtil.ets

@@ -0,0 +1,33 @@
+// Copyright (c) 2024 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 fs from '@ohos.file.fs';
+import image from '@ohos.multimedia.image';
+import Logger from '../Logger';
+import { Constants } from '../utils/Constants'
+import util from '@ohos.util';
+
+const TAG: string = 'imageEdit_Encode';
+
+
+export async function encode(component: Object, pixelMap: ESObject) : Promise<string> {
+  let imgPath: string = '';
+  const newPixelMap: ESObject = pixelMap;
+  const imagePackerApi = image.createImagePacker();
+  const packOptions: image.PackingOption = {
+    format: Constants.ENCODE_FORMAT,
+    quality: Constants.ENCODE_QUALITY
+  }
+  let packerData = await imagePackerApi.packing(newPixelMap, packOptions);
+  Logger.info(TAG, 'into compressPictures data: ' + JSON.stringify(packerData));
+  const context = getContext(component);
+  imgPath = context.tempDir + '/rn_image_crop_picker_lib_temp_' + util.generateRandomUUID(true) + Constants.IMAGE_FORMAT;
+  let newFile = fs.openSync(imgPath, fs.OpenMode.CREATE | fs.OpenMode.READ_WRITE);
+  Logger.info(TAG, 'into compressPictures newFile id: ' + newFile.fd);
+  const number = fs.writeSync(newFile.fd, packerData);
+  Logger.info(TAG, 'into compressPictures write data to file succeed size: ' + number);
+  fs.closeSync(newFile.fd);
+  imagePackerApi.release();
+  return imgPath;
+}

package/harmony/image_crop_picker/src/main/ets/utils/jul.ts

@@ -0,0 +1,7 @@
+// Copyright (c) 2024 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 function Event(...args): void {
+
+}

package/harmony/image_crop_picker/src/main/ets/utils/types.ets

@@ -0,0 +1,94 @@
+// Copyright (c) 2024 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.
+
+@Observed
+export class Rectangle {
+  left: number;
+  top: number;
+  right: number;
+  bottom: number;
+
+  constructor(left: number, top: number, right: number, bottom: number){
+    this.left = left;
+    this.top = top;
+    this.right = right;
+    this.bottom = bottom;
+  }
+
+  width(): number {
+    return this.right - this.left;
+  }
+
+  height(): number {
+    return this.bottom - this.top;
+  }
+
+  centerX(): number {
+    return this.left + this.width() / 2;
+  }
+
+  centerY(): number {
+    return this.top + this.height() / 2;
+  }
+
+  roundLeft(): number {
+    return Math.floor(vp2px(this.left));
+  }
+
+  roundRight(): number {
+    return Math.floor(vp2px(this.right));
+  }
+
+  roundTop(): number {
+    return Math.floor(vp2px(this.top));
+  }
+
+  roundBottom(): number {
+    return Math.floor(vp2px(this.bottom));
+  }
+
+  roundWidth(): number {
+    return this.roundRight() - this.roundLeft();
+  }
+
+  roundHeight(): number {
+    return this.roundBottom() - this.roundTop();
+  }
+
+  scale(ratio: number, originPointX: number, originPointY: number): Rectangle {
+    let left = originPointX + (this.left - originPointX) * ratio;
+    let top = originPointY + (this.top - originPointY) * ratio;
+    let right = originPointX + (this.right - originPointX) * ratio;
+    let bottom = originPointY + (this.bottom - originPointY) * ratio;
+    return new Rectangle (left, top, right, bottom);
+  }
+
+  translate(offsetX: number, offsetY: number): Rectangle {
+    let left = this.left + offsetX;
+    let top = this.top + offsetY;
+    let right = this.right + offsetX;
+    let bottom = this.bottom + offsetY;
+    return new Rectangle (left, top, right, bottom);
+  }
+
+  clone(): Rectangle {
+    return new Rectangle(this.left, this.top, this.right, this.bottom);
+  }
+
+  toString() {
+    return 'Rect[' + this.left + ',' + this.top + ',' + this.right + ',' + this.bottom + ']';
+  }
+}
+
+@Observed
+export class TextDrawStatus {
+  public currentTab: string = 'text';
+  public play_pos: number = 0;
+  public fixWidth: number = 0;
+  public fixHeight: number = 0;
+  public currentTextUid: string = '';
+  public trimerMove: boolean = false;
+  public identifyStatus: number = -1
+  public identifyResult: number = -1
+}

package/harmony/image_crop_picker/src/main/ets/viewmodel/viewAndModel.ets

@@ -0,0 +1,38 @@
+// Copyright (c) 2024 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 RegionItem {
+  x: number;
+  y: number;
+  constructor(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
+
+export class IconStatus {
+  normal: Resource;
+  chosen: Resource;
+  constructor(normal: Resource, chosen: Resource) {
+    this.normal = normal;
+    this.chosen = chosen;
+  }
+}
+
+export enum CropType {
+  ORIGINAL_IMAGE,
+  SQUARE,
+  BANNER,
+  RECTANGLE
+}
+
+export enum RotateType {
+  CLOCKWISE,
+  ANTI_CLOCK
+}
+
+export enum MainTabId {
+  CROP,
+  ROTATE
+}

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

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

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

@@ -0,0 +1,20 @@
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "module description"
+    },
+    {
+      "name": "EntryAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "EntryAbility_label",
+      "value": "ImageEdit"
+    },
+    {
+      "name": "reason",
+      "value": "save image"
+    }
+  ]
+}

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

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

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

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

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

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

package/harmony/image_crop_picker/ts.ts

@@ -0,0 +1,17 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from "./src/main/ets/ImageCropPickerPackage";
+export * from "./src/main/ets/ImageCropPickerTurboModule";