@unif/react-native-camera 1.0.0

package/src/utils/interface.ts

@@ -0,0 +1,90 @@
+/*
+ * @Author: 刘利军
+ * @Date: 2024-01-12 11:38:13
+ * @LastEditors: 刘利军
+ * @LastEditTime: 2024-12-20 14:46:36
+ * @Description:
+ * @PageName:
+ */
+export type CameraType = 'back' | 'front';
+export type FlashMode = 'auto' | 'on' | 'off';
+
+export enum CameraModeEnum {
+  'continuous' = '连拍',
+  'single' = '单拍',
+  'video' = '视频',
+}
+export type CameraMode = keyof typeof CameraModeEnum;
+
+/** 公用 */
+export type CameraModeCommonType = {
+  type?: CameraType;
+  flashMode?: FlashMode;
+  mode: CameraMode;
+};
+
+/** 图片 */
+export type CameraModeImageType = {
+  quality?: number;
+};
+
+/** 视频 */
+export type VideoQuality = 480 | 720 | 1080 | 2160;
+export type CameraModeVidoType = {
+  recTime?: number;
+  videoQuality?: VideoQuality;
+  quantity?: number;
+};
+
+/** 相机 */
+export type CameraModeType = CameraModeCommonType &
+  CameraModeImageType &
+  CameraModeVidoType;
+
+export type DataRetainedModeType = 'retain' | 'clear';
+export type CameraProps = {
+  cameraMode: CameraModeType[];
+  dataRetainedMode: DataRetainedModeType;
+};
+
+export type CameraModeListItem = {
+  label: string;
+  value: CameraMode;
+};
+
+export type CameraBackDataItem = {
+  id: string;
+  file: string;
+  cameraType: string;
+};
+export type CameraBackDataList = CameraBackDataItem[];
+
+export type CameraBack =
+  | {
+      code: 200;
+      data: CameraBackDataList;
+      message: string;
+    }
+  | undefined
+  | null;
+
+export interface CameraRef {
+  open: (config?: CameraProps) => Promise<CameraBack>;
+  close: () => void;
+}
+
+import type { PhotoFile } from 'react-native-vision-camera';
+
+export interface CustomPhotoFile extends PhotoFile {
+  mode: CameraMode;
+}
+
+export interface ConfirmConfigProps {
+  text?: string;
+  title?: string;
+}
+
+export interface ConfirmRef {
+  open: (config?: ConfirmConfigProps) => Promise<boolean>;
+  close: () => void;
+}

package/src/utils/px-to-dp.tsx

@@ -0,0 +1,12 @@
+import { Dimensions } from 'react-native';
+
+function pxToDpWidth(uiElementPx: number) {
+  const { width } = Dimensions.get('window');
+  return (uiElementPx * width) / 750;
+}
+function pxToDpHeight(uiElementPx: number) {
+  const { height } = Dimensions.get('window');
+  return (uiElementPx * height) / 1334;
+}
+
+export { pxToDpWidth, pxToDpHeight };

package/src/utils/render-item.tsx

@@ -0,0 +1,38 @@
+/*
+ * @Author: 刘利军
+ * @Date: 2024-12-17 16:02:49
+ * @LastEditors: 刘利军
+ * @LastEditTime: 2024-12-18 14:40:10
+ * @Description:
+ * @PageName:
+ */
+import type { ImageStyle, StyleProp } from 'react-native';
+import type { CarouselRenderItem } from 'react-native-reanimated-carousel';
+import { SlideItem } from '../components';
+import React from 'react';
+import type { PhotoFile } from 'react-native-vision-camera';
+
+interface Options {
+  rounded?: boolean;
+  style?: StyleProp<ImageStyle>;
+  totalIndex?: number;
+}
+
+export const renderItem =
+  ({
+    rounded = false,
+    totalIndex = 0,
+    style,
+  }: Options = {}): CarouselRenderItem<any> =>
+  ({ item, index }: { index: number; item: PhotoFile }) => {
+    return (
+      <SlideItem
+        key={index}
+        source={{ uri: `file://${item.path}` }}
+        index={index}
+        rounded={rounded}
+        style={style}
+        totalIndex={totalIndex}
+      />
+    );
+  };