From e52c39a7ba2400757d73d42cf61e81b469274812 Mon Sep 17 00:00:00 2001
From: wang <1509326266@qq.com>
Date: Thu, 18 Jul 2024 17:31:20 +0800
Subject: [PATCH] feat(projects): add plugin ppt demo

---
 src/locales/langs/en-us.ts      |  3 ++-
 src/locales/langs/zh-cn.ts      |  3 ++-
 src/router/elegant/imports.ts   |  1 +
 src/router/elegant/routes.ts    | 14 ++++++++++++++
 src/router/elegant/transform.ts |  1 +
 src/typings/elegant-router.d.ts |  2 ++
 src/views/plugin/ppt/index.vue  | 25 +++++++++++++++++++++++++
 7 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 src/views/plugin/ppt/index.vue

diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 4a4551f3..846c00e0 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -195,7 +195,8 @@ const local: App.I18n.Schema = {
     plugin_print: 'Print',
     plugin_swiper: 'Swiper',
     plugin_video: 'Video',
-    plugin_barcode: 'Barcode'
+    plugin_barcode: 'Barcode',
+    plugin_ppt: 'PPT'
   },
   page: {
     login: {
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index 50200bdf..be051c6f 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -195,7 +195,8 @@ const local: App.I18n.Schema = {
     plugin_print: '打印',
     plugin_swiper: 'Swiper',
     plugin_video: '视频',
-    plugin_barcode: '条形码'
+    plugin_barcode: '条形码',
+    plugin_ppt: 'PPT'
   },
   page: {
     login: {
diff --git a/src/router/elegant/imports.ts b/src/router/elegant/imports.ts
index c6cacbf8..cd30dc95 100644
--- a/src/router/elegant/imports.ts
+++ b/src/router/elegant/imports.ts
@@ -43,6 +43,7 @@ export const views: Record<LastLevelRouteKey, RouteComponent | (() => Promise<Ro
   plugin_editor_quill: () => import("@/views/plugin/editor/quill/index.vue"),
   plugin_icon: () => import("@/views/plugin/icon/index.vue"),
   plugin_map: () => import("@/views/plugin/map/index.vue"),
+  plugin_ppt: () => import("@/views/plugin/ppt/index.vue"),
   plugin_print: () => import("@/views/plugin/print/index.vue"),
   plugin_swiper: () => import("@/views/plugin/swiper/index.vue"),
   plugin_video: () => import("@/views/plugin/video/index.vue"),
diff --git a/src/router/elegant/routes.ts b/src/router/elegant/routes.ts
index 6c91da40..d07006dc 100644
--- a/src/router/elegant/routes.ts
+++ b/src/router/elegant/routes.ts
@@ -433,6 +433,20 @@ export const generatedRoutes: GeneratedRoute[] = [
           icon: 'mdi:map'
         }
       },
+      {
+        name: 'plugin_ppt',
+        path: '/plugin/ppt',
+        component: 'view.plugin_ppt',
+        props: {
+          url: 'https://pipipi-pikachu.github.io/PPTist/'
+        },
+        meta: {
+          title: 'plugin_ppt',
+          i18nKey: 'route.plugin_ppt',
+          keepAlive: true,
+          icon:'file-icons:microsoft-powerpoint'
+        }
+      },
       {
         name: 'plugin_print',
         path: '/plugin/print',
diff --git a/src/router/elegant/transform.ts b/src/router/elegant/transform.ts
index 6a449726..60c41836 100644
--- a/src/router/elegant/transform.ts
+++ b/src/router/elegant/transform.ts
@@ -211,6 +211,7 @@ const routeMap: RouteMap = {
   "plugin_editor_quill": "/plugin/editor/quill",
   "plugin_icon": "/plugin/icon",
   "plugin_map": "/plugin/map",
+  "plugin_ppt": "/plugin/ppt",
   "plugin_print": "/plugin/print",
   "plugin_swiper": "/plugin/swiper",
   "plugin_video": "/plugin/video",
diff --git a/src/typings/elegant-router.d.ts b/src/typings/elegant-router.d.ts
index 663028cb..0b92740c 100644
--- a/src/typings/elegant-router.d.ts
+++ b/src/typings/elegant-router.d.ts
@@ -67,6 +67,7 @@ declare module "@elegant-router/types" {
     "plugin_editor_quill": "/plugin/editor/quill";
     "plugin_icon": "/plugin/icon";
     "plugin_map": "/plugin/map";
+    "plugin_ppt": "/plugin/ppt";
     "plugin_print": "/plugin/print";
     "plugin_swiper": "/plugin/swiper";
     "plugin_video": "/plugin/video";
@@ -172,6 +173,7 @@ declare module "@elegant-router/types" {
     | "plugin_editor_quill"
     | "plugin_icon"
     | "plugin_map"
+    | "plugin_ppt"
     | "plugin_print"
     | "plugin_swiper"
     | "plugin_video"
diff --git a/src/views/plugin/ppt/index.vue b/src/views/plugin/ppt/index.vue
new file mode 100644
index 00000000..b28c952c
--- /dev/null
+++ b/src/views/plugin/ppt/index.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { onActivated, onMounted } from 'vue';
+
+interface Props {
+  url: string;
+}
+
+defineProps<Props>();
+
+onMounted(() => {
+  console.log('mounted');
+});
+
+onActivated(() => {
+  console.log('activated');
+});
+</script>
+
+<template>
+  <div class="h-full">
+    <iframe id="iframePage" class="size-full" :src="url"></iframe>
+  </div>
+</template>
+
+<style scoped></style>