feat(projects): add page plugin_editor、plugin_icon、plugin_map、plugin_print、plugin_swiper and plugin_video (#430)

src/views/plugin/video/index.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref } from 'vue';
+import Player from 'xgplayer';
+import 'xgplayer/dist/index.min.css';
+
+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,
+    url,
+    playbackRate: [0.5, 0.75, 1, 1.5, 2],
+    fluid: true
+  });
+}
+function destroyXgPlayer() {
+  player.value?.destroy();
+}
+
+onMounted(() => {
+  renderXgPlayer();
+});
+
+onUnmounted(() => {
+  destroyXgPlayer();
+});
+</script>
+
+<template>
+  <div class="h-full">
+    <NCard title="视频播放器插件" :bordered="false" class="h-full card-wrapper">
+      <div ref="domRef" class=""></div>
+    </NCard>
+  </div>
+</template>
+
+<style scoped></style>