review：【antd】【mp】material、message 的迁移 v1

apps/web-antd/src/views/mp/material/components/ImageTable.vue

@@ -4,6 +4,8 @@ import { IconifyIcon } from '@vben/icons';
 
 import { Button, Spin } from 'ant-design-vue';
 
+// TODO @dylan：vue 组件名小写 + 中划线
+
 const props = defineProps<{
   list: any[];
   loading: boolean;
@@ -43,6 +45,8 @@ const { hasAccessByCodes } = useAccess();
 </template>
 
 <style lang="scss" scoped>
+/** TODO @dylan：看看有没适合 tindwind 的哈。 */
+
 @media (width >= 992px) and (width <= 1300px) {
   .waterfall {
     column-count: 3;

apps/web-antd/src/views/mp/material/components/UploadVideo.vue

@@ -59,12 +59,8 @@ const uploadFormRef = ref<FormInstance | null>(null);
 const uploadVideoRef = ref<any>(null);
 
 async function submitVideo() {
-  try {
-    await uploadFormRef.value?.validate();
-    uploadVideoRef.value?.submit();
-  } catch {
-    // Validation failed
-  }
+  await uploadFormRef.value?.validate();
+  uploadVideoRef.value?.submit();
 }
 
 /** 自定义上传 */

apps/web-antd/src/views/mp/material/components/VideoTable.vue

@@ -12,6 +12,8 @@ import { Button } from 'ant-design-vue';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { WxVideoPlayer } from '#/views/mp/components/wx-video-play';
 
+// TODO @dylan：vue 组件名小写 + 中划线
+
 const props = defineProps<{
   list: any[];
   loading: boolean;
@@ -85,7 +87,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       isHover: true,
     },
     showOverflow: 'tooltip',
-  } as VxeTableGridOptions<any>,
+  } as VxeTableGridOptions<any>,  // TODO @dylan：这里有个告警哈；
 });
 
 function handleDownload(url: string) {
@@ -108,7 +110,7 @@ watch(
 watch(
   () => props.loading,
   (loading: boolean) => {
-    gridApi.setLoading(!!loading);
+    gridApi.setLoading(loading);
   },
   { immediate: true },
 );

apps/web-antd/src/views/mp/material/components/VoiceTable.vue

@@ -12,6 +12,8 @@ import { Button } from 'ant-design-vue';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { WxVoicePlayer } from '#/views/mp/components/wx-voice-play';
 
+// TODO @dylan：vue 组件名小写 + 中划线
+
 const props = defineProps<{
   list: any[];
   loading: boolean;
@@ -73,7 +75,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       isHover: true,
     },
     showOverflow: 'tooltip',
-  } as VxeTableGridOptions<any>,
+  } as VxeTableGridOptions<any>, // TODO @dylan：这里有个告警哈；
 });
 
 function handleDownload(url: string) {
@@ -96,7 +98,7 @@ watch(
 watch(
   () => props.loading,
   (loading: boolean) => {
-    gridApi.setLoading(!!loading);
+    gridApi.setLoading(loading);
   },
   { immediate: true },
 );

apps/web-antd/src/views/mp/material/index.vue

@@ -37,13 +37,12 @@ const total = ref(0); // 总条数
 const accountId = ref(-1);
 provide('accountId', accountId);
 
-// 查询参数
 const queryParams = reactive({
   accountId,
   pageNo: 1,
   pageSize: 10,
   permanent: true,
-});
+}); // 查询参数
 const showCreateVideo = ref(false); // 是否新建视频的弹窗
 
 /** 侦听公众号变化 */