From ea5c66b6eb49a98100f926e37b69d70ad0fb1d01 Mon Sep 17 00:00:00 2001
From: vince <vince292007@gmail.com>
Date: Wed, 31 Jul 2024 22:15:01 +0800
Subject: [PATCH] feat: add upgrade prompt

---
 .../header/components/UpgradePrompt.vue       | 22 +++++++++++++++++++
 src/layouts/default/header/index.vue          |  3 +++
 2 files changed, 25 insertions(+)
 create mode 100644 src/layouts/default/header/components/UpgradePrompt.vue

diff --git a/src/layouts/default/header/components/UpgradePrompt.vue b/src/layouts/default/header/components/UpgradePrompt.vue
new file mode 100644
index 00000000000..53f6bcd6130
--- /dev/null
+++ b/src/layouts/default/header/components/UpgradePrompt.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+  import { h } from 'vue';
+  import { Modal } from 'ant-design-vue';
+
+  Modal.info({
+    title: '新版本发布',
+    content: h('div', {}, [h('p', 'Vben Admin v5.0.0 预览版本已发布')]),
+    onOk() {
+      handleClick();
+    },
+    okText: '前往体验新版',
+  });
+
+  function handleClick() {
+    window.open('https://www.vben.pro', '_blank');
+  }
+</script>
+<template>
+  <div>
+    <a-button type="primary" @click="handleClick">前往体验新版</a-button>
+  </div>
+</template>
diff --git a/src/layouts/default/header/index.vue b/src/layouts/default/header/index.vue
index 2ffd43c235a..a16188314b9 100644
--- a/src/layouts/default/header/index.vue
+++ b/src/layouts/default/header/index.vue
@@ -33,6 +33,8 @@
 
     <!-- action  -->
     <div :class="`${prefixCls}-action`">
+      <UpgradePrompt class="mr-2" />
+
       <AppSearch v-if="getShowSearch" :class="`${prefixCls}-action__item `" />
 
       <ErrorAction v-if="getUseErrorHandle" :class="`${prefixCls}-action__item error-action`" />
@@ -70,6 +72,7 @@
   import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
   import { propTypes } from '@/utils/propTypes';
 
+  import UpgradePrompt from './components/UpgradePrompt.vue';
   import LayoutMenu from '../menu/index.vue';
   import LayoutTrigger from '../trigger/index.vue';
   import { ErrorAction, FullScreen, LayoutBreadcrumb, Notify, UserDropDown } from './components';