build(projects): update tsconfig、eslintrc

src/views/plugin/editor/markdown/index.vue

@@ -22,17 +22,18 @@ const vditor = ref<Vditor>();
 const domRef = ref<HTMLElement>();
 
 function renderVditor() {
-  vditor.value = new Vditor(domRef.value!, {
+  if (!domRef.value) return;
+  vditor.value = new Vditor(domRef.value, {
     minHeight: 400,
     theme: theme.darkMode ? 'dark' : 'classic',
     icon: 'material',
-    cache: { enable: false }
+    cache: { enable: false },
   });
 }
 
 const stopHandle = watch(
   () => theme.darkMode,
-  newValue => {
+  (newValue) => {
     const themeMode = newValue ? 'dark' : 'classic';
     vditor.value?.setTheme(themeMode);
   }

src/views/plugin/editor/quill/index.vue

@@ -24,7 +24,9 @@ function renderWangEditor() {
 }
 
 function setEditorConfig() {
-  editor.value!.config.zIndex = 10;
+  if (editor.value?.config?.zIndex) {
+    editor.value.config.zIndex = 10;
+  }
 }
 
 onMounted(() => {

src/views/plugin/icon/icons.ts

@@ -28,7 +28,7 @@ export const icons = [
   'ic:baseline-filter-7',
   'ic:baseline-filter-8',
   'ic:baseline-filter-9',
-  'ic:baseline-filter-9-plus'
+  'ic:baseline-filter-9-plus',
 ];
 
 // const assetsSvg = import.meta.glob('../../../assets/svg/*.svg');

src/views/plugin/map/components/BaiduMap.vue

@@ -12,8 +12,9 @@ const { load } = useScriptTag(BAIDU_MAP_SDK_URL);
 const domRef = ref<HTMLDivElement>();
 
 async function renderBaiduMap() {
+  if (!domRef.value) return;
   await load(true);
-  const map = new BMap.Map(domRef.value!);
+  const map = new BMap.Map(domRef.value);
   const point = new BMap.Point(114.05834626586915, 22.546789983033168);
   map.centerAndZoom(point, 15);
   map.enableScrollWheelZoom();

src/views/plugin/map/components/GaodeMap.vue

@@ -12,14 +12,14 @@ const { load } = useScriptTag(GAODE_MAP_SDK_URL);
 const domRef = ref<HTMLDivElement>();
 
 async function renderBaiduMap() {
+  if (!domRef.value) return;
   await load(true);
-  const map = new AMap.Map(domRef.value!, {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const map = new AMap.Map(domRef.value, {
     zoom: 11,
     center: [114.05834626586915, 22.546789983033168],
-    viewMode: '3D'
+    viewMode: '3D',
   });
-
-  return map;
 }
 
 onMounted(() => {

src/views/plugin/map/components/TencentMap.vue

@@ -12,14 +12,14 @@ const { load } = useScriptTag(TENCENT_MAP_SDK_URL);
 const domRef = ref<HTMLDivElement | null>(null);
 
 async function renderBaiduMap() {
+  if (!domRef.value) return;
   await load(true);
-  const map = new TMap.Map(domRef.value!, {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const map = new TMap.Map(domRef.value, {
     center: new TMap.LatLng(39.98412, 116.307484),
     zoom: 11,
-    viewMode: '3D'
+    viewMode: '3D',
   });
-
-  return map;
 }
 
 onMounted(() => {

src/views/plugin/map/index.vue

@@ -22,7 +22,7 @@ interface Map {
 
 const maps: Map[] = [
   { id: 'gaode', label: '高德地图', component: GaodeMap },
-  { id: 'tencent', label: '腾讯地图', component: TencentMap }
+  { id: 'tencent', label: '腾讯地图', component: TencentMap },
 ];
 </script>
 <style scoped></style>

src/views/plugin/print/index.vue

@@ -18,21 +18,21 @@ function printTable() {
   printJS({
     printable: [
       { name: 'soybean', wechat: 'honghuangdc', remark: '欢迎来技术交流' },
-      { name: 'soybean', wechat: 'honghuangdc', remark: '欢迎来技术交流' }
+      { name: 'soybean', wechat: 'honghuangdc', remark: '欢迎来技术交流' },
     ],
     properties: ['name', 'wechat', 'remark'],
-    type: 'json'
+    type: 'json',
   });
 }
 function printImage() {
   printJS({
     printable: [
       'https://raw.githubusercontent.com/honghuangdc/project-assets/main/img/qq_qrcode.JPG',
-      'https://raw.githubusercontent.com/honghuangdc/project-assets/main/img/qq_qrcode.JPG'
+      'https://raw.githubusercontent.com/honghuangdc/project-assets/main/img/qq_qrcode.JPG',
     ],
     type: 'image',
     header: 'Multiple Images',
-    imageStyle: 'width:100%;'
+    imageStyle: 'width:100%;',
   });
 }
 </script>

src/views/plugin/swiper/index.vue

@@ -53,22 +53,22 @@ const swiperExample: SwiperExample[] = [
     id: 1,
     label: 'Navigation',
     options: {
-      navigation: true
-    }
+      navigation: true,
+    },
   },
   {
     id: 2,
     label: 'Pagination',
     options: {
-      pagination: true
-    }
+      pagination: true,
+    },
   },
   {
     id: 3,
     label: 'Pagination dynamic',
     options: {
-      pagination: { dynamicBullets: true }
-    }
+      pagination: { dynamicBullets: true },
+    },
   },
   {
     id: 4,
@@ -76,9 +76,9 @@ const swiperExample: SwiperExample[] = [
     options: {
       navigation: true,
       pagination: {
-        type: 'progressbar'
-      }
-    }
+        type: 'progressbar',
+      },
+    },
   },
   {
     id: 5,
@@ -86,20 +86,20 @@ const swiperExample: SwiperExample[] = [
     options: {
       navigation: true,
       pagination: {
-        type: 'fraction'
-      }
-    }
+        type: 'fraction',
+      },
+    },
   },
   {
     id: 6,
     label: 'Slides per view',
     options: {
       pagination: {
-        clickable: true
+        clickable: true,
       },
       slidesPerView: 3,
-      spaceBetween: 30
-    }
+      spaceBetween: 30,
+    },
   },
   {
     id: 7,
@@ -107,11 +107,11 @@ const swiperExample: SwiperExample[] = [
     options: {
       navigation: true,
       pagination: {
-        clickable: true
+        clickable: true,
       },
-      loop: true
-    }
-  }
+      loop: true,
+    },
+  },
 ];
 </script>
 <style scoped></style>

src/views/plugin/video/index.vue

@@ -14,11 +14,12 @@ const domRef = ref<HTMLElement>();
 const player = ref<Player>();
 
 function renderXgPlayer() {
+  if (!domRef.value) return;
   const url = 'https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4';
   player.value = new Player({
-    el: domRef.value!,
+    el: domRef.value,
     url,
-    playbackRate: [0.5, 0.75, 1, 1.5, 2]
+    playbackRate: [0.5, 0.75, 1, 1.5, 2],
   });
 }
 function destroyXgPlayer() {