@unif/react-native-camera 1.0.10 → 1.1.0

package/src/camera/watermark/index.tsx

@@ -0,0 +1,12 @@
+/*
+ * @Author: 刘利军
+ * @Date: 2024-12-25 11:01:20
+ * @LastEditors: 刘利军
+ * @LastEditTime: 2024-12-25 17:26:16
+ * @Description:
+ * @PageName:
+ */
+
+import WaterMarkRender from './Render';
+import ViewShotWatermark from './ViewShotWatermark';
+export { WaterMarkRender, ViewShotWatermark };

package/src/utils/common.ts

@@ -2,7 +2,7 @@
  * @Author: 刘利军
  * @Date: 2024-01-11 14:53:09
  * @LastEditors: 刘利军
- * @LastEditTime: 2024-12-20 17:05:50
+ * @LastEditTime: 2024-12-25 17:43:07
  * @Description:
  * @PageName:
  */
@@ -26,6 +26,8 @@ export const MAX_ZOOM_FACTOR = 10;
 // Control Button like Flash
 export const CONTROL_BUTTON_SIZE = 44;
 
+export const MAX_ZINDEX = 99999;
+
 // 相机拍照模式
 export const CameraModeList: CameraModeListItem[] = [
   { label: '连拍', value: 'continuous' },

package/src/utils/index.ts

@@ -2,7 +2,7 @@
  * @Author: 刘利军
  * @Date: 2024-01-11 14:53:09
  * @LastEditors: 刘利军
- * @LastEditTime: 2024-12-17 16:54:04
+ * @LastEditTime: 2024-12-25 17:48:42
  * @Description:
  * @PageName:
  */
@@ -10,3 +10,5 @@ export * from './common';
 export * from './render-item';
 export * from './px-to-dp';
 export * from './interface';
+export * from './watermark';
+export * from './util';

package/src/utils/interface.ts

@@ -2,7 +2,7 @@
  * @Author: 刘利军
  * @Date: 2024-01-12 11:38:13
  * @LastEditors: 刘利军
- * @LastEditTime: 2024-12-23 11:27:11
+ * @LastEditTime: 2024-12-27 10:42:36
  * @Description:
  * @PageName:
  */
@@ -45,6 +45,7 @@ export type DataRetainedModeType = 'retain' | 'clear';
 export type CameraProps = {
   cameraMode: CameraModeType[];
   dataRetainedMode: DataRetainedModeType;
+  watermark?: WatermarkType;
 };
 
 export type CameraModeListItem = {
@@ -77,6 +78,7 @@ import type { PhotoFile } from 'react-native-vision-camera';
 
 export interface CustomPhotoFile extends PhotoFile {
   mode: CameraMode;
+  frontTime: number;
 }
 
 export interface ConfirmConfigProps {
@@ -88,3 +90,12 @@ export interface ConfirmRef {
   open: (config?: ConfirmConfigProps) => Promise<boolean>;
   close: () => void;
 }
+
+export type WatermarkType = {
+  content?: string[];
+  image?: string;
+  gap?: number[]; // 水印之间距离
+  rotate?: number; // 水印旋转角度
+  width?: number;
+  height?: number;
+};

package/src/utils/render-item.tsx

@@ -2,7 +2,7 @@
  * @Author: 刘利军
  * @Date: 2024-12-17 16:02:49
  * @LastEditors: 刘利军
- * @LastEditTime: 2024-12-18 14:40:10
+ * @LastEditTime: 2024-12-25 17:50:26
  * @Description:
  * @PageName:
  */
@@ -11,6 +11,7 @@ import type { CarouselRenderItem } from 'react-native-reanimated-carousel';
 import { SlideItem } from '../components';
 import React from 'react';
 import type { PhotoFile } from 'react-native-vision-camera';
+import { formatUri } from './util';
 
 interface Options {
   rounded?: boolean;
@@ -28,7 +29,7 @@ export const renderItem =
     return (
       <SlideItem
         key={index}
-        source={{ uri: `file://${item.path}` }}
+        source={{ uri: formatUri(item.path) }}
         index={index}
         rounded={rounded}
         style={style}

package/src/utils/util.ts

@@ -0,0 +1,15 @@
+/*
+ * @Author: 刘利军
+ * @Date: 2024-12-25 17:48:18
+ * @LastEditors: 刘利军
+ * @LastEditTime: 2024-12-25 17:48:44
+ * @Description:
+ * @PageName:
+ */
+export const formatUri = (uri: string) => {
+  const startPath = 'file://';
+  if (uri.startsWith(startPath)) {
+    return uri;
+  }
+  return `${startPath}${uri}`;
+};

package/src/utils/watermark.ts

@@ -0,0 +1,45 @@
+/*
+ * @Author: 刘利军
+ * @Date: 2024-12-25 13:51:40
+ * @LastEditors: 刘利军
+ * @LastEditTime: 2024-12-25 13:53:40
+ * @Description:
+ * @PageName:
+ */
+import { PixelRatio, Platform } from 'react-native';
+import { pxToDpWidth } from './px-to-dp';
+import type { CanvasRenderingContext2D } from 'react-native-canvas';
+
+export const lastPx = (v: number) =>
+  pxToDpWidth(v) / (Platform.OS === 'ios' ? PixelRatio.get() : 1);
+
+export const getMeasure = async (
+  ctx: CanvasRenderingContext2D,
+  content: string
+) => {
+  const metrics = await ctx.measureText(content);
+  return {
+    width: metrics.width,
+    height: metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent,
+  };
+};
+
+export const getContentMeasure = async (
+  ctx: CanvasRenderingContext2D,
+  content: string[]
+) => {
+  let sizes: number[][] = [];
+
+  for (let index = 0; index < content.length; index++) {
+    const element = content[index];
+    const metrics = await getMeasure(ctx, element as string);
+    sizes.push([metrics.width, metrics.height]);
+  }
+  const defaultWidth = Math.ceil(
+    Math.max(...sizes.map((size) => size[0] as number))
+  );
+  const defaultHeight =
+    Math.ceil(Math.max(...sizes.map((size) => size[1] as number))) *
+    content.length;
+  return { width: defaultWidth, height: defaultHeight };
+};