From d193677bd9aa97d2ff03e822c68df92868dd9897 Mon Sep 17 00:00:00 2001
From: Red-Asuka <liyd0623@gmail.com>
Date: Thu, 2 Feb 2023 10:47:06 +0800
Subject: [PATCH] feat(desktop): add import data tip

---
 src/components/ImportData.vue | 11 +++++++++++
 src/lang/connections.ts       |  7 +++++++
 src/utils/element.ts          |  4 ++--
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/ImportData.vue b/src/components/ImportData.vue
index c72cfe9fa..8d006fd0e 100644
--- a/src/components/ImportData.vue
+++ b/src/components/ImportData.vue
@@ -8,6 +8,14 @@
     @confirm="importData"
     @close="resetData"
   >
+    <el-alert
+      class="import-data-tip"
+      :title="$t('connections.importDataTip')"
+      type="warning"
+      show-icon
+      :closable="false"
+    >
+    </el-alert>
     <el-form ref="form" label-position="left" label-width="130px" :model="record">
       <el-row :gutter="20">
         <el-col :span="24">
@@ -396,5 +404,8 @@ export default class ImportData extends Vue {
       opacity: 0.5;
     }
   }
+  .import-data-tip {
+    margin-bottom: 12px;
+  }
 }
 </style>
diff --git a/src/lang/connections.ts b/src/lang/connections.ts
index 19cce8e15..c54a553a2 100644
--- a/src/lang/connections.ts
+++ b/src/lang/connections.ts
@@ -566,6 +566,13 @@ export default {
     ja: 'インポート',
     hu: 'Adatok importálása',
   },
+  importDataTip: {
+    zh: '导入完成后会断开所有连接，请手动点击连接进行恢复。',
+    en: 'After import, all connections will be disconnected, please click the connect button manually to restore.',
+    tr: 'İçe aktarmadan sonra tüm bağlantılar kesilecektir, lütfen geri yüklemek için bağlantı düğmesine manuel olarak tıklayın.',
+    ja: 'インポート後、すべての接続が切断されます。復元するには、接続ボタンを手動でクリックしてください。',
+    hu: 'Az importálás után az összes kapcsolat megszakad, kérjük, a visszaállításhoz kattintson a kapcsolódás gombra manuálisan.',
+  },
   importFormat: {
     zh: '导入数据格式',
     en: 'Import format',
diff --git a/src/utils/element.ts b/src/utils/element.ts
index 1075578c3..6ee0c8b4e 100644
--- a/src/utils/element.ts
+++ b/src/utils/element.ts
@@ -45,7 +45,7 @@ import {
   // TabPane,
   // Tag,
   Tree,
-  // Alert,
+  Alert,
   // Slider,
   // Icon,
   Row,
@@ -118,7 +118,7 @@ export default (Vue: typeof _Vue) => {
   // Vue.use(TabPane)
   // Vue.use(Tag)
   Vue.use(Tree)
-  // Vue.use(Alert)
+  Vue.use(Alert)
   // Vue.use(Slider)
   // Vue.use(Icon)
   Vue.use(Row)