✨ feat: add video quality on android

android/src/main/java/com/margelo/nitro/multipleimagepicker/CompressEngine.kt

@@ -11,7 +11,8 @@ import top.zibin.luban.Luban
 import top.zibin.luban.OnNewCompressListener
 import java.io.File
 
-class ImageFileCompressEngine : CompressFileEngine {
+//TODO:
+class CompressEngine : CompressFileEngine {
     override fun onStartCompress(
         context: Context,
         source: ArrayList<Uri>,

android/src/main/java/com/margelo/nitro/multipleimagepicker/MultipleImagePickerImp.kt

@@ -1,9 +1,7 @@
 package com.margelo.nitro.multipleimagepicker
 
 import android.content.Context
-import android.graphics.Bitmap
 import android.graphics.Color
-import android.media.MediaMetadataRetriever
 import androidx.core.content.ContextCompat
 import com.facebook.react.bridge.ColorPropConverter
 import com.facebook.react.bridge.ReactApplicationContext
@@ -17,7 +15,6 @@ import com.luck.picture.lib.config.SelectMimeType
 import com.luck.picture.lib.config.SelectModeConfig
 import com.luck.picture.lib.engine.PictureSelectorEngine
 import com.luck.picture.lib.entity.LocalMedia
-import com.luck.picture.lib.entity.LocalMedia.generateLocalMedia
 import com.luck.picture.lib.interfaces.OnMediaEditInterceptListener
 import com.luck.picture.lib.interfaces.OnResultCallbackListener
 import com.luck.picture.lib.language.LanguageConfig
@@ -28,10 +25,6 @@ import com.luck.picture.lib.style.SelectMainStyle
 import com.luck.picture.lib.style.TitleBarStyle
 import com.luck.picture.lib.utils.DensityUtil
 import com.yalantis.ucrop.UCrop.Options
-import java.io.File
-import java.io.FileNotFoundException
-import java.io.FileOutputStream
-import java.util.UUID
 
 class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
     ReactContextBaseJavaModule(reactContext), IApp {
@@ -79,14 +72,19 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
         val maxFileSize = config.maxFileSize?.toLong()
         val maxDuration = config.maxVideoDuration?.toInt()
         val allowSwipeToSelect = config.allowSwipeToSelect ?: false
+        val imageQuality = config.imageQuality
+        val videoQuality = config.videoQuality
 
         val isMultiple = config.selectMode == SelectMode.MULTIPLE
         val selectMode = if (isMultiple) SelectModeConfig.MULTIPLE else SelectModeConfig.SINGLE
 
 
         val isCrop = config.crop != null
 
-        PictureSelector.create(activity).openGallery(chooseMode).setImageEngine(imageEngine)
+        PictureSelector.create(activity)
+            .openGallery(chooseMode)
+            .setImageEngine(imageEngine)
+            .setSelectedData(dataList)
             .setSelectorUIStyle(style).apply {
                 if (isCrop) {
                     setCropOption()
@@ -100,13 +98,31 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
                 maxFileSize?.let {
                     setFilterMaxFileSize(it)
                 }
-            }.setImageSpanCount(config.numberOfColumn?.toInt() ?: 3).setMaxSelectNum(maxSelect)
-            .isDirectReturnSingle(true).isSelectZoomAnim(true).isPageStrategy(true, 50)
+
+                //TODO: set compress export
+//                if (imageQuality != null && imageQuality != 1.0) {
+//                    setCompressEngine(CompressEngine())
+//                }
+
+                if (videoQuality != null && videoQuality != 1.0) {
+                    setVideoQuality(if (videoQuality > 0.5) 1 else 0)
+                }
+            }
+            .setImageSpanCount(config.numberOfColumn?.toInt() ?: 3)
+            .setMaxSelectNum(maxSelect)
+            .isDirectReturnSingle(true)
+            .isSelectZoomAnim(true)
+            .isPageStrategy(true, 50)
             .isWithSelectVideoImage(true)
             .setMaxVideoSelectNum(if (maxVideo != 20) maxVideo else maxSelect)
-            .isMaxSelectEnabledMask(true).isAutoVideoPlay(true)
-            .isFastSlidingSelect(allowSwipeToSelect).isPageSyncAlbumCount(true)
-            .setSelectedData(dataList).isPreviewImage(isPreview).isPreviewVideo(isPreview)
+            .isMaxSelectEnabledMask(true)
+            .isAutoVideoPlay(true)
+            .isFastSlidingSelect(allowSwipeToSelect)
+            .isPageSyncAlbumCount(true)
+            // isPreview
+            .isPreviewImage(isPreview)
+            .isPreviewVideo(isPreview)
+            //
             .isDisplayCamera(config.allowedCamera ?: true)
             .isDisplayTimeAxis(true)
             .setSelectionMode(selectMode)
@@ -120,8 +136,10 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
                         resolved(arrayOf())
                         return
                     }
+
                     // set dataList
                     dataList = localMedia.filterNotNull().toMutableList()
+
                     localMedia.forEach { item ->
                         if (item != null) {
                             val media = getResult(item)
@@ -227,7 +245,8 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
         mainStyle.statusBarColor = background
         mainStyle.mainListBackgroundColor = background
         mainStyle.adapterPreviewGalleryItemSize = DensityUtil.dip2px(appContext, 52f);
-        mainStyle.adapterPreviewGalleryBackgroundResource = R.drawable.preview_gallery_bg
+        mainStyle.adapterPreviewGalleryBackgroundResource =
+            if (isDark) com.luck.picture.lib.R.drawable.ps_preview_gallery_bg else R.drawable.preview_gallery_white_bg
         mainStyle.adapterPreviewGalleryFrameResource = R.drawable.preview_gallery_item
         mainStyle.previewBackgroundColor = background
 
@@ -240,8 +259,6 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
         // MAIN STYLE
         mainStyle.isCompleteSelectRelativeTop = false
         mainStyle.isPreviewDisplaySelectGallery = true
-        mainStyle.adapterPreviewGalleryBackgroundResource =
-            com.luck.picture.lib.R.drawable.ps_preview_gallery_bg
         mainStyle.isAdapterItemIncludeEdge = true
         mainStyle.isPreviewSelectRelativeBottom = false
 //        mainStyle.previewSelectTextSize = Constant.TOOLBAR_TEXT_SIZE
@@ -310,7 +327,6 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
             height = item.cropImageHeight.toDouble()
         }
 
-
         val media = Result(
             path,
             fileName = item.fileName,

android/src/main/java/com/margelo/nitro/multipleimagepicker/PictureSelectorEngineImp.kt

@@ -4,6 +4,7 @@ import android.util.Log
 import com.luck.picture.lib.basic.IBridgeLoaderFactory
 import com.luck.picture.lib.config.InjectResourceSource
 import com.luck.picture.lib.engine.*
+import com.luck.picture.lib.engine.CompressEngine
 import com.luck.picture.lib.entity.LocalMedia
 import com.luck.picture.lib.interfaces.OnInjectLayoutResourceListener
 import com.luck.picture.lib.interfaces.OnResultCallbackListener

android/src/main/res/drawable/preview_gallery_bg.xml → android/src/main/res/drawable/preview_gallery_white_bg.xml

@@ -5,7 +5,7 @@
         android:right="-1dp"
         android:top="-1dp">
         <shape android:shape="rectangle">
-            <solid android:color="@color/app_color_3310" />
+            <solid android:color="@color/app_color_white_transparent" />
             <padding
                 android:left="0dp"
                 android:right="0dp" />

android/src/main/res/values/colors.xml

@@ -17,5 +17,5 @@
   <color name="app_color_red">#FF0000</color>
   <color name="app_color_pri">#FB9300</color>
   <color name="app_color_33">#333333</color>
-  <color name="app_color_3310">#33333310</color>
+  <color name="app_color_3310">#0D333333</color>
 </resources>

example/App.tsx

@@ -57,10 +57,10 @@ export default function App() {
       const response = await openPicker({
         ...options,
         selectedAssets: Array.isArray(images) ? images : [images],
-        theme: 'dark',
+        theme: 'light',
         language: 'vi',
-        imageQuality: 0.4,
-        videoQuality: 0.2,
+        imageQuality: 0.1,
+        videoQuality: 0.1,
         crop: {
           //
         },
@@ -72,6 +72,8 @@ export default function App() {
         // },
       })
 
+      console.log('response: ', response)
+
       setImages(Array.isArray(response) ? response : [response])
       layoutEffect()
     } catch (e) {

ios/HybridMultipleImagePicker+Config.swift

@@ -88,6 +88,10 @@ extension HybridMultipleImagePicker {
             config.maximumSelectedVideoDuration = Int(maxVideoDuration)
         }
 
+        if let maxSelect = options.maxSelect {
+            config.maximumSelectedCount = Int(maxSelect)
+        }
+
         config.allowSyncICloudWhenSelectPhoto = true
 
         config.allowCustomTransitionAnimation = true

src/index.ts

@@ -30,6 +30,10 @@ export async function openPicker<T extends Config>(
       config.theme = theme
     }
 
+    if (config?.language && !LANGUAGES.includes(config.language)) {
+      config.language = 'system'
+    }
+
     return Picker.openPicker(
       config,
       (result: Result[]) => {
@@ -47,9 +51,6 @@ const DEFAULT_COUNT = 20
 export const defaultOptions: Config = {
   maxSelect: DEFAULT_COUNT,
   maxVideo: DEFAULT_COUNT,
-
-  maxFileSize: 0,
-
   primaryColor: '#FB9300',
   backgroundDark: '#2f2f2f',
   allowedCamera: true,
@@ -66,3 +67,19 @@ export const defaultOptions: Config = {
   theme: 'system',
   isHiddenOriginalButton: false,
 }
+
+const LANGUAGES = [
+  'system',
+  'zh-Hans',
+  'zh-Hant',
+  'ja',
+  'ko',
+  'en',
+  'th',
+  'id',
+  'vi',
+  'ru',
+  'de',
+  'fr',
+  'ar',
+] as const