update assets_picker

packages/zefyr/example/ios/Flutter/.last_build_id

@@ -1 +1 @@
-d787e51bb31e0c989f91f8e1d84f586f
+8a4c98a3fe9c76aad0683d58a59d0025

packages/zefyr/example/ios/Flutter/flutter_export_environment.sh

@@ -2,14 +2,15 @@
 # This is a generated file; do not edit or check into version control.
 export "FLUTTER_ROOT=/Users/imac/fvm/versions/1.22.0"
 export "FLUTTER_APPLICATION_PATH=/Users/imac/Documents/flutter/projects/zefyr/packages/zefyr/example"
-export "FLUTTER_TARGET=lib/main.dart"
+export "FLUTTER_TARGET=/Users/imac/Documents/flutter/projects/zefyr/packages/zefyr/example/lib/main.dart"
 export "FLUTTER_BUILD_DIR=build"
 export "SYMROOT=${SOURCE_ROOT}/../build/ios"
 export "OTHER_LDFLAGS=$(inherited) -framework Flutter"
 export "FLUTTER_FRAMEWORK_DIR=/Users/imac/fvm/versions/1.22.0/bin/cache/artifacts/engine/ios"
 export "FLUTTER_BUILD_NAME=1.0.0"
 export "FLUTTER_BUILD_NUMBER=1"
+export "DART_DEFINES=flutter.inspector.structuredErrors%3Dtrue"
 export "DART_OBFUSCATION=false"
-export "TRACK_WIDGET_CREATION=false"
+export "TRACK_WIDGET_CREATION=true"
 export "TREE_SHAKE_ICONS=false"
 export "PACKAGE_CONFIG=.packages"

packages/zefyr/example/ios/Podfile

@@ -1,5 +1,5 @@
 # Uncomment this line to define a global platform for your project
-platform :ios, '9.0'
+# platform :ios, '9.0'
 
 # CocoaPods analytics sends network stats synchronously affecting flutter build latency.
 ENV['COCOAPODS_DISABLE_STATS'] = 'true'
@@ -10,78 +10,29 @@ project 'Runner', {
   'Release' => :release,
 }
 
-def parse_KV_file(file, separator='=')
-  file_abs_path = File.expand_path(file)
-  if !File.exists? file_abs_path
-    return [];
+def flutter_root
+  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__)
+  unless File.exist?(generated_xcode_build_settings_path)
+    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first"
   end
-  generated_key_values = {}
-  skip_line_start_symbols = ["#", "/"]
-  File.foreach(file_abs_path) do |line|
-    next if skip_line_start_symbols.any? { |symbol| line =~ /^\s*#{symbol}/ }
-    plugin = line.split(pattern=separator)
-    if plugin.length == 2
-      podname = plugin[0].strip()
-      path = plugin[1].strip()
-      podpath = File.expand_path("#{path}", file_abs_path)
-      generated_key_values[podname] = podpath
-    else
-      puts "Invalid plugin specification: #{line}"
-    end
-  end
-  generated_key_values
-end
-
-target 'Runner' do
-  # Flutter Pod
-
-  copied_flutter_dir = File.join(__dir__, 'Flutter')
-  copied_framework_path = File.join(copied_flutter_dir, 'Flutter.framework')
-  copied_podspec_path = File.join(copied_flutter_dir, 'Flutter.podspec')
-  unless File.exist?(copied_framework_path) && File.exist?(copied_podspec_path)
-    # Copy Flutter.framework and Flutter.podspec to Flutter/ to have something to link against if the xcode backend script has not run yet.
-    # That script will copy the correct debug/profile/release version of the framework based on the currently selected Xcode configuration.
-    # CocoaPods will not embed the framework on pod install (before any build phases can generate) if the dylib does not exist.
 
-    generated_xcode_build_settings_path = File.join(copied_flutter_dir, 'Generated.xcconfig')
-    unless File.exist?(generated_xcode_build_settings_path)
-      raise "Generated.xcconfig must exist. If you're running pod install manually, make sure flutter pub get is executed first"
-    end
-    generated_xcode_build_settings = parse_KV_file(generated_xcode_build_settings_path)
-    cached_framework_dir = generated_xcode_build_settings['FLUTTER_FRAMEWORK_DIR'];
-
-    unless File.exist?(copied_framework_path)
-      FileUtils.cp_r(File.join(cached_framework_dir, 'Flutter.framework'), copied_flutter_dir)
-    end
-    unless File.exist?(copied_podspec_path)
-      FileUtils.cp(File.join(cached_framework_dir, 'Flutter.podspec'), copied_flutter_dir)
-    end
+  File.foreach(generated_xcode_build_settings_path) do |line|
+    matches = line.match(/FLUTTER_ROOT\=(.*)/)
+    return matches[1].strip if matches
   end
+  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get"
+end
 
-  # Keep pod path relative so it can be checked into Podfile.lock.
-  pod 'Flutter', :path => 'Flutter'
+require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)
 
-  # Plugin Pods
+flutter_ios_podfile_setup
 
-  # Prepare symlinks folder. We use symlinks to avoid having Podfile.lock
-  # referring to absolute paths on developers' machines.
-  system('rm -rf .symlinks')
-  system('mkdir -p .symlinks/plugins')
-  plugin_pods = parse_KV_file('../.flutter-plugins')
-  plugin_pods.each do |name, path|
-    symlink = File.join('.symlinks', 'plugins', name)
-    File.symlink(path, symlink)
-    pod name, :path => File.join(symlink, 'ios')
-  end
+target 'Runner' do
+  flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__))
 end
 
-# Prevent Cocoapods from embedding a second Flutter framework and causing an error with the new Xcode build system.
-install! 'cocoapods', :disable_input_output_paths => true
-
 post_install do |installer|
   installer.pods_project.targets.each do |target|
-    target.build_configurations.each do |config|
-      config.build_settings['ENABLE_BITCODE'] = 'NO'
-    end
+    flutter_additional_ios_build_settings(target)
   end
 end

packages/zefyr/example/ios/Podfile.lock

@@ -1,52 +1,46 @@
 PODS:
   - Flutter (1.0.0)
-  - flutter_plugin_android_lifecycle (0.0.1):
-    - Flutter
   - image_picker (0.0.1):
     - Flutter
+  - path_provider (0.0.1):
+    - Flutter
   - photo_manager (0.0.1):
     - Flutter
   - url_launcher (0.0.1):
     - Flutter
-  - url_launcher_macos (0.0.1):
-    - Flutter
-  - url_launcher_web (0.0.1):
+  - video_player (0.0.1):
     - Flutter
 
 DEPENDENCIES:
   - Flutter (from `Flutter`)
-  - flutter_plugin_android_lifecycle (from `.symlinks/plugins/flutter_plugin_android_lifecycle/ios`)
   - image_picker (from `.symlinks/plugins/image_picker/ios`)
+  - path_provider (from `.symlinks/plugins/path_provider/ios`)
   - photo_manager (from `.symlinks/plugins/photo_manager/ios`)
   - url_launcher (from `.symlinks/plugins/url_launcher/ios`)
-  - url_launcher_macos (from `.symlinks/plugins/url_launcher_macos/ios`)
-  - url_launcher_web (from `.symlinks/plugins/url_launcher_web/ios`)
+  - video_player (from `.symlinks/plugins/video_player/ios`)
 
 EXTERNAL SOURCES:
   Flutter:
     :path: Flutter
-  flutter_plugin_android_lifecycle:
-    :path: ".symlinks/plugins/flutter_plugin_android_lifecycle/ios"
   image_picker:
     :path: ".symlinks/plugins/image_picker/ios"
+  path_provider:
+    :path: ".symlinks/plugins/path_provider/ios"
   photo_manager:
     :path: ".symlinks/plugins/photo_manager/ios"
   url_launcher:
     :path: ".symlinks/plugins/url_launcher/ios"
-  url_launcher_macos:
-    :path: ".symlinks/plugins/url_launcher_macos/ios"
-  url_launcher_web:
-    :path: ".symlinks/plugins/url_launcher_web/ios"
+  video_player:
+    :path: ".symlinks/plugins/video_player/ios"
 
 SPEC CHECKSUMS:
   Flutter: 0e3d915762c693b495b44d77113d4970485de6ec
-  flutter_plugin_android_lifecycle: dc0b544e129eebb77a6bfb1239d4d1c673a60a35
-  image_picker: 66aa71bc96850a90590a35d4c4a2907b0d823109
+  image_picker: 9c3312491f862b28d21ecd8fdf0ee14e601b3f09
+  path_provider: abfe2b5c733d04e238b0d8691db0cfd63a27a93c
   photo_manager: f7c619c2cc8c2adb8d85c63363babac477de9c67
   url_launcher: 6fef411d543ceb26efce54b05a0a40bfd74cbbef
-  url_launcher_macos: fd7894421cd39320dce5f292fc99ea9270b2a313
-  url_launcher_web: e5527357f037c87560776e36436bf2b0288b965c
+  video_player: 9cc823b1d9da7e8427ee591e8438bfbcde500e6e
 
-PODFILE CHECKSUM: 49ec7d4076524b7e225c38b98147173651ac4b9d
+PODFILE CHECKSUM: 8e679eca47255a8ca8067c4c67aab20e64cb974d
 
-COCOAPODS: 1.9.1
+COCOAPODS: 1.9.3

packages/zefyr/example/ios/Runner.xcodeproj/project.pbxproj

@@ -219,9 +219,12 @@
 			files = (
 			);
 			inputPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh",
+				"${PODS_ROOT}/../Flutter/Flutter.framework",
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputPaths = (
+				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Flutter.framework",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;

packages/zefyr/example/lib/generated_plugin_registrant.dart

@@ -6,11 +6,13 @@
 import 'dart:ui';
 
 import 'package:url_launcher_web/url_launcher_web.dart';
+import 'package:video_player_web/video_player_web.dart';
 
 import 'package:flutter_web_plugins/flutter_web_plugins.dart';
 
 // ignore: public_member_api_docs
 void registerPlugins(PluginRegistry registry) {
   UrlLauncherPlugin.registerWith(registry.registrarFor(UrlLauncherPlugin));
+  VideoPlayerPlugin.registerWith(registry.registrarFor(VideoPlayerPlugin));
   registry.registerMessageHandler();
 }

packages/zefyr/lib/src/extended_assets_picker/ct_asset_picker.dart

@@ -0,0 +1,256 @@
+library ct_assets_picker;
+
+import 'dart:developer';
+import 'dart:io';
+import 'dart:math' as math;
+import 'dart:typed_data';
+import 'dart:ui' as ui;
+
+import 'package:extended_image/extended_image.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+import 'package:flutter/services.dart';
+import 'package:intl/intl.dart';
+import 'package:notus/notus.dart';
+import 'package:provider/provider.dart';
+import 'package:wechat_assets_picker/wechat_assets_picker.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:zefyr/src/widgets/iconfont.dart';
+import 'package:zefyr/src/widgets/theme.dart';
+import 'package:zefyr/src/widgets/toolbar.dart';
+
+export 'package:wechat_assets_picker/wechat_assets_picker.dart'
+    show RequestType, AssetEntity, AssetType, PhotoManager;
+export 'package:image_picker/image_picker.dart' show CameraDevice;
+
+part 'src/constants/constants.dart';
+part 'src/constants/screens.dart';
+part 'src/delegate/asset_picker_builder_delegate.dart';
+part 'src/delegate/asset_picker_quick_builder_delegate.dart';
+part 'src/delegate/asset_picker_viewer_builder_delegate.dart';
+part 'src/delegate/asset_picker_sort_delegate.dart';
+part 'src/delegate/asset_picker_text_delegate.dart';
+part 'src/widget/slide_page_transition_builder.dart';
+part 'src/widget/asset_picker_viewer.dart';
+part 'src/widget/rounded_check_box.dart';
+part 'src/provider/asset_picker_provider.dart';
+part 'src/entity/asset_picker_entity.dart';
+
+class ExtendedAssetPicker {
+  static Future<AssetPickerEntity> pickAssets(
+    BuildContext context, {
+    int maxAssets = 9,
+    int pageSize = 320,
+    int pathThumbSize = 200,
+    int gridCount = 4,
+    List<int> previewThumbSize,
+    RequestType requestType,
+    SpecialPickerType specialPickerType,
+    List<AssetEntity> selectedAssets,
+    Color themeColor,
+    ThemeData pickerTheme,
+    SortPathDelegate sortPathDelegate,
+    AssetsPickerTextDelegate textDelegate,
+    FilterOptionGroup filterOptions,
+    WidgetBuilder specialItemBuilder,
+    SpecialItemPosition specialItemPosition = SpecialItemPosition.none,
+    bool allowSpecialItemWhenEmpty = false,
+    Curve routeCurve = Curves.easeIn,
+    Duration routeDuration = const Duration(milliseconds: 300),
+  }) async {
+    if (maxAssets == null || maxAssets < 1) {
+      throw ArgumentError(
+        'maxAssets must be greater than 1.',
+      );
+    }
+    if (pageSize != null && pageSize % gridCount != 0) {
+      throw ArgumentError(
+        'pageSize must be a multiple of gridCount.',
+      );
+    }
+    if (pickerTheme != null && themeColor != null) {
+      throw ArgumentError(
+        'Theme and theme color cannot be set at the same time.',
+      );
+    }
+    if (specialPickerType != null && requestType != null) {
+      throw ArgumentError(
+        'specialPickerType and requestType cannot be set at the same time.',
+      );
+    } else {
+      if (specialPickerType == SpecialPickerType.wechatMoment) {
+        requestType = RequestType.common;
+      } else {
+        requestType ??= RequestType.image;
+      }
+    }
+    if ((specialItemBuilder == null &&
+            specialItemPosition != SpecialItemPosition.none) ||
+        (specialItemBuilder != null &&
+            specialItemPosition == SpecialItemPosition.none)) {
+      throw ArgumentError('Custom item didn\'t set properly.');
+    }
+
+    final theme = Theme.of(context);
+
+    try {
+      final isPermissionGranted = await PhotoManager.requestPermission();
+      if (isPermissionGranted) {
+        final provider = ExtendedAssetPickerProvider(
+          maxAssets: maxAssets,
+          pageSize: pageSize,
+          pathThumbSize: pathThumbSize,
+          selectedAssets: selectedAssets,
+          requestType: requestType,
+          sortPathDelegate: sortPathDelegate ?? CustomSortPathDelegate(),
+          filterOptions: filterOptions,
+          routeDuration: routeDuration,
+        );
+        final Widget picker =
+            ChangeNotifierProvider<DefaultAssetPickerProvider>.value(
+          value: provider,
+          child: AssetPicker<AssetEntity, AssetPathEntity>(
+            key: Constants.pickerKey,
+            builder: ExtendedAssetPickerBuilderDelegate(
+              provider: provider,
+              gridCount: gridCount,
+              textDelegate: textDelegate ??
+                  (Intl.getCurrentLocale() == 'zh_CN'
+                      ? DefaultAssetsPickerTextDelegate()
+                      : EnglishTextDelegate()),
+              themeColor: themeColor,
+              pickerTheme: theme,
+              previewThumbSize: previewThumbSize,
+              specialPickerType: specialPickerType,
+              specialItemPosition: specialItemPosition,
+              specialItemBuilder: specialItemBuilder,
+              allowSpecialItemWhenEmpty: allowSpecialItemWhenEmpty,
+            ),
+          ),
+        );
+        final result = await Navigator.of(
+          context,
+          rootNavigator: true,
+        ).push<AssetPickerEntity>(
+          SlidePageTransitionBuilder<AssetPickerEntity>(
+            builder: picker,
+            transitionCurve: routeCurve,
+            transitionDuration: routeDuration,
+          ),
+        );
+        return result;
+      } else {
+        return null;
+      }
+    } catch (e) {
+      realDebugPrint('Error when calling assets picker: $e');
+      return null;
+    }
+  }
+
+  static Future<AssetEntity> pickSingleAsset(
+    BuildContext context, {
+    int pageSize = 320,
+    int pathThumbSize = 200,
+    int gridCount = 4,
+    List<int> previewThumbSize,
+    RequestType requestType,
+    SpecialPickerType specialPickerType,
+    List<AssetEntity> selectedAssets,
+    Color themeColor,
+    ThemeData pickerTheme,
+    SortPathDelegate sortPathDelegate,
+    AssetsPickerTextDelegate textDelegate,
+    FilterOptionGroup filterOptions,
+    WidgetBuilder specialItemBuilder,
+    SpecialItemPosition specialItemPosition = SpecialItemPosition.none,
+    bool allowSpecialItemWhenEmpty = false,
+    Curve routeCurve = Curves.easeIn,
+    Duration routeDuration = const Duration(milliseconds: 300),
+  }) async {
+    final result = await ExtendedAssetPicker.pickAssets(
+      context,
+      maxAssets: 1,
+      pageSize: pageSize,
+      pathThumbSize: pathThumbSize,
+      gridCount: gridCount,
+      previewThumbSize: previewThumbSize,
+      requestType: requestType,
+      specialPickerType: specialPickerType,
+      themeColor: themeColor,
+      pickerTheme: pickerTheme,
+      sortPathDelegate: sortPathDelegate,
+      textDelegate: textDelegate,
+      filterOptions: filterOptions,
+      specialItemBuilder: specialItemBuilder,
+      specialItemPosition: specialItemPosition,
+      allowSpecialItemWhenEmpty: allowSpecialItemWhenEmpty,
+      routeCurve: routeCurve,
+      routeDuration: routeDuration,
+    );
+    if (result != null) {
+      return result.assets?.first;
+    }
+    return null;
+  }
+
+  static Future<File> getImageFromCamera({
+    ImageSource source = ImageSource.camera,
+    double maxWidth,
+    double maxHeight,
+    int imageQuality = 100,
+    CameraDevice preferredCameraDevice = CameraDevice.rear,
+  }) {
+    return ImagePicker()
+        .getImage(
+            source: source,
+            maxWidth: maxWidth,
+            maxHeight: maxHeight,
+            imageQuality: imageQuality,
+            preferredCameraDevice: preferredCameraDevice)
+        .then((result) {
+      if (result != null) {
+        return File(result.path);
+      }
+      return null;
+    });
+  }
+
+  static Widget buildQuickPicker(
+    BuildContext context, {
+      AssetPickerProvider provider,
+    int gridCount = 4,
+    List<int> previewThumbSize,
+    SpecialPickerType specialPickerType,
+    Color themeColor,
+    ThemeData pickerTheme,
+    AssetsPickerTextDelegate textDelegate,
+    WidgetBuilder specialItemBuilder,
+    SpecialItemPosition specialItemPosition = SpecialItemPosition.none,
+    bool allowSpecialItemWhenEmpty = false,
+  }) {
+    final theme = Theme.of(context);
+    
+    return ChangeNotifierProvider<DefaultAssetPickerProvider>.value(
+      value: provider,
+      child: AssetPicker<AssetEntity, AssetPathEntity>(
+        key: Constants.pickerKey,
+        builder: ExtendedAssetPickerQuickBuilderDelegate(
+          provider: provider,
+          textDelegate: textDelegate ??
+              (Intl.getCurrentLocale() == 'zh_CN'
+                  ? ExtendedChineseTextDelegate()
+                  : ExtendedEnglishTextDelegate()),
+          themeColor: themeColor,
+          pickerTheme: theme,
+          previewThumbSize: previewThumbSize,
+          specialPickerType: specialPickerType,
+          specialItemPosition: specialItemPosition,
+          specialItemBuilder: specialItemBuilder,
+          allowSpecialItemWhenEmpty: allowSpecialItemWhenEmpty,
+        ),
+      ),
+    );
+  }
+}

packages/zefyr/lib/src/extended_assets_picker/src/constants/constants.dart

@@ -0,0 +1,20 @@
+part of ct_assets_picker;
+
+class Constants {
+  const Constants._();
+
+  static GlobalKey pickerKey = GlobalKey();
+
+  static AssetsPickerTextDelegate textDelegate = DefaultAssetsPickerTextDelegate();
+  static SortPathDelegate sortPathDelegate = SortPathDelegate.common;
+
+  static const List<int> defaultPreviewThumbSize = <int>[200, 200];
+}
+
+/// Log only in debug mode.
+/// 只在调试模式打印
+void realDebugPrint(dynamic message) {
+  if (!kReleaseMode) {
+    log('$message');
+  }
+}

packages/zefyr/lib/src/extended_assets_picker/src/constants/screens.dart

@@ -0,0 +1,61 @@
+///
+/// [Author] Alex (https://github.com/AlexV525)
+/// [Date] 2020/8/19 10:29
+///
+part of ct_assets_picker;
+
+/// Screens utils with multiple properties access.
+/// 获取屏幕各项属性的工具类
+class Screens {
+  const Screens._();
+
+  /// Get [MediaQueryData] from [ui.window]
+  /// 通过 [ui.window] 获取 [MediaQueryData]
+  static MediaQueryData get mediaQuery => MediaQueryData.fromWindow(ui.window);
+
+  /// The number of device pixels for each logical pixel.
+  /// 设备每个逻辑像素对应的dp比例
+  static double get scale => mediaQuery.devicePixelRatio;
+
+  /// The horizontal extent of this size.
+  /// 水平范围的大小
+  static double get width => mediaQuery.size.width;
+
+  /// The horizontal pixels of this size.
+  /// 水平范围的像素值
+  static int get widthPixels => (width * scale).toInt();
+
+  /// The vertical extent of this size.
+  /// 垂直范围的大小
+  static double get height => mediaQuery.size.height;
+
+  /// The vertical pixels of this size.
+  /// 垂直范围的像素值
+  static int get heightPixels => (height * scale).toInt();
+
+  /// Top offset in the [ui.window], usually is the notch size.
+  /// 从 [ui.window] 获取的顶部偏移（间距），通常是刘海的大小。
+  static double get topSafeHeight => mediaQuery.padding.top;
+
+  /// Bottom offset in the [ui.window], usually is the action bar/navigation bar size.
+  /// 从 [ui.window] 获取的底部偏移（间距），通常是操作条/导航条的大小。
+  static double get bottomSafeHeight => mediaQuery.padding.bottom;
+
+  /// Height exclude top and bottom safe height.
+  /// 去除顶部和底部安全区域的高度
+  static double get safeHeight => height - topSafeHeight - bottomSafeHeight;
+
+  /// Method to update status bar's style.
+  /// 更新状态栏样式的方法
+  static void updateStatusBarStyle(SystemUiOverlayStyle style) {
+    SystemChrome.setSystemUIOverlayStyle(style);
+  }
+
+  /// Scale factor for the text.
+  /// 文字缩放的倍数
+  static double get textScaleFactor => mediaQuery.textScaleFactor;
+
+  /// Return a fixed font size according to text scale factor.
+  /// 根据文字缩放计算出的固定文字大小
+  static double fixedFontSize(double fontSize) => fontSize / textScaleFactor;
+}

packages/zefyr/lib/src/extended_assets_picker/src/delegate/asset_picker_builder_delegate.dart

@@ -0,0 +1,582 @@
+part of ct_assets_picker;
+
+class ExtendedAssetPickerBuilderDelegate extends DefaultAssetPickerBuilderDelegate {
+  ExtendedAssetPickerBuilderDelegate({
+    @required ExtendedAssetPickerProvider provider,
+    int gridCount = 4,
+    Color themeColor,
+    AssetsPickerTextDelegate textDelegate,
+    ThemeData pickerTheme,
+    SpecialItemPosition specialItemPosition = SpecialItemPosition.none,
+    WidgetBuilder specialItemBuilder,
+    bool allowSpecialItemWhenEmpty = false,
+    List<int> previewThumbSize,
+    SpecialPickerType specialPickerType,
+  })  : assert(
+          provider != null,
+          'AssetPickerProvider must be provided and not null.',
+        ),
+        assert(
+          pickerTheme == null || themeColor == null,
+          'Theme and theme color cannot be set at the same time.',
+        ),
+        super(
+          provider: provider,
+          gridCount: gridCount,
+          themeColor: themeColor,
+          textDelegate: textDelegate,
+          pickerTheme: pickerTheme,
+          specialItemPosition: specialItemPosition,
+          specialItemBuilder: specialItemBuilder,
+          allowSpecialItemWhenEmpty: allowSpecialItemWhenEmpty,
+          previewThumbSize: previewThumbSize,
+          specialPickerType: specialPickerType,
+        );
+
+  @override
+  bool get isAppleOS => true;
+
+  @override
+  double get appleOSBlurRadius => 0;
+
+  /// Action bar widget aligned to bottom.
+  /// 底部操作栏部件
+  @override
+  Widget bottomActionBar(BuildContext context) {
+    return !isSingleAssetMode ? Container(
+      width: Screens.width,
+      height: bottomActionBarHeight + Screens.bottomSafeHeight,
+      padding: EdgeInsets.only(
+        left: 20.0,
+        right: 20.0,
+        bottom: Screens.bottomSafeHeight,
+      ),
+      color: theme.colorScheme.surface,
+      child: Row(children: <Widget>[
+        previewButton(context),
+        Expanded(
+          child: fullImageButton(context),
+        ),
+        confirmButton(context),
+      ]),
+    ) : Container(
+      width: Screens.width,
+      height: Screens.bottomSafeHeight,
+    );
+  }
+
+  Widget fullImageButton(BuildContext context) {
+    return Selector<DefaultAssetPickerProvider, bool>(
+      selector: (BuildContext _, DefaultAssetPickerProvider provider) =>
+          (provider as ExtendedAssetPickerProvider).fullImage,
+      builder: (BuildContext _, bool fullImage, Widget __) {
+        return GestureDetector(
+          onTap: () {
+            (provider as ExtendedAssetPickerProvider).fullImage = !fullImage;
+          },
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Container(
+                // margin: EdgeInsets.all(Screens.width / gridCount / 15.0),
+                width: 18,
+                height: 18,
+                alignment: Alignment.center,
+                child: AnimatedContainer(
+                  duration: switchingPathDuration,
+                  width: 18,
+                  height: 18,
+                  decoration: BoxDecoration(
+                    border: Border.all(
+                        color: fullImage
+                            ? theme.colorScheme.primary
+                            : theme.unselectedWidgetColor,
+                        width: 2.0),
+                    color: null,
+                    shape: BoxShape.circle,
+                  ),
+                  child: AnimatedSwitcher(
+                    duration: switchingPathDuration,
+                    reverseDuration: switchingPathDuration,
+                    child: fullImage
+                        ? Container(
+                            width: 10,
+                            height: 10,
+                            decoration: BoxDecoration(
+                              color: theme.colorScheme.primary,
+                              shape: BoxShape.circle,
+                            ),
+                          )
+                        : const SizedBox.shrink(),
+                  ),
+                ),
+              ),
+              SizedBox(
+                width: 8,
+              ),
+              Text(
+                Constants.textDelegate.original,
+                style: TextStyle(
+                  color: theme.textTheme.caption.color,
+                  fontSize: 18.0,
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  /// The main grid view builder for assets.
+  /// 主要的资源查看网格部件
+  @override
+  Widget assetsGridBuilder(BuildContext context) {
+    return ColoredBox(
+      color: theme.colorScheme.background,
+      child: Selector<AssetPickerProvider<AssetEntity, AssetPathEntity>,
+          List<AssetEntity>>(
+        selector: (BuildContext _,
+                AssetPickerProvider<AssetEntity, AssetPathEntity> provider) =>
+            provider.currentAssets,
+        builder: (
+          BuildContext _,
+          List<AssetEntity> currentAssets,
+          Widget __,
+        ) {
+          return GridView.builder(
+            padding: isAppleOS
+                ? EdgeInsets.only(
+                    top: Screens.topSafeHeight + kToolbarHeight,
+                    bottom: bottomActionBarHeight,
+                  )
+                : EdgeInsets.zero,
+            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+              crossAxisCount: gridCount,
+              mainAxisSpacing: itemSpacing,
+              crossAxisSpacing: itemSpacing,
+            ),
+            itemCount: assetsGridItemCount(_, currentAssets),
+            itemBuilder: (BuildContext _, int index) {
+              return assetGridItemBuilder(_, index, currentAssets);
+            },
+          );
+        },
+      ),
+    );
+  }
+
+  /// It'll pop with [AssetPickerProvider.selectedAssets]
+  /// when there're any assets chosen.
+  /// 当有资源已选时，点击按钮将把已选资源通过路由返回。
+  @override
+  Widget confirmButton(BuildContext context) {
+    return Consumer<DefaultAssetPickerProvider>(
+      builder: (
+        BuildContext _,
+        DefaultAssetPickerProvider provider,
+        Widget __,
+      ) {
+        return FlatButton(
+          minWidth: provider.isSelectedNotEmpty ? 48.0 : 20.0,
+          height: appBarItemHeight,
+          padding: const EdgeInsets.symmetric(horizontal: 12.0),
+          color: provider.isSelectedNotEmpty
+              ? theme.colorScheme.primary
+              : theme.dividerColor,
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(3.0),
+          ),
+          child: Text(
+            provider.isSelectedNotEmpty && !isSingleAssetMode
+                ? '${Constants.textDelegate.confirm}'
+                    '(${provider.selectedAssets.length}/${provider.maxAssets})'
+                : Constants.textDelegate.confirm,
+            style: TextStyle(
+              color: provider.isSelectedNotEmpty
+                  ? theme.colorScheme.onPrimary
+                  : theme.textTheme.caption.color,
+              fontSize: 17.0,
+              fontWeight: FontWeight.normal,
+            ),
+          ),
+          onPressed: () {
+            if (provider.isSelectedNotEmpty) {
+              Navigator.of(context).pop(AssetPickerEntity(
+                  assets: provider.selectedAssets,
+                  isFullImage: (provider as ExtendedAssetPickerProvider).fullImage,
+                ));
+            }
+          },
+          materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
+        );
+      },
+    );
+  }
+
+  @override
+  Widget previewButton(BuildContext context) {
+    return Selector<DefaultAssetPickerProvider, bool>(
+      selector: (BuildContext _, DefaultAssetPickerProvider provider) =>
+          provider.isSelectedNotEmpty,
+      builder: (BuildContext _, bool isSelectedNotEmpty, Widget __) {
+        return GestureDetector(
+          onTap: isSelectedNotEmpty
+              ? () async {
+                  final List<AssetEntity> result =
+                      await ExtendedAssetPickerViewer.pushToViewer(
+                    context,
+                    currentIndex: 0,
+                    previewAssets: provider.currentAssets,
+                    previewThumbSize: previewThumbSize,
+                    selectedAssets: provider.selectedAssets,
+                    selectorProvider: provider as ExtendedAssetPickerProvider,
+                    themeData: theme,
+                  );
+                  if (result != null) {
+                    Navigator.of(context).pop(AssetPickerEntity(
+                      assets: result,
+                      isFullImage: (provider as ExtendedAssetPickerProvider).fullImage,
+                    ));
+                  }
+                }
+              : null,
+          child: Padding(
+            padding: const EdgeInsets.symmetric(vertical: 12.0),
+            child: Selector<DefaultAssetPickerProvider, List<AssetEntity>>(
+              selector: (BuildContext _, DefaultAssetPickerProvider provider) =>
+                  provider.selectedAssets,
+              builder: (
+                BuildContext _,
+                List<AssetEntity> selectedAssets,
+                Widget __,
+              ) {
+                return Text(
+                  isSelectedNotEmpty
+                      ? '${Constants.textDelegate.preview}'
+                          '(${provider.selectedAssets.length})'
+                      : Constants.textDelegate.preview,
+                  style: TextStyle(
+                    color: isSelectedNotEmpty
+                        ? null
+                        : theme.textTheme.caption.color,
+                    fontSize: 18.0,
+                  ),
+                );
+              },
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  @override
+  Widget selectIndicator(BuildContext context, AssetEntity asset) {
+    if (isSingleAssetMode) {
+      return Container();
+    }
+    return Selector<DefaultAssetPickerProvider, List<AssetEntity>>(
+      selector: (BuildContext _, DefaultAssetPickerProvider provider) =>
+          provider.selectedAssets,
+      builder: (BuildContext _, List<AssetEntity> selectedAssets, Widget __) {
+        final bool selected = selectedAssets.contains(asset);
+        final double indicatorSize = Screens.width / gridCount / 3;
+        return Positioned(
+          top: 0.0,
+          right: 0.0,
+          child: GestureDetector(
+            behavior: HitTestBehavior.opaque,
+            onTap: () {
+              if (selected) {
+                provider.unSelectAsset(asset);
+              } else {
+                if (isSingleAssetMode) {
+                  provider.selectedAssets.clear();
+                }
+                provider.selectAsset(asset);
+              }
+            },
+            child: Container(
+              margin: EdgeInsets.all(Screens.width / gridCount / 15.0),
+              width: indicatorSize,
+              height: indicatorSize,
+              alignment: AlignmentDirectional.topEnd,
+              child: AnimatedContainer(
+                duration: switchingPathDuration,
+                width: indicatorSize / 1.5,
+                height: indicatorSize / 1.5,
+                decoration: BoxDecoration(
+                  border: !selected
+                      ? Border.all(color: Colors.white, width: 2.0)
+                      : null,
+                  color: selected ? theme.colorScheme.primary : null,
+                  shape: BoxShape.circle,
+                ),
+                child: AnimatedSwitcher(
+                  duration: switchingPathDuration,
+                  reverseDuration: switchingPathDuration,
+                  child: selected
+                      ? isSingleAssetMode
+                          ? const Icon(Icons.check, size: 18.0)
+                          : Text(
+                              '${selectedAssets.indexOf(asset) + 1}',
+                              style: TextStyle(
+                                color: selected
+                                    ? theme.colorScheme.onPrimary
+                                    : null,
+                                fontSize: 14.0,
+                                fontWeight: isAppleOS
+                                    ? FontWeight.w600
+                                    : FontWeight.bold,
+                              ),
+                            )
+                      : const SizedBox.shrink(),
+                ),
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  @override
+  Widget selectedBackdrop(BuildContext context, int index, AssetEntity asset) {
+    return Selector<DefaultAssetPickerProvider, List<AssetEntity>>(
+      selector: (BuildContext _, DefaultAssetPickerProvider provider) =>
+          provider.selectedAssets,
+      builder: (BuildContext _, List<AssetEntity> selectedAssets, Widget __) {
+        final bool selected = selectedAssets.contains(asset);
+        return Positioned.fill(
+          child: GestureDetector(
+            onTap: () async {
+              if (isSingleAssetMode) {
+                Navigator.of(context).pop(AssetPickerEntity(
+                  assets: [asset],
+                  isFullImage: (provider as ExtendedAssetPickerProvider).fullImage,
+                ));
+                return;
+              }
+              final List<AssetEntity> result =
+                  await ExtendedAssetPickerViewer.pushToViewer(
+                context,
+                currentIndex: index,
+                previewAssets: provider.currentAssets,
+                previewThumbSize: previewThumbSize,
+                selectedAssets: provider.selectedAssets,
+                selectorProvider: provider as ExtendedAssetPickerProvider,
+                themeData: theme,
+              );
+              if (result != null) {
+                Navigator.of(context).pop(AssetPickerEntity(
+                  assets: result,
+                  isFullImage: (provider as ExtendedAssetPickerProvider).fullImage,
+                ));
+              }
+            },
+            child: AnimatedContainer(
+              duration: switchingPathDuration,
+              color: selected
+                  ? Colors.black.withOpacity(0.45)
+                  : Colors.black.withOpacity(0.1),
+            ),
+          ), // 点击预览同目录下所有资源
+        );
+      },
+    );
+  }
+
+  @override
+  Widget pathEntityListWidget(BuildContext context) {
+    final double appBarHeight = kToolbarHeight + Screens.topSafeHeight;
+    final double maxHeight = Screens.height * 0.625;
+    return Selector<DefaultAssetPickerProvider, bool>(
+      selector: (
+        BuildContext _,
+        DefaultAssetPickerProvider provider,
+      ) =>
+          provider.isSwitchingPath,
+      builder: (BuildContext _, bool isSwitchingPath, Widget __) {
+        final pathHeight = provider.pathEntityList.length * 65.0;
+        final double height = pathHeight > maxHeight ? maxHeight : pathHeight;
+        return AnimatedPositioned(
+          duration: switchingPathDuration,
+          curve: switchingPathCurve,
+          top: isAppleOS
+              ? !isSwitchingPath
+                  ? -height
+                  : appBarHeight
+              : -(!isSwitchingPath ? maxHeight : 1.0),
+          child: AnimatedOpacity(
+            duration: switchingPathDuration,
+            curve: switchingPathCurve,
+            opacity: !isAppleOS || isSwitchingPath ? 1.0 : 0.0,
+            child: Container(
+              width: Screens.width,
+              height: height,
+              decoration: BoxDecoration(
+                borderRadius: isAppleOS
+                    ? const BorderRadius.only(
+                        bottomLeft: Radius.circular(10.0),
+                        bottomRight: Radius.circular(10.0),
+                      )
+                    : null,
+                color: theme.colorScheme.surface,
+              ),
+              child: Selector<DefaultAssetPickerProvider,
+                  Map<AssetPathEntity, Uint8List>>(
+                selector: (
+                  BuildContext _,
+                  DefaultAssetPickerProvider provider,
+                ) =>
+                    provider.pathEntityList,
+                builder: (
+                  BuildContext _,
+                  Map<AssetPathEntity, Uint8List> pathEntityList,
+                  Widget __,
+                ) {
+                  return ListView.separated(
+                    padding: const EdgeInsets.only(top: 1.0),
+                    itemCount: pathEntityList.length,
+                    itemBuilder: (BuildContext _, int index) {
+                      return pathEntityWidget(
+                        context,
+                        pathEntityList.keys.elementAt(index),
+                      );
+                    },
+                    separatorBuilder: (BuildContext _, int __) => Container(
+                      margin: const EdgeInsets.only(left: 60.0),
+                      height: 1.0,
+                      color: theme.canvasColor,
+                    ),
+                  );
+                },
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  @override
+  Widget pathEntityWidget(BuildContext context, AssetPathEntity path) {
+    Widget builder(
+      BuildContext context,
+      Map<AssetPathEntity, Uint8List> pathEntityList,
+      Widget __,
+    ) {
+      if (context.watch<DefaultAssetPickerProvider>().requestType ==
+          RequestType.audio) {
+        return ColoredBox(
+          color: theme.colorScheme.primary.withOpacity(0.12),
+          child: const Center(child: Icon(Icons.audiotrack)),
+        );
+      }
+
+      /// The reason that the `thumbData` should be checked at here to see if it
+      /// is null is that even the image file is not exist, the `File` can still
+      /// returned as it exist, which will cause the thumb bytes return null.
+      ///
+      /// 此处需要检查缩略图为空的原因是：尽管文件可能已经被删除，但通过`File`读取的文件
+      /// 对象 仍然存在，使得返回的数据为空。
+      final Uint8List thumbData = pathEntityList[path];
+      if (thumbData != null) {
+        return Image.memory(
+          pathEntityList[path],
+          fit: BoxFit.cover,
+        );
+      } else {
+        return ColoredBox(
+          color: theme.colorScheme.primary.withOpacity(0.12),
+        );
+      }
+    }
+
+    return Material(
+      type: MaterialType.transparency,
+      child: InkWell(
+        splashFactory: InkSplash.splashFactory,
+        onTap: () => provider.switchPath(path),
+        child: SizedBox(
+          height: isAppleOS ? 64.0 : 52.0,
+          child: Padding(
+            padding: EdgeInsets.symmetric(horizontal: 16),
+            child: Row(
+              children: <Widget>[
+                SizedBox(
+                  width: 50,
+                  height: 50,
+                  child: RepaintBoundary(
+                    child: AspectRatio(
+                      aspectRatio: 1.0,
+                      child: Selector<DefaultAssetPickerProvider,
+                          Map<AssetPathEntity, Uint8List>>(
+                        selector: (
+                          BuildContext _,
+                          DefaultAssetPickerProvider provider,
+                        ) =>
+                            provider.pathEntityList,
+                        builder: builder,
+                      ),
+                    ),
+                  ),
+                ),
+                Expanded(
+                  child: Padding(
+                    padding: const EdgeInsets.only(left: 15.0, right: 20.0),
+                    child: Row(
+                      children: <Widget>[
+                        Flexible(
+                          child: Padding(
+                            padding: const EdgeInsets.only(right: 10.0),
+                            child: Text(
+                              path.name ?? '',
+                              style: const TextStyle(fontSize: 16.0),
+                              maxLines: 1,
+                              overflow: TextOverflow.ellipsis,
+                            ),
+                          ),
+                        ),
+                        Text(
+                          '(${path.assetCount})',
+                          style: TextStyle(
+                            color: theme.textTheme.caption.color,
+                            fontSize: 16.0,
+                          ),
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+                Selector<DefaultAssetPickerProvider, AssetPathEntity>(
+                  selector: (
+                    BuildContext _,
+                    DefaultAssetPickerProvider provider,
+                  ) =>
+                      provider.currentPathEntity,
+                  builder: (
+                    BuildContext _,
+                    AssetPathEntity currentPathEntity,
+                    Widget __,
+                  ) {
+                    if (currentPathEntity == path) {
+                      return Icon(ZefyrFont.multiselect_selected,
+                          color: theme.colorScheme.primary, size: 20.0);
+                    } else {
+                      return const SizedBox.shrink();
+                    }
+                  },
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

packages/zefyr/lib/src/extended_assets_picker/src/delegate/asset_picker_quick_builder_delegate.dart

@@ -0,0 +1,534 @@
+part of ct_assets_picker;
+
+class ExtendedAssetPickerQuickBuilderDelegate
+    extends DefaultAssetPickerBuilderDelegate {
+  ExtendedAssetPickerQuickBuilderDelegate({
+    @required ExtendedAssetPickerProvider provider,
+    int gridCount = 4,
+    Color themeColor,
+    AssetsPickerTextDelegate textDelegate,
+    ThemeData pickerTheme,
+    SpecialItemPosition specialItemPosition = SpecialItemPosition.none,
+    WidgetBuilder specialItemBuilder,
+    bool allowSpecialItemWhenEmpty = false,
+    List<int> previewThumbSize,
+    SpecialPickerType specialPickerType,
+  })  : assert(
+          provider != null,
+          'AssetPickerProvider must be provided and not null.',
+        ),
+        assert(
+          pickerTheme == null || themeColor == null,
+          'Theme and theme color cannot be set at the same time.',
+        ),
+        super(
+          provider: provider,
+          gridCount: gridCount,
+          themeColor: themeColor,
+          textDelegate: textDelegate,
+          pickerTheme: pickerTheme,
+          specialItemPosition: specialItemPosition,
+          specialItemBuilder: specialItemBuilder,
+          allowSpecialItemWhenEmpty: allowSpecialItemWhenEmpty,
+          previewThumbSize: previewThumbSize,
+          specialPickerType: specialPickerType,
+        ) {
+    Constants.textDelegate = textDelegate ?? DefaultAssetsPickerTextDelegate();
+  }
+
+  @override
+  bool get isAppleOS => true;
+
+  @override
+  double get appleOSBlurRadius => 0;
+
+  /// The main grid view builder for assets.
+  /// 主要的资源查看列表部件
+  Widget assetsListBuilder(BuildContext context) {
+    return ColoredBox(
+      color: theme.canvasColor,
+      child: Selector<AssetPickerProvider<AssetEntity, AssetPathEntity>,
+          List<AssetEntity>>(
+        selector: (BuildContext _,
+                AssetPickerProvider<AssetEntity, AssetPathEntity> provider) =>
+            provider.currentAssets,
+        builder: (
+          BuildContext _,
+          List<AssetEntity> currentAssets,
+          Widget __,
+        ) {
+          return ListView.builder(
+            scrollDirection: Axis.horizontal,
+            physics: ClampingScrollPhysics(),
+            padding: EdgeInsets.zero,
+            itemCount: assetsGridItemCount(_, currentAssets),
+            itemBuilder: (BuildContext _, int index) {
+              return assetGridItemBuilder(_, index, currentAssets);
+            },
+          );
+        },
+      ),
+    );
+  }
+
+  @override
+  Widget assetGridItemBuilder(
+      BuildContext context, int index, List<AssetEntity> assets) {
+    return Padding(
+      padding: EdgeInsets.only(left: index != 0 ? 4 : 0),
+      child: AspectRatio(
+        aspectRatio: 0.5,
+        child: super.assetGridItemBuilder(context, index, assets),
+      ),
+    );
+  }
+
+  @override
+  int assetsGridItemCount(
+    BuildContext context,
+    List<AssetEntity> currentAssets,
+  ) {
+    final AssetPathEntity currentPathEntity =
+        Provider.of<DefaultAssetPickerProvider>(
+      context,
+      listen: false,
+    ).currentPathEntity;
+
+    if (currentPathEntity == null &&
+        specialItemPosition != SpecialItemPosition.none) {
+      return 1;
+    }
+
+    /// Return actual length if current path is all.
+    /// 如果当前目录是全部内容，则返回实际的内容数量。
+    if (!(currentPathEntity?.isAll ?? false)) {
+      return currentAssets?.length ?? 0;
+    }
+    int length;
+    switch (specialItemPosition) {
+      case SpecialItemPosition.none:
+        length = currentAssets.length;
+        break;
+      case SpecialItemPosition.prepend:
+      case SpecialItemPosition.append:
+        length = currentAssets.length + 1;
+        break;
+    }
+    return length;
+  }
+
+  /// It'll pop with [AssetPickerProvider.selectedAssets]
+  /// when there're any assets chosen.
+  /// 当有资源已选时，点击按钮将把已选资源通过路由返回。
+  @override
+  Widget confirmButton(BuildContext context) {
+    final zefyrTheme = ZefyrTheme.of(context).toolbarTheme;
+    final toolbar = ZefyrToolbar.of(context);
+    return Consumer<DefaultAssetPickerProvider>(
+      builder: (
+        BuildContext _,
+        DefaultAssetPickerProvider provider,
+        Widget __,
+      ) {
+        return FlatButton(
+          minWidth: provider.isSelectedNotEmpty ? 48.0 : 20.0,
+          height: appBarItemHeight,
+          shape: StadiumBorder(),
+          padding: const EdgeInsets.symmetric(horizontal: 12.0),
+          color: provider.isSelectedNotEmpty
+              ? zefyrTheme.toggleColor
+              : zefyrTheme.disabledIconColor,
+          child: Text(
+            provider.isSelectedNotEmpty && !isSingleAssetMode
+                ? '${Constants.textDelegate.confirm}'
+                    '(${provider.selectedAssets.length}/${provider.maxAssets})'
+                : Constants.textDelegate.confirm,
+            style: TextStyle(
+              color: Colors.white,
+              fontSize: 16.0,
+              fontWeight: FontWeight.normal,
+            ),
+          ),
+          onPressed: () async {
+            if (provider.isSelectedNotEmpty) {
+              toolbar.editor.closeKeyboard(true);
+              for (var asset in provider.selectedAssets) {
+                var file = await asset.originFile;
+                final image = await toolbar.editor.imageDelegate.picked(
+                    file, (provider as ExtendedAssetPickerProvider).fullImage);
+                if (image != null) {
+                  toolbar.editor
+                      .formatSelection(NotusAttribute.embed.image(image));
+                  toolbar.editor.closeKeyboard();
+                }
+              }
+            }
+          },
+          materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
+        );
+      },
+    );
+  }
+
+  Widget fullImageButton(BuildContext context) {
+    final zefyrTheme = ZefyrTheme.of(context).toolbarTheme;
+    return Selector<DefaultAssetPickerProvider, bool>(
+      selector: (BuildContext _, DefaultAssetPickerProvider provider) =>
+          (provider as ExtendedAssetPickerProvider).fullImage,
+      builder: (BuildContext _, bool fullImage, Widget __) {
+        return GestureDetector(
+          onTap: () {
+            (provider as ExtendedAssetPickerProvider).fullImage = !fullImage;
+          },
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Container(
+                // margin: EdgeInsets.all(Screens.width / gridCount / 15.0),
+                width: 18,
+                height: 18,
+                alignment: Alignment.center,
+                child: AnimatedContainer(
+                  duration: switchingPathDuration,
+                  width: 18,
+                  height: 18,
+                  decoration: BoxDecoration(
+                    border: Border.all(
+                        color: fullImage
+                            ? zefyrTheme.toggleColor
+                            : zefyrTheme.disabledIconColor,
+                        width: 2.0),
+                    color: null,
+                    shape: BoxShape.circle,
+                  ),
+                  child: AnimatedSwitcher(
+                    duration: switchingPathDuration,
+                    reverseDuration: switchingPathDuration,
+                    child: fullImage
+                        ? Container(
+                            width: 10,
+                            height: 10,
+                            decoration: BoxDecoration(
+                              color: zefyrTheme.toggleColor,
+                              shape: BoxShape.circle,
+                            ),
+                          )
+                        : const SizedBox.shrink(),
+                  ),
+                ),
+              ),
+              SizedBox(
+                width: 8,
+              ),
+              Text(
+                Constants.textDelegate.original,
+                style: TextStyle(
+                  color: zefyrTheme.iconColor,
+                  fontSize: 16.0,
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  /// Action bar widget aligned to bottom.
+  /// 底部操作栏部件
+  @override
+  Widget bottomActionBar(BuildContext context) {
+    final zefyrTheme = ZefyrTheme.of(context).toolbarTheme;
+    return Container(
+      height: kToolbarHeight + Screens.bottomSafeHeight,
+      color: zefyrTheme.color,
+      padding: EdgeInsets.symmetric(horizontal: 20).copyWith(
+        bottom: Screens.bottomSafeHeight,
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          fullImageButton(context),
+          confirmButton(context),
+        ],
+      ),
+    );
+  }
+  
+  @override
+  Widget selectIndicator(BuildContext context, AssetEntity asset) {
+    final zefyrTheme = ZefyrTheme.of(context).toolbarTheme;
+    if (isSingleAssetMode) {
+      return Container();
+    }
+    return Selector<DefaultAssetPickerProvider, List<AssetEntity>>(
+      selector: (BuildContext _, DefaultAssetPickerProvider provider) =>
+          provider.selectedAssets,
+      builder: (BuildContext _, List<AssetEntity> selectedAssets, Widget __) {
+        final bool selected = selectedAssets.contains(asset);
+        final double indicatorSize = Screens.width / gridCount / 3;
+        return Positioned(
+          top: 0.0,
+          right: 0.0,
+          child: GestureDetector(
+            behavior: HitTestBehavior.opaque,
+            onTap: () {
+              if (selected) {
+                provider.unSelectAsset(asset);
+              } else {
+                if (isSingleAssetMode) {
+                  provider.selectedAssets.clear();
+                }
+                provider.selectAsset(asset);
+              }
+            },
+            child: Container(
+              margin: EdgeInsets.all(Screens.width / gridCount / 15.0),
+              width: indicatorSize,
+              height: indicatorSize,
+              alignment: AlignmentDirectional.topEnd,
+              child: AnimatedContainer(
+                duration: switchingPathDuration,
+                width: indicatorSize / 1.5,
+                height: indicatorSize / 1.5,
+                decoration: BoxDecoration(
+                  border: !selected
+                      ? Border.all(color: Colors.white, width: 2.0)
+                      : null,
+                  color: selected ? zefyrTheme.toggleColor : null,
+                  shape: BoxShape.circle,
+                ),
+                child: AnimatedSwitcher(
+                  duration: switchingPathDuration,
+                  reverseDuration: switchingPathDuration,
+                  child: selected
+                      ? isSingleAssetMode
+                          ? const Icon(Icons.check, size: 18.0)
+                          : Text(
+                              '${selectedAssets.indexOf(asset) + 1}',
+                              style: TextStyle(
+                                color: selected
+                                    ? Colors.white
+                                    : null,
+                                fontSize: 14.0,
+                                fontWeight: isAppleOS
+                                    ? FontWeight.w600
+                                    : FontWeight.bold,
+                              ),
+                            )
+                      : const SizedBox.shrink(),
+                ),
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  @override
+  Widget selectedBackdrop(BuildContext context, int index, AssetEntity asset) {
+    return Selector<DefaultAssetPickerProvider, List<AssetEntity>>(
+      selector: (BuildContext _, DefaultAssetPickerProvider provider) =>
+          provider.selectedAssets,
+      builder: (BuildContext _, List<AssetEntity> selectedAssets, Widget __) {
+        final bool selected = selectedAssets.contains(asset);
+        return Positioned.fill(
+          child: GestureDetector(
+            onTap: () async {
+              if (isSingleAssetMode) {
+                Navigator.of(context).pop(AssetPickerEntity(
+                  assets: [asset],
+                  isFullImage: (provider as ExtendedAssetPickerProvider).fullImage,
+                ));
+                return;
+              }
+              final List<AssetEntity> result =
+                  await ExtendedAssetPickerViewer.pushToViewer(
+                context,
+                currentIndex: index,
+                previewAssets: provider.currentAssets,
+                previewThumbSize: previewThumbSize,
+                selectedAssets: provider.selectedAssets,
+                selectorProvider: provider as ExtendedAssetPickerProvider,
+                themeData: theme,
+              );
+              if (result != null) {
+                Navigator.of(context).pop(AssetPickerEntity(
+                  assets: result,
+                  isFullImage: (provider as ExtendedAssetPickerProvider).fullImage,
+                ));
+              }
+            },
+            child: AnimatedContainer(
+              duration: switchingPathDuration,
+              color: selected
+                  ? Colors.black.withOpacity(0.45)
+                  : Colors.black.withOpacity(0.1),
+            ),
+          ), // 点击预览同目录下所有资源
+        );
+      },
+    );
+  }
+
+  /// Yes, the build method.
+  /// 没错，是它是它就是它，我们亲爱的 build 方法~
+  @override
+  Widget build(BuildContext context) {
+    final zefyrTheme = ZefyrTheme.of(context).toolbarTheme;
+    final toolbar = ZefyrToolbar.of(context);
+    return AnnotatedRegion<SystemUiOverlayStyle>(
+      value: overlayStyle,
+      child: Theme(
+        data: theme,
+        child: ChangeNotifierProvider<
+            AssetPickerProvider<AssetEntity, AssetPathEntity>>.value(
+          value: provider,
+          child: Material(
+            color: theme.canvasColor,
+            child: Container(
+              child: Column(
+                children: <Widget>[
+                  Expanded(
+                    child: Container(
+                      decoration: BoxDecoration(
+                        border: Border(
+                          top: BorderSide(color: theme.dividerColor, width: 1),
+                          bottom:
+                              BorderSide(color: theme.dividerColor, width: 1),
+                        ),
+                      ),
+                      child: Row(
+                        children: [
+                          Container(
+                            width: 58,
+                            child: Column(
+                              children: [
+                                Expanded(
+                                  child: FlatButton(
+                                      shape: RoundedRectangleBorder(),
+                                      color: zefyrTheme.captionColor,
+                                      padding: EdgeInsets.zero,
+                                      onPressed: () {
+                                        ExtendedAssetPicker.getImageFromCamera()
+                                            .then((result) {
+                                          if (result != null) {
+                                            toolbar.closeOverlay();
+                                            toolbar.editor.imageDelegate.picked(result, true);
+                                          }
+                                        });
+                                      },
+                                      child: Container(
+                                        child: Column(
+                                          mainAxisAlignment:
+                                              MainAxisAlignment.center,
+                                          children: [
+                                            Icon(
+                                              kDefaultButtonIcons[
+                                                  ZefyrToolbarAction
+                                                      .cameraImage],
+                                              size: 24,
+                                              color: Color(0xFFBFBFBF),
+                                            ),
+                                            Padding(
+                                              padding: EdgeInsets.only(top: 6),
+                                              child: Text(
+                                                (Constants.textDelegate
+                                                        as ExtendedAssetsPickerTextDelegate)
+                                                    .camera,
+                                                style: TextStyle(
+                                                  fontSize: 12,
+                                                  color: Color(0xFF8C8C8C),
+                                                ),
+                                              ),
+                                            )
+                                          ],
+                                        ),
+                                      )),
+                                ),
+                                Expanded(
+                                  child: FlatButton(
+                                      shape: RoundedRectangleBorder(),
+                                      color: zefyrTheme.captionColor,
+                                      padding: EdgeInsets.zero,
+                                      onPressed: () {
+                                        final editor =
+                                            ZefyrToolbar.of(context).editor;
+                                        // var _selection = toolbar.editor.selection;
+                                        editor.closeKeyboard(true);
+                                        ExtendedAssetPicker.pickAssets(context,
+                                                requestType: RequestType.image)
+                                            .then((result) async {
+                                          if (result != null) {
+                                            for (var asset in result.assets) {
+                                              var file = await asset.originFile;
+                                              final image = await editor
+                                                  .imageDelegate
+                                                  .picked(
+                                                      file, result.isFullImage);
+                                              if (image != null) {
+                                                editor.formatSelection(
+                                                    NotusAttribute.embed
+                                                        .image(image));
+                                                editor.closeKeyboard();
+                                              }
+                                            }
+                                          }
+                                        });
+                                      },
+                                      child: Container(
+                                        child: Column(
+                                          mainAxisAlignment:
+                                              MainAxisAlignment.center,
+                                          children: [
+                                            Icon(
+                                              kDefaultButtonIcons[
+                                                  ZefyrToolbarAction
+                                                      .galleryImage],
+                                              size: 24,
+                                              color: Color(0xFFBFBFBF),
+                                            ),
+                                            Padding(
+                                              padding: EdgeInsets.only(top: 6),
+                                              child: Text(
+                                                (Constants.textDelegate
+                                                        as ExtendedAssetsPickerTextDelegate)
+                                                    .album,
+                                                style: TextStyle(
+                                                  fontSize: 12,
+                                                  color: Color(0xFF8C8C8C),
+                                                ),
+                                              ),
+                                            )
+                                          ],
+                                        ),
+                                      )),
+                                ),
+                              ],
+                            ),
+                          ),
+                          Expanded(
+                            child: Listener(
+                              behavior: HitTestBehavior.translucent,
+                              onPointerUp: (PointerUpEvent event) {
+                                toolbar.editor.keepOverlay = true;
+                              },
+                              child: assetsListBuilder(context),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                  bottomActionBar(context),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

packages/zefyr/lib/src/extended_assets_picker/src/delegate/asset_picker_sort_delegate.dart

@@ -0,0 +1,65 @@
+part of ct_assets_picker;
+
+// TODO(lucky1213): 此处需修改翻译
+class CustomSortPathDelegate extends SortPathDelegate {
+  const CustomSortPathDelegate();
+
+  @override
+  void sort(List<AssetPathEntity> list) {
+    for (final AssetPathEntity entity in list) {
+      if (entity.isAll) {
+        entity.name = '图片和视频';
+      } else if (_isVideo(entity)) {
+        entity.name = '全部视频';
+      } else if (_isCamera(entity)) {
+        entity.name = '相机';
+      } else if (_isScreenShot(entity)) {
+        entity.name = '截图';
+      }
+    }
+    list.sort((AssetPathEntity path1, AssetPathEntity path2) {
+      if (path1.isAll) {
+        return -1;
+      }
+      if (path2.isAll) {
+        return 1;
+      }
+      if (_isCamera(path1)) {
+        return -1;
+      }
+      if (_isCamera(path2)) {
+        return 1;
+      }
+      if (_isVideo(path1)) {
+        return -1;
+      }
+      if (_isVideo(path2)) {
+        return 1;
+      }
+      if (_isScreenShot(path1)) {
+        return -1;
+      }
+      if (_isScreenShot(path2)) {
+        return 1;
+      }
+      return otherSort(path1, path2);
+    });
+  }
+
+  int otherSort(AssetPathEntity path1, AssetPathEntity path2) {
+    return path1.name.compareTo(path2.name);
+  }
+
+  bool _isCamera(AssetPathEntity entity) {
+    return entity.name.toUpperCase() == 'camera'.toUpperCase();
+  }
+
+  bool _isScreenShot(AssetPathEntity entity) {
+    return entity.name.toUpperCase() == 'screenshots'.toUpperCase() ||
+        entity.name.toUpperCase() == 'screenshot'.toUpperCase();
+  }
+
+  bool _isVideo(AssetPathEntity entity) {
+    return entity.name.toUpperCase() == 'Videos'.toUpperCase();
+  }
+}

packages/zefyr/lib/src/extended_assets_picker/src/delegate/asset_picker_text_delegate.dart

@@ -0,0 +1,132 @@
+part of ct_assets_picker;
+
+/// Default text delegate implements with Chinese.
+/// 中文文字实现
+abstract class ExtendedAssetsPickerTextDelegate
+    extends AssetsPickerTextDelegate {
+  String camera;
+
+  String album;
+}
+
+/// Default text delegate implements with Chinese.
+/// 中文文字实现
+class ExtendedChineseTextDelegate implements ExtendedAssetsPickerTextDelegate {
+  factory ExtendedChineseTextDelegate() => _instance;
+
+  ExtendedChineseTextDelegate._internal();
+
+  static final ExtendedChineseTextDelegate _instance =
+      ExtendedChineseTextDelegate._internal();
+
+  @override
+  String camera = '拍照';
+
+  @override
+  String album = '相册';
+
+  @override
+  String confirm = '上传';
+
+  @override
+  String cancel = '取消';
+
+  @override
+  String edit = '编辑';
+
+  @override
+  String emptyPlaceHolder = '这里空空如也';
+
+  @override
+  String gifIndicator = 'GIF';
+
+  @override
+  String heicNotSupported = '尚未支持HEIC类型资源';
+
+  @override
+  String loadFailed = '加载失败';
+
+  @override
+  String original = '原图';
+
+  @override
+  String preview = '预览';
+
+  @override
+  String select = '选择';
+
+  @override
+  String unSupportedAssetType = '尚未支持的资源类型';
+
+  @override
+  String durationIndicatorBuilder(Duration duration) {
+    const String separator = ':';
+    final String minute = duration.inMinutes.toString().padLeft(2, '0');
+    final String second =
+        ((duration - Duration(minutes: duration.inMinutes)).inSeconds)
+            .toString()
+            .padLeft(2, '0');
+    return '$minute$separator$second';
+  }
+}
+
+/// [AssetsPickerTextDelegate] implements with English.
+/// 英文文字实现
+class ExtendedEnglishTextDelegate implements ExtendedAssetsPickerTextDelegate {
+  factory ExtendedEnglishTextDelegate() => _instance;
+
+  ExtendedEnglishTextDelegate._internal();
+
+  static final ExtendedEnglishTextDelegate _instance =
+      ExtendedEnglishTextDelegate._internal();
+
+  @override
+  String camera = 'Camera';
+
+  @override
+  String album = 'Album';
+
+  @override
+  String confirm = 'Upload';
+
+  @override
+  String cancel = 'Cancel';
+
+  @override
+  String edit = 'Edit';
+
+  @override
+  String emptyPlaceHolder = 'Nothing here...';
+
+  @override
+  String gifIndicator = 'GIF';
+
+  @override
+  String heicNotSupported = 'Unsupported HEIC asset type.';
+
+  @override
+  String loadFailed = 'Load failed';
+
+  @override
+  String original = 'Full Image';
+
+  @override
+  String preview = 'Preview';
+
+  @override
+  String select = 'Select';
+
+  @override
+  String unSupportedAssetType = 'Unsupported HEIC asset type.';
+
+  @override
+  String durationIndicatorBuilder(Duration duration) {
+    const String separator = ':';
+    final String minute = duration.inMinutes.toString().padLeft(2, '0');
+    final String second =
+        ((duration - Duration(minutes: duration.inMinutes)).inSeconds)
+            .toString()
+            .padLeft(2, '0');
+    return '$minute$separator$second';
+  }
+}

packages/zefyr/lib/src/extended_assets_picker/src/delegate/asset_picker_viewer_builder_delegate.dart

@@ -0,0 +1,520 @@
+part of ct_assets_picker;
+
+class ExtendedAssetPickerViewerBuilderDelegate
+    extends DefaultAssetPickerViewerBuilderDelegate {
+  ExtendedAssetPickerViewerBuilderDelegate({
+    @required int currentIndex,
+    @required List<AssetEntity> previewAssets,
+    @required AssetPickerViewerProvider<AssetEntity> provider,
+    @required ThemeData themeData,
+    List<AssetEntity> selectedAssets,
+    AssetPickerProvider<AssetEntity, AssetPathEntity> selectorProvider,
+    List<int> previewThumbSize,
+    SpecialPickerType specialPickerType,
+  }) : super(
+          currentIndex: currentIndex,
+          previewAssets: previewAssets,
+          provider: provider,
+          themeData: themeData,
+          selectedAssets: selectedAssets,
+          selectorProvider: selectorProvider,
+          previewThumbSize: previewThumbSize,
+          specialPickerType: specialPickerType,
+        );
+
+  /// Whether the current platform is Apple OS.
+  /// 当前平台是否为苹果系列系统
+  @override
+  bool get isAppleOS => false;
+
+  /// [Duration] when triggering path switching.
+  /// 切换路径时的动画时长
+  Duration get switchingPathDuration => kThemeAnimationDuration * 1.5;
+
+  /// [Curve] when triggering path switching.
+  /// 切换路径时的动画曲线
+  Curve get switchingPathCurve => Curves.easeInOut;
+
+  /// AppBar widget.
+  /// 顶栏部件
+  @override
+  Widget appBar(BuildContext context) {
+    return AnimatedPositioned(
+      duration: kThemeAnimationDuration,
+      curve: Curves.easeInOut,
+      top: isDisplayingDetail ? 0.0 : -(Screens.topSafeHeight + kToolbarHeight),
+      left: 0.0,
+      right: 0.0,
+      height: Screens.topSafeHeight + kToolbarHeight,
+      child: Container(
+        padding: EdgeInsets.only(top: Screens.topSafeHeight, right: 12.0),
+        color: themeData.canvasColor.withOpacity(0.85),
+        child: Row(
+          children: <Widget>[
+            const BackButton(),
+            if (!isAppleOS && specialPickerType == null)
+              StreamBuilder<int>(
+                initialData: currentIndex,
+                stream: pageStreamController.stream,
+                builder: (BuildContext _, AsyncSnapshot<int> snapshot) {
+                  if (previewAssets.isEmpty) {
+                    return Container();
+                  }
+                  return Text(
+                    '${snapshot.data + 1}/${previewAssets.length}',
+                    style: const TextStyle(
+                      fontSize: 18.0,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  );
+                },
+              ),
+            const Spacer(),
+            if (isAppleOS && provider != null) selectButton(context),
+            if (!isAppleOS && provider != null ||
+                specialPickerType == SpecialPickerType.wechatMoment)
+              confirmButton(context),
+          ],
+        ),
+      ),
+    );
+  }
+
+  /// Select button for apple OS.
+  /// 苹果系列系统的选择按钮
+  Widget _appleOSSelectButton(bool isSelected, AssetEntity asset) {
+    return Padding(
+      padding: const EdgeInsets.only(right: 10.0),
+      child: GestureDetector(
+        behavior: HitTestBehavior.opaque,
+        onTap: () {
+          if (isSelected) {
+            provider.unSelectAssetEntity(asset);
+          } else {
+            provider.selectAssetEntity(asset);
+          }
+        },
+        child: AnimatedContainer(
+          duration: kThemeAnimationDuration,
+          width: 28.0,
+          decoration: BoxDecoration(
+            border: !isSelected
+                ? Border.all(
+                    color: themeData.iconTheme.color,
+                  )
+                : null,
+            color: isSelected ? themeData.buttonColor : null,
+            shape: BoxShape.circle,
+          ),
+          child: Center(
+            child: isSelected
+                ? Text(
+                    (currentIndex + 1).toString(),
+                    style: const TextStyle(
+                      fontSize: 16.0,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  )
+                : const Icon(Icons.check, size: 20.0),
+          ),
+        ),
+      ),
+    );
+  }
+
+  /// Select button for Android.
+  /// 安卓系统的选择按钮
+  Widget _androidSelectButton(bool isSelected, AssetEntity asset) {
+    return RoundedCheckbox(
+      value: isSelected,
+      onChanged: (bool value) {
+        if (isSelected) {
+          provider.unSelectAssetEntity(asset);
+        } else {
+          provider.selectAssetEntity(asset);
+        }
+      },
+      materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
+    );
+  }
+
+  @override
+  Widget selectButton(BuildContext context) {
+    return Row(
+      children: <Widget>[
+        StreamBuilder<int>(
+          initialData: currentIndex,
+          stream: pageStreamController.stream,
+          builder: (BuildContext _, AsyncSnapshot<int> snapshot) {
+            return ChangeNotifierProvider<
+                AssetPickerViewerProvider<AssetEntity>>.value(
+              value: provider,
+              child: Selector<AssetPickerViewerProvider<AssetEntity>,
+                  List<AssetEntity>>(
+                selector: (
+                  BuildContext _,
+                  AssetPickerViewerProvider<AssetEntity> provider,
+                ) =>
+                    provider.currentlySelectedAssets,
+                builder: (
+                  BuildContext _,
+                  List<AssetEntity> currentlySelectedAssets,
+                  Widget __,
+                ) {
+                  final AssetEntity asset =
+                      previewAssets.elementAt(snapshot.data);
+                  final bool isSelected =
+                      currentlySelectedAssets.contains(asset);
+                  if (isAppleOS) {
+                    return _appleOSSelectButton(isSelected, asset);
+                  } else {
+                    return _androidSelectButton(isSelected, asset);
+                  }
+                },
+              ),
+            );
+          },
+        ),
+        if (!isAppleOS)
+          Text(
+            Constants.textDelegate.select,
+            style: const TextStyle(fontSize: 18.0),
+          ),
+      ],
+    );
+  }
+
+  /// It'll pop with [AssetPickerProvider.selectedAssets] when there're any
+  /// assets chosen. The [PhotoSelector] will recognize and pop too.
+  /// 当有资源已选时，点击按钮将把已选资源通过路由返回。
+  /// 资源选择器将识别并一同返回。
+  @override
+  Widget confirmButton(BuildContext context) {
+    return ChangeNotifierProvider<AssetPickerViewerProvider<AssetEntity>>.value(
+      value: provider,
+      child: Consumer<AssetPickerViewerProvider<AssetEntity>>(
+        builder: (
+          BuildContext _,
+          AssetPickerViewerProvider<AssetEntity> provider,
+          Widget __,
+        ) {
+          return FlatButton(
+            minWidth: () {
+              if (specialPickerType == SpecialPickerType.wechatMoment) {
+                return 48.0;
+              }
+              return provider.isSelectedNotEmpty ? 48.0 : 20.0;
+            }(),
+            height: 32.0,
+            padding: const EdgeInsets.symmetric(horizontal: 12.0),
+            color: () {
+              if (specialPickerType == SpecialPickerType.wechatMoment) {
+                return themeData.colorScheme.secondary;
+              }
+              return provider.isSelectedNotEmpty
+                  ? themeData.colorScheme.primary
+                  : themeData.dividerColor;
+            }(),
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(3.0),
+            ),
+            child: Text(
+              () {
+                if (specialPickerType == SpecialPickerType.wechatMoment) {
+                  return Constants.textDelegate.confirm;
+                }
+                if (provider.isSelectedNotEmpty) {
+                  return '${Constants.textDelegate.confirm}'
+                      '(${provider.currentlySelectedAssets.length}'
+                      '/'
+                      '${selectorProvider.maxAssets})';
+                }
+                return Constants.textDelegate.confirm;
+              }(),
+              style: TextStyle(
+                color: () {
+                  if (specialPickerType == SpecialPickerType.wechatMoment) {
+                    return themeData.textTheme.bodyText1.color;
+                  }
+                  return provider.isSelectedNotEmpty
+                      ? themeData.colorScheme.onPrimary
+                      : themeData.textTheme.caption.color;
+                }(),
+                fontSize: 17.0,
+                fontWeight: FontWeight.normal,
+              ),
+            ),
+            onPressed: () {
+              if (specialPickerType == SpecialPickerType.wechatMoment) {
+                Navigator.of(context).pop(<AssetEntity>[currentAsset]);
+                return;
+              }
+              if (provider.isSelectedNotEmpty) {
+                Navigator.of(context).pop(provider.currentlySelectedAssets);
+              }
+            },
+            materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
+          );
+        },
+      ),
+    );
+  }
+
+  /// Preview item widgets for audios.
+  /// 音频的底部预览部件
+  Widget _audioPreviewItem(AssetEntity asset) {
+    return ColoredBox(
+      color: themeData?.dividerColor,
+      child: const Center(child: Icon(Icons.audiotrack)),
+    );
+  }
+
+  /// Preview item widgets for images.
+  /// 音频的底部预览部件
+  Widget _imagePreviewItem(AssetEntity asset) {
+    return Positioned.fill(
+      child: RepaintBoundary(
+        child: ExtendedImage(
+          image: AssetEntityImageProvider(
+            asset,
+            isOriginal: false,
+          ),
+          fit: BoxFit.cover,
+        ),
+      ),
+    );
+  }
+
+  /// Preview item widgets for video.
+  /// 音频的底部预览部件
+  Widget _videoPreviewItem(AssetEntity asset) {
+    return Positioned.fill(
+      child: Stack(
+        children: <Widget>[
+          _imagePreviewItem(asset),
+          Center(
+            child: Icon(
+              Icons.video_library,
+              color: themeData.colorScheme.surface.withOpacity(0.54),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget fullImageButton(BuildContext context) {
+    return Selector<DefaultAssetPickerProvider, bool>(
+      selector: (BuildContext _, DefaultAssetPickerProvider provider) =>
+          (provider as ExtendedAssetPickerProvider).fullImage,
+      builder: (BuildContext _, bool fullImage, Widget __) {
+        return GestureDetector(
+          onTap: () {
+            (selectorProvider as ExtendedAssetPickerProvider).fullImage = !fullImage;
+          },
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Container(
+                // margin: EdgeInsets.all(Screens.width / gridCount / 15.0),
+                width: 18,
+                height: 18,
+                alignment: Alignment.center,
+                child: AnimatedContainer(
+                  duration: switchingPathDuration,
+                  width: 18,
+                  height: 18,
+                  decoration: BoxDecoration(
+                    border: Border.all(
+                        color: fullImage
+                            ? themeData.colorScheme.primary
+                            : themeData.unselectedWidgetColor,
+                        width: 2.0),
+                    color: null,
+                    shape: BoxShape.circle,
+                  ),
+                  child: AnimatedSwitcher(
+                    duration: switchingPathDuration,
+                    reverseDuration: switchingPathDuration,
+                    child: fullImage
+                        ? Container(
+                            width: 10,
+                            height: 10,
+                            decoration: BoxDecoration(
+                              color: themeData.colorScheme.primary,
+                              shape: BoxShape.circle,
+                            ),
+                          )
+                        : const SizedBox.shrink(),
+                  ),
+                ),
+              ),
+              SizedBox(
+                width: 8,
+              ),
+              Text(
+                Constants.textDelegate.original,
+                style: TextStyle(
+                  color: themeData.textTheme.caption.color,
+                  fontSize: 18.0,
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  @override
+  Widget bottomDetailBuilder(BuildContext context) {
+    return AnimatedPositioned(
+      duration: kThemeAnimationDuration,
+      curve: Curves.easeInOut,
+      bottom: isDisplayingDetail
+          ? 0.0
+          : -(Screens.bottomSafeHeight + bottomDetailHeight),
+      left: 0.0,
+      right: 0.0,
+      height: Screens.bottomSafeHeight + bottomDetailHeight,
+      child: Container(
+        padding: EdgeInsets.only(bottom: Screens.bottomSafeHeight),
+        color: themeData.canvasColor.withOpacity(0.85),
+        child: Column(
+          children: <Widget>[
+            ChangeNotifierProvider<
+                AssetPickerViewerProvider<AssetEntity>>.value(
+              value: provider,
+              child: SizedBox(
+                height: 90.0,
+                child: Selector<AssetPickerViewerProvider<AssetEntity>,
+                  List<AssetEntity>>(
+                selector: (
+                  BuildContext _,
+                  AssetPickerViewerProvider<AssetEntity> provider,
+                ) =>
+                    provider.currentlySelectedAssets,
+                builder: (
+                  BuildContext _,
+                  List<AssetEntity> currentlySelectedAssets,
+                  Widget __,
+                ) {
+                    return ListView.builder(
+                      scrollDirection: Axis.horizontal,
+                      padding: const EdgeInsets.symmetric(horizontal: 5.0),
+                      itemCount: currentlySelectedAssets.length,
+                      itemBuilder: bottomDetailItemBuilder,
+                    );
+                  },
+                ),
+              ),
+            ),
+            Container(
+              height: 1.0,
+              color: themeData.dividerColor,
+            ),
+            Expanded(
+              child: Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 20.0),
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: <Widget>[
+                    // const Spacer(),
+                    fullImageButton(context),
+                    if (isAppleOS && provider != null)
+                      ChangeNotifierProvider<
+                          AssetPickerViewerProvider<AssetEntity>>.value(
+                        value: provider,
+                        child: confirmButton(context),
+                      )
+                    else
+                      selectButton(context),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  @override
+  Widget bottomDetailItemBuilder(BuildContext context, int index) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 16.0),
+      child: AspectRatio(
+        aspectRatio: 1.0,
+        child: StreamBuilder<int>(
+          initialData: currentIndex,
+          stream: pageStreamController.stream,
+          builder: (BuildContext _, AsyncSnapshot<int> snapshot) {
+            final AssetEntity asset = provider.currentlySelectedAssets.elementAt(index);
+            final bool isViewing = asset == currentAsset;
+            return GestureDetector(
+              onTap: () {
+                if (!isViewing) {
+                  pageController.jumpToPage(previewAssets.indexWhere((e) => e.id == asset.id));
+                }
+              },
+              child: Selector<AssetPickerViewerProvider<AssetEntity>,
+                  List<AssetEntity>>(
+                selector: (
+                  BuildContext _,
+                  AssetPickerViewerProvider<AssetEntity> provider,
+                ) =>
+                    provider.currentlySelectedAssets,
+                builder: (
+                  BuildContext _,
+                  List<AssetEntity> currentlySelectedAssets,
+                  Widget __,
+                ) {
+                  final bool isSelected =
+                      currentlySelectedAssets.contains(asset);
+                  return Stack(
+                    children: <Widget>[
+                      () {
+                        Widget item;
+                        switch (asset.type) {
+                          case AssetType.other:
+                            item = const SizedBox.shrink();
+                            break;
+                          case AssetType.image:
+                            item = _imagePreviewItem(asset);
+                            break;
+                          case AssetType.video:
+                            item = _videoPreviewItem(asset);
+                            break;
+                          case AssetType.audio:
+                            item = _audioPreviewItem(asset);
+                            break;
+                        }
+                        return item;
+                      }(),
+                      AnimatedContainer(
+                        duration: kThemeAnimationDuration,
+                        curve: Curves.easeInOut,
+                        decoration: BoxDecoration(
+                          border: isViewing
+                              ? Border.all(
+                                  color: themeData.colorScheme.primary,
+                                  width: 2.0,
+                                )
+                              : null,
+                          color: isSelected
+                              ? null
+                              : themeData.colorScheme.surface.withOpacity(0.54),
+                        ),
+                      ),
+                    ],
+                  );
+                },
+              ),
+            );
+          },
+        ),
+      ),
+    );
+  }
+}

packages/zefyr/lib/src/extended_assets_picker/src/entity/asset_picker_entity.dart

@@ -0,0 +1,10 @@
+part of ct_assets_picker;
+
+class AssetPickerEntity {
+  const AssetPickerEntity({
+    @required this.assets,
+    @required this.isFullImage,
+  });
+  final List<AssetEntity> assets;
+  final bool isFullImage;
+}

packages/zefyr/lib/src/extended_assets_picker/src/provider/asset_picker_provider.dart

@@ -0,0 +1,37 @@
+part of ct_assets_picker;
+
+class ExtendedAssetPickerProvider extends DefaultAssetPickerProvider {
+  ExtendedAssetPickerProvider({
+    RequestType requestType = RequestType.image,
+    SortPathDelegate sortPathDelegate = SortPathDelegate.common,
+    FilterOptionGroup filterOptions,
+    int maxAssets = 9,
+    int pageSize = 320,
+    int pathThumbSize = 80,
+    List<AssetEntity> selectedAssets,
+    Duration routeDuration,
+  }) : _fullImage = maxAssets == 1, super(
+    requestType: requestType,
+    sortPathDelegate: sortPathDelegate,
+    filterOptions: filterOptions,
+    maxAssets: maxAssets,
+    pageSize: pageSize,
+    pathThumbSize: pathThumbSize,
+    selectedAssets: selectedAssets,
+    routeDuration: routeDuration,
+  );
+
+  /// 原图
+  bool _fullImage;
+
+  bool get fullImage => _fullImage;
+
+  set fullImage(bool value) {
+    assert(value != null);
+    if (value == _fullImage) {
+      return;
+    }
+    _fullImage = value;
+    notifyListeners();
+  }
+}

packages/zefyr/lib/src/extended_assets_picker/src/widget/asset_picker_viewer.dart

@@ -0,0 +1,64 @@
+part of ct_assets_picker;
+
+class ExtendedAssetPickerViewer<A, P> extends AssetPickerViewer<A, P> {
+  const ExtendedAssetPickerViewer({
+    Key key,
+    @required AssetPickerViewerBuilderDelegate<A, P> builder,
+  }) : super(key: key, builder: builder);
+
+  static Future<List<AssetEntity>> pushToViewer(
+    BuildContext context, {
+    int currentIndex = 0,
+    @required List<AssetEntity> previewAssets,
+    @required ThemeData themeData,
+    List<int> previewThumbSize,
+    List<AssetEntity> selectedAssets,
+    DefaultAssetPickerProvider selectorProvider,
+    SpecialPickerType specialPickerType,
+  }) async {
+    try {
+      final Widget viewer =
+          ChangeNotifierProvider<DefaultAssetPickerProvider>.value(
+        value: selectorProvider,
+        child: AssetPickerViewer<AssetEntity, AssetPathEntity>(
+          builder: ExtendedAssetPickerViewerBuilderDelegate(
+            currentIndex: currentIndex,
+            previewAssets: previewAssets,
+            provider: selectedAssets != null
+                ? AssetPickerViewerProvider<AssetEntity>(selectedAssets)
+                : null,
+            themeData: themeData,
+            previewThumbSize: previewThumbSize,
+            specialPickerType: specialPickerType,
+            selectedAssets: selectedAssets,
+            selectorProvider: selectorProvider,
+          ),
+        ),
+      );
+      final PageRouteBuilder<List<AssetEntity>> pageRoute =
+          PageRouteBuilder<List<AssetEntity>>(
+        pageBuilder: (
+          BuildContext context,
+          Animation<double> animation,
+          Animation<double> secondaryAnimation,
+        ) {
+          return viewer;
+        },
+        transitionsBuilder: (
+          BuildContext context,
+          Animation<double> animation,
+          Animation<double> secondaryAnimation,
+          Widget child,
+        ) {
+          return FadeTransition(opacity: animation, child: child);
+        },
+      );
+      final List<AssetEntity> result =
+          await Navigator.of(context).push<List<AssetEntity>>(pageRoute);
+      return result;
+    } catch (e) {
+      realDebugPrint('Error when calling assets picker viewer: $e');
+      return null;
+    }
+  }
+}

packages/zefyr/lib/src/extended_assets_picker/src/widget/rounded_check_box.dart

@@ -0,0 +1,283 @@
+part of ct_assets_picker;
+
+class RoundedCheckbox extends StatefulWidget {
+  const RoundedCheckbox({
+    Key key,
+    @required this.value,
+    this.tristate = false,
+    @required this.onChanged,
+    this.activeColor,
+    this.inactiveColor,
+    this.checkColor,
+    this.materialTapTargetSize,
+  })  : assert(tristate != null),
+        assert(tristate || value != null),
+        super(key: key);
+
+  final bool value;
+
+  final ValueChanged<bool> onChanged;
+
+  final Color activeColor;
+
+  final Color inactiveColor;
+
+  final Color checkColor;
+
+  final bool tristate;
+
+  final MaterialTapTargetSize materialTapTargetSize;
+
+  static const double width = 18.0;
+
+  @override
+  _RoundedCheckboxState createState() => _RoundedCheckboxState();
+}
+
+class _RoundedCheckboxState extends State<RoundedCheckbox>
+    with TickerProviderStateMixin {
+  @override
+  Widget build(BuildContext context) {
+    assert(debugCheckHasMaterial(context));
+    final ThemeData themeData = Theme.of(context);
+    Size size;
+    switch (widget.materialTapTargetSize ?? themeData.materialTapTargetSize) {
+      case MaterialTapTargetSize.padded:
+        size = const Size(
+            2 * kRadialReactionRadius + 8.0, 2 * kRadialReactionRadius + 8.0);
+        break;
+      case MaterialTapTargetSize.shrinkWrap:
+        size = const Size(2 * kRadialReactionRadius, 2 * kRadialReactionRadius);
+        break;
+    }
+    final BoxConstraints additionalConstraints = BoxConstraints.tight(size);
+    return _CheckboxRenderObjectWidget(
+      value: widget.value,
+      tristate: widget.tristate,
+      activeColor: widget.activeColor ?? themeData.toggleableActiveColor,
+      checkColor: widget.checkColor ?? const Color(0xFFFFFFFF),
+      inactiveColor: widget.inactiveColor ??
+          (widget.onChanged != null
+              ? themeData.unselectedWidgetColor
+              : themeData.disabledColor),
+      onChanged: widget.onChanged,
+      additionalConstraints: additionalConstraints,
+      vsync: this,
+    );
+  }
+}
+
+class _CheckboxRenderObjectWidget extends LeafRenderObjectWidget {
+  const _CheckboxRenderObjectWidget({
+    Key key,
+    @required this.value,
+    @required this.tristate,
+    @required this.activeColor,
+    @required this.checkColor,
+    @required this.inactiveColor,
+    @required this.onChanged,
+    @required this.vsync,
+    @required this.additionalConstraints,
+  })  : assert(tristate != null),
+        assert(tristate || value != null),
+        assert(activeColor != null),
+        assert(inactiveColor != null),
+        assert(vsync != null),
+        super(key: key);
+
+  final bool value;
+  final bool tristate;
+  final Color activeColor;
+  final Color checkColor;
+  final Color inactiveColor;
+  final ValueChanged<bool> onChanged;
+  final TickerProvider vsync;
+  final BoxConstraints additionalConstraints;
+
+  @override
+  _RenderCheckbox createRenderObject(BuildContext context) => _RenderCheckbox(
+        value: value,
+        tristate: tristate,
+        activeColor: activeColor,
+        checkColor: checkColor,
+        inactiveColor: inactiveColor,
+        onChanged: onChanged,
+        vsync: vsync,
+        additionalConstraints: additionalConstraints,
+      );
+
+  @override
+  void updateRenderObject(BuildContext context, _RenderCheckbox renderObject) {
+    renderObject
+      ..value = value
+      ..tristate = tristate
+      ..activeColor = activeColor
+      ..checkColor = checkColor
+      ..inactiveColor = inactiveColor
+      ..onChanged = onChanged
+      ..additionalConstraints = additionalConstraints
+      ..vsync = vsync;
+  }
+}
+
+const double _kEdgeSize = RoundedCheckbox.width;
+const Radius _kEdgeRadius = Radius.circular(123546);
+const double _kStrokeWidth = 2.0;
+
+class _RenderCheckbox extends RenderToggleable {
+  _RenderCheckbox({
+    bool value,
+    bool tristate,
+    Color activeColor,
+    this.checkColor,
+    Color inactiveColor,
+    BoxConstraints additionalConstraints,
+    ValueChanged<bool> onChanged,
+    @required TickerProvider vsync,
+  })  : _oldValue = value,
+        super(
+          value: value,
+          tristate: tristate,
+          activeColor: activeColor,
+          inactiveColor: inactiveColor,
+          onChanged: onChanged,
+          additionalConstraints: additionalConstraints,
+          vsync: vsync,
+        );
+
+  bool _oldValue;
+  Color checkColor;
+
+  @override
+  set value(bool newValue) {
+    if (newValue == value) {
+      return;
+    }
+    _oldValue = value;
+    super.value = newValue;
+  }
+
+  @override
+  void describeSemanticsConfiguration(SemanticsConfiguration config) {
+    super.describeSemanticsConfiguration(config);
+    config.isChecked = value == true;
+  }
+
+  RRect _outerRectAt(Offset origin, double t) {
+    final double inset = 1.0 - (t - 0.5).abs() * 2.0;
+    final double size = _kEdgeSize - inset * _kStrokeWidth;
+    final Rect rect =
+        Rect.fromLTWH(origin.dx + inset, origin.dy + inset, size, size);
+    return RRect.fromRectAndRadius(rect, _kEdgeRadius);
+  }
+
+  Color _colorAt(double t) {
+    return onChanged == null
+        ? inactiveColor
+        : (t >= 0.25
+            ? activeColor
+            : Color.lerp(inactiveColor, activeColor, t * 4.0));
+  }
+
+  void _initStrokePaint(Paint paint) {
+    paint
+      ..color = checkColor
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = _kStrokeWidth;
+  }
+
+  void _drawBorder(Canvas canvas, RRect outer, double t, Paint paint) {
+    assert(t >= 0.0 && t <= 0.5);
+    final double size = outer.width;
+    final RRect inner =
+        outer.deflate(math.min(size / 2.0, _kStrokeWidth + size * t));
+    canvas.drawDRRect(outer, inner, paint);
+  }
+
+  void _drawCheck(Canvas canvas, Offset origin, double t, Paint paint) {
+    assert(t >= 0.0 && t <= 1.0);
+    final Path path = Path();
+    const double size = _kEdgeSize - 2;
+    const Offset start = Offset(size * 0.2, size * 0.55);
+    const Offset mid = Offset(size * 0.45, size * 0.8);
+    const Offset end = Offset(size * 0.9, size * 0.35);
+    if (t < 0.5) {
+      final double strokeT = t * 2.0;
+      final Offset drawMid = Offset.lerp(start, mid, strokeT);
+      path.moveTo(origin.dx + start.dx, origin.dy + start.dy);
+      path.lineTo(origin.dx + drawMid.dx, origin.dy + drawMid.dy);
+    } else {
+      final double strokeT = (t - 0.5) * 2.0;
+      final Offset drawEnd = Offset.lerp(mid, end, strokeT);
+      path.moveTo(origin.dx + start.dx, origin.dy + start.dy);
+      path.lineTo(origin.dx + mid.dx, origin.dy + mid.dy);
+      path.lineTo(origin.dx + drawEnd.dx, origin.dy + drawEnd.dy);
+    }
+    canvas.drawPath(path, paint);
+  }
+
+  void _drawDash(Canvas canvas, Offset origin, double t, Paint paint) {
+    assert(t >= 0.0 && t <= 1.0);
+    const Offset start = Offset(_kEdgeSize * 0.2, _kEdgeSize * 0.5);
+    const Offset mid = Offset(_kEdgeSize * 0.5, _kEdgeSize * 0.5);
+    const Offset end = Offset(_kEdgeSize * 0.8, _kEdgeSize * 0.5);
+    final Offset drawStart = Offset.lerp(start, mid, 1.0 - t);
+    final Offset drawEnd = Offset.lerp(mid, end, t);
+    canvas.drawLine(origin + drawStart, origin + drawEnd, paint);
+  }
+
+  @override
+  void paint(PaintingContext context, Offset offset) {
+    final Canvas canvas = context.canvas;
+    paintRadialReaction(canvas, offset, size.center(Offset.zero));
+
+    final Offset origin =
+        offset + (size / 2.0 - const Size.square(_kEdgeSize) / 2.0 as Offset);
+    final AnimationStatus status = position.status;
+    final double tNormalized =
+        status == AnimationStatus.forward || status == AnimationStatus.completed
+            ? position.value
+            : 1.0 - position.value;
+
+    if (_oldValue == false || value == false) {
+      final double t = value == false ? 1.0 - tNormalized : tNormalized;
+      final RRect outer = _outerRectAt(origin, t);
+      final Paint paint = Paint()..color = _colorAt(t);
+
+      if (t <= 0.5) {
+        _drawBorder(canvas, outer, t, paint);
+      } else {
+        canvas.drawRRect(outer, paint);
+
+        _initStrokePaint(paint);
+        final double tShrink = (t - 0.5) * 2.0;
+        if (_oldValue == null || value == null) {
+          _drawDash(canvas, origin, tShrink, paint);
+        } else {
+          _drawCheck(canvas, origin, tShrink, paint);
+        }
+      }
+    } else {
+      final RRect outer = _outerRectAt(origin, 1.0);
+      final Paint paint = Paint()..color = _colorAt(1.0);
+      canvas.drawRRect(outer, paint);
+
+      _initStrokePaint(paint);
+      if (tNormalized <= 0.5) {
+        final double tShrink = 1.0 - tNormalized * 2.0;
+        if (_oldValue == true) {
+          _drawCheck(canvas, origin, tShrink, paint);
+        } else {
+          _drawDash(canvas, origin, tShrink, paint);
+        }
+      } else {
+        final double tExpand = (tNormalized - 0.5) * 2.0;
+        if (value == true) {
+          _drawCheck(canvas, origin, tExpand, paint);
+        } else {
+          _drawDash(canvas, origin, tExpand, paint);
+        }
+      }
+    }
+  }
+}

packages/zefyr/lib/src/extended_assets_picker/src/widget/slide_page_transition_builder.dart

@@ -0,0 +1,65 @@
+part of ct_assets_picker;
+///
+/// [Author] Alex (https://github.com/Alex525)
+/// [Date] 2020/4/13 18:04
+///
+
+/// Built a slide page transition for the picker.
+/// 为选择器构造一个上下进出的页面过渡动画
+class SlidePageTransitionBuilder<T> extends PageRoute<T> {
+  SlidePageTransitionBuilder({
+    @required this.builder,
+    this.transitionCurve = Curves.easeIn,
+    this.transitionDuration = const Duration(milliseconds: 500),
+  });
+
+  final Widget builder;
+
+  final Curve transitionCurve;
+
+  @override
+  final Duration transitionDuration;
+
+  @override
+  final bool opaque = true;
+
+  @override
+  final bool barrierDismissible = false;
+
+  @override
+  final bool maintainState = true;
+
+  @override
+  Color get barrierColor => null;
+
+  @override
+  String get barrierLabel => null;
+
+  @override
+  Widget buildPage(
+    BuildContext context,
+    Animation<double> animation,
+    Animation<double> secondaryAnimation,
+  ) {
+    return builder;
+  }
+
+  @override
+  Widget buildTransitions(
+    BuildContext context,
+    Animation<double> animation,
+    Animation<double> secondaryAnimation,
+    Widget child,
+  ) {
+    return SlideTransition(
+      position: Tween<Offset>(
+        begin: const Offset(0, 1),
+        end: Offset.zero,
+      ).animate(CurvedAnimation(
+        curve: transitionCurve,
+        parent: animation,
+      )),
+      child: child,
+    );
+  }
+}

packages/zefyr/lib/src/widgets/buttons.dart

@@ -4,12 +4,13 @@
 import 'dart:async';
 import 'dart:io';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:notus/notus.dart';
-import 'package:photo/photo.dart';
-import 'package:photo_manager/photo_manager.dart';
+import 'package:image_picker/image_picker.dart';
 import 'package:url_launcher/url_launcher.dart';
+import 'package:zefyr/src/extended_assets_picker/ct_asset_picker.dart';
 
 import 'link.dart';
 import 'scope.dart';
@@ -533,7 +534,16 @@ class ImageButton extends StatefulWidget {
 }
 
 class _ImageButtonState extends State<ImageButton> {
-  List<AssetEntity> pickedAssetList = [];
+
+  final provider = ExtendedAssetPickerProvider(
+    maxAssets: 9,
+    pageSize: 320,
+    pathThumbSize: 200,
+    selectedAssets: [],
+    requestType: RequestType.image,
+    sortPathDelegate: CustomSortPathDelegate(),
+    routeDuration: const Duration(milliseconds: 300),
+  );
 
   @override
   Widget build(BuildContext context) {
@@ -548,8 +558,8 @@ class _ImageButtonState extends State<ImageButton> {
   Future<void> showOverlay() async {
     final toolbar = ZefyrToolbar.of(context);
     if (Platform.isIOS || Platform.isAndroid) {
-      var result = await PhotoManager.requestPermission();
-      if (result) {
+      var isPermissionGranted = await PhotoManager.requestPermission();
+      if (isPermissionGranted) {
         return toolbar.showOverlay(buildOverlay, ZefyrToolbarAction.image);
       } else {
         PhotoManager.openSetting();
@@ -559,294 +569,13 @@ class _ImageButtonState extends State<ImageButton> {
     }
   }
 
-  String get uploadText => Localizations.localeOf(context) == Locale('zh', 'CN') ? '上传' : 'Upload';
-  String get fullImageText => Localizations.localeOf(context) == Locale('zh', 'CN') ? '原图' : 'Full image';
-  String get camera => Localizations.localeOf(context) == Locale('zh', 'CN') ? '拍照' : 'Camera';
-  String get album => Localizations.localeOf(context) == Locale('zh', 'CN') ? '相册' : 'Album';
-  I18nProvider get locale => Localizations.localeOf(context) == Locale('zh', 'CN') ? I18nProvider.chinese : I18nProvider.english;
-
 
   Widget buildOverlay(BuildContext context) {
-    final theme = ZefyrTheme.of(context).toolbarTheme;
-    final toolbar = ZefyrToolbar.of(context);
-    final pickedChangeController = StreamController<PickedEntity>.broadcast();
-    return Material(
-      color: theme.color,
-      child: Container(
-        child: Column(
-          children: <Widget>[
-            Expanded(
-              child: Container(
-                decoration: BoxDecoration(
-                  border: Border(
-                    top: BorderSide(color: theme.dividerColor, width: 1),
-                    bottom: BorderSide(color: theme.dividerColor, width: 1),
-                  ),
-                ),
-                child: Row(
-                  children: [
-                    Container(
-                      width: 58,
-                      child: Column(
-                        children: [
-                          Expanded(
-                            child: FlatButton(
-                                shape: RoundedRectangleBorder(),
-                                color: theme.captionColor,
-                                padding: EdgeInsets.zero,
-                                onPressed: () async {
-                                  // toolbar.editor.tapHandle =
-                                  //     TapHandle.takePhoto;
-                                  
-                                  var file = await PhotoPicker.pickCamera();
-                                  if (file != null) {
-                                    toolbar.closeOverlay();
-                                    await toolbar
-                                        .editor.imageDelegate
-                                        .picked(File(file.path), true);
-                                  }
-                                },
-                                child: Container(
-                                  child: Column(
-                                    mainAxisAlignment: MainAxisAlignment.center,
-                                    children: [
-                                      Icon(
-                                        kDefaultButtonIcons[
-                                            ZefyrToolbarAction.cameraImage],
-                                        size: 24,
-                                        color: Color(0xFFBFBFBF),
-                                      ),
-                                      Padding(
-                                        padding: EdgeInsets.only(top: 6),
-                                        child: Text(
-                                          camera,
-                                          style: TextStyle(
-                                            fontSize: 12,
-                                            color: Color(0xFF8C8C8C),
-                                          ),
-                                        ),
-                                      )
-                                    ],
-                                  ),
-                                )),
-                          ),
-                          Expanded(
-                            child: FlatButton(
-                                shape: RoundedRectangleBorder(),
-                                color: theme.captionColor,
-                                padding: EdgeInsets.zero,
-                                onPressed: () {
-                                  final editor =
-                                      ZefyrToolbar.of(context).editor;
-                                  // var _selection = toolbar.editor.selection;
-                                  editor.closeKeyboard(true);
-                                  PhotoPicker.pickAsset(
-                                    context: context,
-                                    rowCount: 4,
-                                    itemRadio: 1,
-                                    padding: 4,
-                                    provider: locale,
-                                    sortDelegate: SortDelegate.common,
-                                    pickType: PickType.onlyImage,
-                                    photoPathList: null,
-                                  ).then((PickedEntity entity) async {
-                                    if (entity.asset.isNotEmpty) {
-                                      for (var asset in entity.asset) {
-                                        var file = await asset.originFile;
-                                        final image = await editor.imageDelegate
-                                            .picked(file, entity.isFullImage);
-                                        if (image != null) {
-                                          editor.formatSelection(NotusAttribute
-                                              .embed
-                                              .image(image));
-                                          editor.closeKeyboard();
-                                        }
-                                      }
-                                    }
-                                  });
-                                },
-                                child: Container(
-                                  child: Column(
-                                    mainAxisAlignment: MainAxisAlignment.center,
-                                    children: [
-                                      Icon(
-                                        kDefaultButtonIcons[
-                                            ZefyrToolbarAction.galleryImage],
-                                        size: 24,
-                                        color: Color(0xFFBFBFBF),
-                                      ),
-                                      Padding(
-                                        padding: EdgeInsets.only(top: 6),
-                                        child: Text(
-                                          album,
-                                          style: TextStyle(
-                                            fontSize: 12,
-                                            color: Color(0xFF8C8C8C),
-                                          ),
-                                        ),
-                                      )
-                                    ],
-                                  ),
-                                )),
-                          ),
-                        ],
-                      ),
-                    ),
-                    Expanded(
-                      child: Listener(
-                        behavior: HitTestBehavior.translucent,
-                        onPointerUp: (PointerUpEvent event) {
-                          toolbar.editor.keepOverlay = true;
-                        },
-                        child: StreamBuilder<PickedEntity>(
-                          stream: pickedChangeController.stream,
-                          initialData: PickedEntity(),
-                          builder: (context, snapshot) {
-                            return PhotoPicker.buildGallery(
-                              context: context,
-                              padding: 4,
-                              thumbSize: 300,
-                              itemRadio: 0.5,
-                              provider: locale,
-                              sortDelegate: SortDelegate.common,
-                              pickType: PickType.onlyImage,
-                              photoPathList: null,
-                              isFullImage: snapshot.data.isFullImage,
-                              onSelected: (PickedEntity entity) {
-                                pickedChangeController.add(entity);
-                              },
-                            );
-                          },
-                        ),
-                      ),
-                    ),
-                  ],
-                ),
-              ),
-            ),
-            Container(
-              height: 50,
-              color: theme.color,
-              padding: EdgeInsets.symmetric(horizontal: 20),
-              child: StreamBuilder<PickedEntity>(
-                builder: (context, snapshot) {
-                  return Row(
-                    children: [
-                      Expanded(
-                        child: Stack(
-                          children: <Widget>[
-                            IgnorePointer(
-                              child: Row(
-                                children: [
-                                  SizedBox(
-                                    width: 16,
-                                    height: 16,
-                                    child: Radio<bool>(
-                                      value: true,
-                                      groupValue: snapshot.data.isFullImage,
-                                      onChanged: (bool result) {},
-                                    ),
-                                  ),
-                                  Padding(
-                                    padding:
-                                        EdgeInsets.symmetric(horizontal: 8),
-                                    child: Text(
-                                      fullImageText,
-                                      style: TextStyle(
-                                          color: theme.iconColor, fontSize: 16),
-                                    ),
-                                  ),
-                                ],
-                              ),
-                            ),
-                            Positioned(
-                              top: 0.0,
-                              bottom: 0.0,
-                              left: 0.0,
-                              right: 0.0,
-                              child: GestureDetector(
-                                onTap: () {
-                                  pickedChangeController.add(PickedEntity(
-                                    asset: snapshot.data.asset,
-                                    isFullImage: !snapshot.data.isFullImage,
-                                  ));
-                                },
-                                behavior: HitTestBehavior.translucent,
-                                child: Container(),
-                              ),
-                            ),
-                          ],
-                        ),
-                      ),
-                      FlatButton(
-                        padding: EdgeInsets.zero,
-                        color: theme.toggleColor,
-                        disabledColor: theme.disabledIconColor,
-                        shape: StadiumBorder(),
-                        onPressed: snapshot.data.asset.isNotEmpty
-                            ? () async {
-                                pickedChangeController.add(PickedEntity());
-                                // toolbar.closeOverlay();
-                                toolbar.editor.closeKeyboard(true);
-                                for (var asset in snapshot.data.asset) {
-                                  var file = await asset.originFile;
-                                  final image = await toolbar
-                                      .editor.imageDelegate
-                                      .picked(file, snapshot.data.isFullImage);
-                                  if (image != null) {
-                                    // toolbar.editor.toolbarAction = null;
-                                    // toolbar.editor.keepOverlay = true;
-                                    toolbar.editor.formatSelection(
-                                        NotusAttribute.embed.image(image));
-                                    toolbar.editor.closeKeyboard();
-                                  }
-                                }
-                              }
-                            : null,
-                        child: Container(
-                          height: 30,
-                          alignment: Alignment.center,
-                          padding: EdgeInsets.symmetric(horizontal: 20),
-                          child: Text(
-                            '$uploadText ${snapshot.data.asset.isNotEmpty ? "(${snapshot.data.asset.length})" : ''}',
-                            style: TextStyle(
-                              color: Colors.white,
-                              fontSize: 14,
-                            ),
-                          ),
-                        ),
-                      ),
-                    ],
-                  );
-                },
-                initialData: PickedEntity(),
-                stream: pickedChangeController.stream,
-              ),
-            ),
-          ],
-        ),
-      ),
+    return ExtendedAssetPicker.buildQuickPicker(
+      context,
+      provider: provider,
     );
   }
-
-  // void _pickFromCamera() async {
-  //   final editor = ZefyrToolbar.of(context).editor;
-  //   final image =
-  //       await editor.imageDelegate.pickImage(editor.imageDelegate.cameraSource);
-  //   if (image != null) {
-  //     editor.formatSelection(NotusAttribute.embed.image(image));
-  //   }
-  // }
-
-  // void _pickFromGallery() async {
-  //   final editor = ZefyrToolbar.of(context).editor;
-  //   for (var asset in pickedAssetList) {
-  //     final image = await editor.imageDelegate.picked(asset);
-  //     if (image != null) {
-  //       editor.formatSelection(NotusAttribute.embed.image(image));
-  //     }
-  //   }
-  // }
 }
 
 class LinkButton extends StatefulWidget {

packages/zefyr/pubspec.yaml

@@ -19,9 +19,12 @@ dependencies:
       path: packages/notus
   meta: ^1.1.0
   quiver_hashcode: ^2.0.0
-  photo: 
-    git: 
-      url: https://git.links123.net/cloudteam/image_picker.git
+  
+  wechat_assets_picker: ^5.0.0-dev.3
+      
+  provider: ^4.3.2+2
+
+  image_picker: ^0.6.7+17
 
 dev_dependencies:
   flutter_test: