community_vm.dart 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441
  1. import 'package:cpt_community/components/comments_dialog.dart';
  2. import 'package:cpt_community/modules/community/following/following_vm.dart';
  3. import 'package:cpt_community/modules/community/news/news_vm.dart';
  4. import 'package:cpt_community/respository/common_garage.dart';
  5. import 'package:cpt_community/respository/common_newsfeed.dart';
  6. import 'package:cpt_community/router/page/community_page_router.dart';
  7. import 'package:cs_resources/generated/assets.dart';
  8. import 'package:cs_resources/generated/l10n.dart';
  9. import 'package:cs_resources/theme/app_colors_theme.dart';
  10. import 'package:flutter/cupertino.dart';
  11. import 'package:flutter/material.dart';
  12. import 'package:flutter_riverpod/flutter_riverpod.dart';
  13. import 'package:plugin_basic/constants/app_constant.dart';
  14. import 'package:plugin_platform/engine/dialog/dialog_engine.dart';
  15. import 'package:plugin_platform/engine/sp/sp_util.dart';
  16. import 'package:plugin_platform/engine/toast/toast_engine.dart';
  17. import 'package:riverpod_annotation/riverpod_annotation.dart';
  18. import 'package:shared/utils/log_utils.dart';
  19. import 'package:auto_route/auto_route.dart';
  20. import 'package:widgets/dialog/app_custom_dialog.dart';
  21. import 'package:widgets/my_checkbox_group.dart';
  22. import 'package:widgets/utils/dark_theme_util.dart';
  23. import '../garage/for_rent/for_rent_vm.dart';
  24. import '../garage/for_sale/for_sale_vm.dart';
  25. import '../garage/garagesale_post/garagesale_post_page.dart';
  26. import 'community_page.dart';
  27. import 'community_pageview_idx_data.dart';
  28. import 'community_state.dart';
  29. import 'foryou/foryou_vm.dart';
  30. import 'newsfeed_post/newsfeed_post_page.dart';
  31. part 'community_vm.g.dart';
  32. @riverpod
  33. class CommunityVm extends _$CommunityVm {
  34. get topSectionsData => state.topSectionsData;
  35. late CommonNewsFeedRespository commonNewsFeedRespositoryInstance;
  36. late CommonGarageRespository commonGarageRespositoryInstance;
  37. late Map<int, dynamic> providerMap = {};
  38. bool _isSingleSelect = true;
  39. List<Map<String, dynamic>> _currentSelectedGarageCategory = [];
  40. Map<int, Map<String, dynamic>> _queryParams = {};
  41. // 获取当前的查询参数
  42. getCurrentQueryParams(String key) {
  43. return _queryParams[state.currentPageViewIdx]?[key];
  44. }
  45. // 根据索引获取 Provider
  46. ProviderBase getProvider(int index) {
  47. return providerMap[index]!;
  48. }
  49. CommunityVmState initState() {
  50. List<String> newsFeedTabsList = [
  51. S.current.newsfeed_news,
  52. S.current.newsfeed_following,
  53. S.current.for_you,
  54. ];
  55. List<String> garageSaleTabsList = [
  56. S.current.for_sale,
  57. S.current.for_rent,
  58. ];
  59. List<String> COMMUNITY_TABS_LIST = [...newsFeedTabsList];
  60. COMMUNITY_TABS_LIST.addAll(garageSaleTabsList);
  61. // s.add(garageSaleTabsList);
  62. Log.d("COMMUNITY_TABS_LIST $COMMUNITY_TABS_LIST");
  63. // Log.d("s $newsFeedTabsList");
  64. COMMUNITY_TABS_LIST.asMap().forEach((index, value) {
  65. _queryParams[index] = {
  66. 'keyword': "",
  67. 'is_liked': "",
  68. 'category_id': "",
  69. 'category_name': "",
  70. 'page_view_idx': index,
  71. 'page_view_name': value,
  72. };
  73. });
  74. return CommunityVmState(
  75. currentCategoryIdx: 0,
  76. currentPageViewIdx: 0,
  77. lastGarageTabIdx: 0,
  78. lastNewsfeedTabIdx: 0,
  79. newsFeedTabsList: newsFeedTabsList,
  80. garageSaleTabsList: garageSaleTabsList,
  81. );
  82. }
  83. @override
  84. CommunityVmState build(){
  85. // 引入数据仓库
  86. commonNewsFeedRespositoryInstance = ref.read(commonNewsFeedRespositoryProvider);
  87. commonGarageRespositoryInstance = ref.read(commonGarageRespositoryProvider);
  88. final state = initState();
  89. setCurrentPageViewIconStatus();
  90. getPageViewVm();
  91. Log.d("-------------community vm-------------build---------------------");
  92. ref.onDispose((){
  93. providerMap = {};
  94. Log.d("-------------community vm-------------dispose---------------------");
  95. });
  96. return state;
  97. }
  98. // 搜集pageView 对应的vm
  99. void getPageViewVm(){
  100. // 每次切换后需要重新获取 一组 pageView的 vm
  101. WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
  102. // 存入 一组 pageView的 vm
  103. CommunityPageViewIdxData.values.forEach((key, value) {
  104. switch(key){
  105. case 0:
  106. providerMap[key] = ref.read(newsVmProvider.notifier);
  107. break;
  108. case 1:
  109. providerMap[key] = ref.read(followingVmProvider.notifier);
  110. break;
  111. case 2:
  112. providerMap[key] = ref.read(foryouVmProvider.notifier);
  113. break;
  114. case 3:
  115. providerMap[key] = ref.read(forsaleVmProvider.notifier);
  116. break;
  117. case 4:
  118. providerMap[key] = ref.read(forrentVmProvider.notifier);
  119. }
  120. });
  121. });
  122. }
  123. // 设置当前导航栏的 图标 等状态
  124. void setCurrentPageViewIconStatus(){
  125. WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
  126. Log.d("获取当前的导航栏 相关状态resMap444 ${providerMap[state.currentPageViewIdx]} ");
  127. Map<String, dynamic> resMap = providerMap[state.currentPageViewIdx]?.getCurrentQueryParams(null)??{};
  128. Log.d("获取当前的导航栏 相关状态resMap $resMap ");
  129. _queryParams[state.currentPageViewIdx] = resMap;
  130. });
  131. }
  132. tabsRouterChange(){
  133. // 设置当前导航栏的 图标 等状态
  134. Log.d("----tabsRouterChange---${tabsRouterKey.currentState?.controller?.activeIndex}-");
  135. state = state.copyWith(currentPageViewIdx: tabsRouterKey.currentState?.controller?.activeIndex ?? 0);
  136. setCurrentPageViewIconStatus();
  137. getPageViewVm();
  138. }
  139. // 点击tab 切换tab
  140. handlerChangeTab(int tabIndex, TabsRouter? tabsRouter, int? categoryIdx) {
  141. tabsRouter = (tabsRouter?? tabsRouterKey.currentState?.controller)!;
  142. categoryIdx = categoryIdx ?? state.currentCategoryIdx;
  143. if(categoryIdx == 0){
  144. tabsRouter.setActiveIndex(tabIndex);
  145. }else {
  146. tabsRouter.setActiveIndex(state.newsFeedTabsList!.length + tabIndex);
  147. }
  148. }
  149. // 获取当前pageView 的vm
  150. getCurrentPageViewVm(int? pageViewIdx){
  151. if(pageViewIdx !=null){
  152. return providerMap[pageViewIdx];
  153. }else {
  154. return getCurrentPageViewVm(state.currentPageViewIdx);
  155. }
  156. }
  157. // 切换news feed和garage sale
  158. handlerSwitchNewsfeedOrGaragesale( int categoryIdx, BuildContext? context, TabsRouter? tabsRouter){
  159. tabsRouter = (tabsRouter?? tabsRouterKey.currentState?.controller)!;
  160. categoryIdx = categoryIdx;
  161. if(categoryIdx == 0){
  162. tabsRouter.setActiveIndex(state.lastNewsfeedTabIdx);
  163. }else if (categoryIdx == 1){
  164. tabsRouter.setActiveIndex(state.newsFeedTabsList!.length + state.lastGarageTabIdx);
  165. }
  166. }
  167. // 设置当前的cat类型
  168. setCurrentCategoryIdx(BuildContext? context, int categoryIdx, int? lastNewsfeedTabIdx, int? lastGarageTabIdx){
  169. state = state.copyWith(
  170. currentCategoryIdx: categoryIdx,
  171. lastNewsfeedTabIdx: lastNewsfeedTabIdx?? state.lastNewsfeedTabIdx,
  172. lastGarageTabIdx: lastGarageTabIdx?? state.lastGarageTabIdx
  173. );
  174. }
  175. // 返回当前 pageView 页面的 vm
  176. // 判断当前pageview 页面正处于显示状态
  177. Future isCurrentPageViewShowing(int pageViewIdx) async{
  178. // 延迟获取结果
  179. bool isShowing = await Future.delayed(const Duration(milliseconds: 500), (){
  180. return state.currentPageViewIdx == pageViewIdx;
  181. });
  182. return isShowing;
  183. }
  184. // 获取garage sale 分类选项
  185. Future<List<Map<String, dynamic>>> getGarageSaleCategoryOptions() async{
  186. List<Map<String, dynamic>> garageCategoryList = [
  187. ];
  188. // 获取分类列表
  189. try {
  190. // 加入有缓存 就取缓存
  191. List<Map<String, dynamic>>? StorageCategoryList = SPUtil.getObjectList(
  192. AppConstant.storageGarageCategoryList)?.cast<Map<String, dynamic>>();
  193. if (StorageCategoryList != null && StorageCategoryList.isNotEmpty) {
  194. Log.d("取StorageCategoryList 缓存: $StorageCategoryList ");
  195. garageCategoryList = StorageCategoryList;
  196. } else {
  197. Map<String, dynamic> params = {};
  198. final result = await commonGarageRespositoryInstance
  199. .fetchGarageCateGoryList(params);
  200. if (result.isSuccess) {
  201. final listJson = result.getListJson();
  202. // 将 listJson 转换为 List<Map<String, dynamic>>
  203. garageCategoryList = (listJson as List?)
  204. ?.map((item) => item as Map<String, dynamic>)
  205. .toList() ?? [];
  206. // 将 garageCategoryList 存入缓存
  207. Log.d("设置StorageCategoryList 缓存");
  208. SPUtil.putObjectList(
  209. AppConstant.storageGarageCategoryList, garageCategoryList);
  210. }
  211. }
  212. } catch(error){
  213. }
  214. return garageCategoryList;
  215. }
  216. // 选择 garage sale 导航栏点击 选择分类
  217. handlerChooseGarageCategory(BuildContext context) async {
  218. List<Map<String, dynamic>> garageCategoryList = await getGarageSaleCategoryOptions();
  219. // 显示弹框
  220. handlerShowChooseGarageCategoryDialog(context, garageCategoryList);
  221. state = state.copyWith(
  222. garageCategoryList: garageCategoryList
  223. );
  224. }
  225. Future<void> handlerShowChooseGarageCategoryDialog(BuildContext context, List<Map<String, dynamic>> garageCategoryList) async{
  226. await DialogEngine.show(
  227. tag: "chooseGarageSaleCategory",
  228. position: DialogPosition.center,
  229. widget: AppCustomDialog(
  230. message: '',
  231. title: S.current.choose_category,
  232. dialogWidth: MediaQuery.of(context).size.width * 0.8,
  233. // contentBoxMaxHeight: 350,
  234. // contentBoxMinHeight: 300,
  235. isShowConfirmBtn: garageCategoryList!.length > 0 ? true: false,
  236. confirmTxt: S.current.confirm,
  237. messageBuilder: (BuildContext context){
  238. return Container(
  239. color: DarkThemeUtil.multiColors(context, context.appColors.textWhite, darkColor: Colors.transparent),
  240. child: Column(
  241. mainAxisAlignment: MainAxisAlignment.start,
  242. crossAxisAlignment: CrossAxisAlignment.start,
  243. children: garageCategoryList!.length > 0 ? [
  244. MyCheckboxGroup(
  245. isSingleSelect: _isSingleSelect,
  246. labelStyle: const TextStyle(
  247. fontSize: 16,
  248. fontWeight: FontWeight.w500,
  249. ),
  250. items: garageCategoryList!,
  251. defaultSelectedItems: [],
  252. onChanged: (List<Map<String, dynamic>> selectedItems){
  253. Log.d("----MyCheckboxGroup onChanged $selectedItems");
  254. _currentSelectedGarageCategory = selectedItems;
  255. }
  256. )
  257. ]: [
  258. Container(
  259. child: CircularProgressIndicator(
  260. strokeWidth: 3,
  261. valueColor: AlwaysStoppedAnimation(context.appColors.textDarkGray),
  262. ),
  263. )
  264. ],
  265. ),
  266. );
  267. },
  268. isShowCancelBtn:false,
  269. confirmAction: (){
  270. // 点击了确定
  271. Log.d("----点击了确定按钮");
  272. int? categoryId;
  273. if(_isSingleSelect){
  274. if(_currentSelectedGarageCategory.length > 0){
  275. categoryId = _currentSelectedGarageCategory[0]['id'];
  276. _queryParams?[state.currentPageViewIdx]?['categoryId'] = categoryId??"";
  277. }else {
  278. // 没有选
  279. _queryParams?[state.currentPageViewIdx]?['categoryId'] = "";
  280. }
  281. }
  282. providerMap[state.currentPageViewIdx]
  283. ..setCurrentQueryParams({
  284. "category_id": _queryParams?[state.currentPageViewIdx]?['categoryId'],
  285. })
  286. ..directRefresh();
  287. },
  288. )
  289. );
  290. }
  291. // 搜索
  292. handlerSearch(String value){
  293. Log.d("community_vm 中 搜索 value: $value");
  294. _queryParams?[state.currentPageViewIdx]?['keyword'] = value;
  295. providerMap[state.currentPageViewIdx]
  296. ..setCurrentQueryParams({
  297. "keyword": _queryParams?[state.currentPageViewIdx]?['keyword'],
  298. })
  299. ..directRefresh();
  300. }
  301. // 点击了导航栏的 like btn
  302. handlerClickNavbarLikeBtn(BuildContext? context){
  303. if(state.currentCategoryIdx ==0){
  304. //
  305. // ToastEngine.show("点击了 newsfeed like");
  306. }else if(state.currentCategoryIdx == 1){
  307. //
  308. // ToastEngine.show("点击了 garagesale like");
  309. }
  310. _queryParams[state.currentPageViewIdx]?['is_liked'] = !(_queryParams?[state.currentPageViewIdx]?['is_liked']??false);
  311. // 控制外层滚动和内层滚动
  312. handlerNestedScrollViewScroll();
  313. providerMap[state.currentPageViewIdx]
  314. ..setCurrentQueryParams({
  315. "is_liked": _queryParams?[state.currentPageViewIdx]?['is_liked'],
  316. })
  317. ..directRefresh();
  318. // providerMap[state.currentPageViewIdx].directRefresh();
  319. }
  320. handlerNestedScrollViewScroll({double? outerOffset, double? innerOffset=0.0, bool? isOuterScrollAnimated=false, bool? isInnerScrollAnimated=false}){
  321. if(outerOffset !=null){
  322. if(isOuterScrollAnimated!){
  323. extendedNestedScrollViewKey.currentState?.outerController.animateTo(
  324. outerOffset,
  325. duration: const Duration(seconds: 1),
  326. curve: Curves.easeIn,
  327. );
  328. }else {
  329. extendedNestedScrollViewKey.currentState?.outerController.jumpTo(
  330. outerOffset,
  331. );
  332. }
  333. }
  334. if(innerOffset !=null){
  335. extendedNestedScrollViewKey.currentState?.innerPositions.forEach((position) {
  336. if(isInnerScrollAnimated!){
  337. position.animateTo(innerOffset,
  338. duration: Duration(seconds: 1), curve: Curves.easeIn);
  339. }else {
  340. position.jumpTo(innerOffset);
  341. }
  342. });
  343. }
  344. }
  345. // 点击了导航栏的 filter btn
  346. handlerClickNavbarFilterBtn(BuildContext? context,){
  347. handlerChooseGarageCategory(context!);
  348. }
  349. // 点击发布的按钮 跳转到 newsfeed 发布的页面
  350. void handlerGotoNewsfeedPost(BuildContext? context){
  351. // AutoRouter.of(context).pushNamed(RouterPath.newsFeedPost);
  352. NewsfeedPostPage.startInstance();
  353. // MyPostsPage.startInstance();
  354. // MyFollowingPage.startInstance();
  355. }
  356. // 点击发布的按钮 跳转到garagesale 发布的页面
  357. void handlerGotoGaragePost(BuildContext? context){
  358. int type = 1;
  359. CommunityPageViewIdxData.values.forEach((key, value){
  360. if(value == "forSale" ){
  361. if(state.currentPageViewIdx == key){
  362. type = 1;
  363. }
  364. }else if(value == "forRent"){
  365. if(state.currentPageViewIdx == key){
  366. type = 2;
  367. }
  368. }
  369. });
  370. GaragesalePostPage.startInstance(type: type);
  371. }
  372. // 点击了 卡片上的 关注按钮
  373. Future<bool> commonClickCardFollowBtn(BuildContext? context,int to_user_id,bool isFollowed, int? idx) async{
  374. try{
  375. Map<String, dynamic> params = {
  376. "to_user_id": to_user_id
  377. };
  378. final result = await commonNewsFeedRespositoryInstance.handlerFollowOrCancel(params);
  379. if(result.isSuccess){
  380. return true;
  381. }else {
  382. return false;
  383. }
  384. }catch(error){
  385. return false;
  386. }
  387. }
  388. }