Merge pull request #2262 from didi/feat-camera

RN下支持camera

Author: hiyuki

packages/api-proxy/src/platform/api/base/rnCanIUseConfig.js

@@ -234,5 +234,13 @@ export const SUPPORTED_OBJECTS = {
     'abort',
     'onHeadersReceived',
     'offHeadersReceived'
+  ],
+
+  // camera
+  CameraContext: [
+    'setZoom',
+    'takePhoto',
+    'startRecord',
+    'stopRecord'
   ]
 }

packages/api-proxy/src/platform/api/camera/index.ios.js

@@ -0,0 +1,9 @@
+import CameraContext from './rnCamera'
+
+function createCameraContext () {
+  return new CameraContext()
+}
+
+export {
+  createCameraContext
+}

packages/api-proxy/src/platform/api/camera/index.js

@@ -0,0 +1,7 @@
+import { ENV_OBJ, envError } from '../../../common/js'
+
+const createCameraContext = ENV_OBJ.createCameraContext || envError('createCameraContext')
+
+export {
+  createCameraContext
+}

packages/api-proxy/src/platform/api/camera/rnCamera.js

@@ -0,0 +1,44 @@
+import { noop, getFocusedNavigation } from '@mpxjs/utils'
+
+export default class CameraContext {
+  constructor () {
+    const navigation = getFocusedNavigation() || {}
+    this.camera = navigation.camera || {}
+  }
+
+  setZoom (options = {}) {
+    const { zoom, success = noop, fail = noop, complete = noop } = options
+    try {
+      if (this.camera.setZoom) {
+        const result = { errMsg: 'setZoom:ok' }
+        success(result)
+        complete(result)
+        this.camera.setZoom(zoom)
+      } else {
+        const result = {
+          errMsg: 'setZoom:fail camera instance not found'
+        }
+        fail(result)
+        complete(result)
+      }
+    } catch (error) {
+      const result = {
+        errMsg: 'setZoom:fail ' + (error?.message || '')
+      }
+      fail(result)
+      complete(result)
+    }
+  }
+
+  takePhoto (options) {
+    this.camera?.takePhoto(options)
+  }
+
+  startRecord (options) {
+    this.camera?.startRecord(options)
+  }
+
+  stopRecord (options) {
+    this.camera?.stopRecord(options)
+  }
+}

packages/api-proxy/src/platform/index.js

@@ -122,3 +122,6 @@ export * from './api/keyboard'
 
 // getSetting, openSetting, enableAlertBeforeUnload, disableAlertBeforeUnload, getMenuButtonBoundingClientRect
 export * from './api/setting'
+
+// createCameraContext
+export * from './api/camera'

packages/core/@types/index.d.ts

@@ -387,7 +387,37 @@ export interface RnConfig {
    * @platform android
    * @default true
    */
-  enableNativeKeyboardAvoiding?: boolean
+  enableNativeKeyboardAvoiding?: boolean,
+
+  /**
+   * 自定义蓝牙权限检查函数，用于在调用 openBluetoothAdapter 时替代默认的权限检查逻辑。
+   *
+   * Mpx 在 iOS 上默认返回 true（假定权限由系统弹窗处理），在 Android 上会请求 ACCESS_FINE_LOCATION 或 BLUETOOTH_SCAN/CONNECT 权限。
+   * 如果需要自定义权限申请逻辑（例如在某些定制 Android 设备上），可配置此函数。
+   *
+   * @returns Promise<boolean> Resolves 为 true 表示权限获取成功，false 表示失败。
+   */
+  bluetoothPermission?: () => Promise<boolean>
+
+  /**
+   * 自定义 Wi-Fi 权限检查函数，用于在调用 startWifi 时替代默认的权限检查逻辑。
+   *
+   * Mpx 在 Android 上默认会请求 ACCESS_FINE_LOCATION 权限。
+   * 如果需要自定义权限申请逻辑，可配置此函数。
+   *
+   * @returns Promise<boolean> Resolves 为 true 表示权限获取成功，false 表示失败。
+   */
+  wifiPermission?: () => Promise<boolean>
+
+  /**
+   * 自定义相机权限检查函数，用于在渲染 Camera 组件前进行权限检查。
+   *
+   * 默认情况下，Mpx 会直接渲染 Camera 组件。
+   * 如果配置了此函数，Camera 组件会等待该函数返回 true 后再进行渲染。
+   *
+   * @returns Promise<boolean> Resolves 为 true 表示权限获取成功，false 表示失败。
+   */
+  cameraPermission?: () => Promise<boolean>
 }
 
 interface MpxConfig {

packages/webpack-plugin/lib/platform/template/wx/component-config/camera.js

@@ -18,6 +18,18 @@ module.exports = function ({ print }) {
 
   return {
     test: TAG_NAME,
+    ios (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-camera'
+    },
+    android (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-camera'
+    },
+    harmony (tag, { el }) {
+      el.isBuiltIn = true
+      return 'mpx-camera'
+    },
     props: [
       {
         test: 'mode',

packages/webpack-plugin/lib/platform/template/wx/component-config/unsupported.js

@@ -13,7 +13,7 @@ const JD_UNSUPPORTED_TAG_NAME_ARR = ['functional-page-navigator', 'live-pusher',
 // 快应用不支持的标签集合
 const QA_UNSUPPORTED_TAG_NAME_ARR = ['movable-view', 'movable-area', 'open-data', 'official-account', 'editor', 'functional-page-navigator', 'live-player', 'live-pusher', 'ad', 'cover-image']
 // RN不支持的标签集合
-const RN_UNSUPPORTED_TAG_NAME_ARR = ['open-data', 'official-account', 'editor', 'functional-page-navigator', 'live-player', 'live-pusher', 'ad', 'audio', 'camera', 'match-media', 'page-container', 'editor', 'keyboard-accessory', 'map']
+const RN_UNSUPPORTED_TAG_NAME_ARR = ['open-data', 'official-account', 'editor', 'functional-page-navigator', 'live-player', 'live-pusher', 'ad', 'audio', 'match-media', 'page-container', 'editor', 'keyboard-accessory', 'map']
 
 /**
  * @param {function(object): function} print