From a59032a695c60979467e231d7166f27d3d0ec8aa Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 4 May 2024 14:57:37 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=96=B0=E5=A2=9E=E3=80=91DocAlert=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=8F=90=E4=BE=9B=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E8=BE=93=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                     |  3 ++
 src/components/DocAlert/index.ts         |  4 ++
 src/components/DocAlert/src/DocAlert.vue | 59 ++++++++++++++++++++++++
 3 files changed, 66 insertions(+)
 create mode 100644 src/components/DocAlert/index.ts
 create mode 100644 src/components/DocAlert/src/DocAlert.vue

diff --git a/.env b/.env
index 5f9b194ba..5b92fba34 100644
--- a/.env
+++ b/.env
@@ -13,5 +13,8 @@ VITE_GLOB_APP_TENANT_ENABLE = true
 # 验证码的开关
 VITE_GLOB_APP_CAPTCHA_ENABLE = true
 
+# 文档地址的开关
+VITE_APP_DOCALERT_ENABLE=true
+
 # 百度统计
 VITE_APP_BAIDU_CODE = eb21166668bf766b9d059a6fd1c10777
diff --git a/src/components/DocAlert/index.ts b/src/components/DocAlert/index.ts
new file mode 100644
index 000000000..8ca92c87a
--- /dev/null
+++ b/src/components/DocAlert/index.ts
@@ -0,0 +1,4 @@
+import docAlert from './src/DocAlert.vue'
+import { withInstall } from '@/utils'
+
+export const DocAlert = withInstall(docAlert)
diff --git a/src/components/DocAlert/src/DocAlert.vue b/src/components/DocAlert/src/DocAlert.vue
new file mode 100644
index 000000000..70083720a
--- /dev/null
+++ b/src/components/DocAlert/src/DocAlert.vue
@@ -0,0 +1,59 @@
+<script lang="tsx">
+import type { PropType } from 'vue'
+import { defineComponent } from 'vue';
+import { Alert, Button } from 'ant-design-vue';
+
+export default defineComponent({
+  name: 'DocAlert',
+  components: {
+    Alert,
+    Button
+  },
+  props: {
+    title: {
+      type: String as PropType<string>,
+      required: true,
+    },
+    url: {
+      type: String as PropType<string>,
+      required: true,
+    },
+  },
+  setup(props) {
+    /** 跳转 URL 链接 */
+    const goToUrl = () => {
+      window.open(props.url);
+    };
+
+    /** 是否开启 */
+    const getEnable = () => {
+      return import.meta.env.VITE_APP_DOCALERT_ENABLE !== 'false';
+    };
+
+    return {
+      goToUrl,
+      getEnable,
+      props
+    };
+  }
+});
+</script>
+
+<style scoped>
+.ant-alert-success {
+  margin-top: 5px;
+  margin-left: 15px;
+  margin-right: 15px;
+  cursor: pointer;
+  border: 1px solid green;
+}
+</style>
+<template>
+  <Alert v-if="getEnable()" type="success" show-icon>
+    <template #message>
+      <Button type="link" @click="goToUrl">
+        【{{ title }}】文档地址：{{ url }}
+      </Button>
+    </template>
+  </Alert>
+</template>
\ No newline at end of file