Optimize nav experience (#121)

Co-authored-by: AceDataCloud <[email protected]>
AceDataCloud · Aug 20, 2024 · 645976a · 645976a
1 parent dc7a0b6
commit 645976a
Show file tree

Hide file tree

Showing 156 changed files with 13,583 additions and 3,582 deletions.
diff --git a/change/@acedatacloud-nexior-9aed7f24-e2a5-4df3-9b52-ce0ad54f6587.json b/change/@acedatacloud-nexior-9aed7f24-e2a5-4df3-9b52-ce0ad54f6587.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "optimize nav experience",
+  "packageName": "@acedatacloud/nexior",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/src/components/common/TopHeader.vue b/src/components/common/TopHeader.vue
@@ -4,16 +4,30 @@
       <logo @click="onHome" />
     </el-col>
     <el-col :md="16" :xs="13">
-      <el-menu :default-active="active" class="el-menu-demo" mode="horizontal" :ellipsis="false" @select="onSelect">
-        <el-menu-item v-if="site?.features?.chat?.enabled" v-t="'index.title.chat'" index="/chat"></el-menu-item>
+      <el-menu :default-active="active" mode="horizontal" :ellipsis="false" @select="onSelect">
+        <el-sub-menu :index="1">
+          <template #title>{{ $t('common.nav.products') }}</template>
+          <el-menu-item v-if="site?.features?.chat?.enabled" v-t="'index.title.chat'" index="/chat"></el-menu-item>
+          <el-menu-item
+            v-if="site?.features?.midjourney?.enabled"
+            v-t="'index.title.midjourney'"
+            index="/midjourney"
+          ></el-menu-item>
+          <el-menu-item v-if="site?.features?.qrart?.enabled" v-t="'index.title.qrart'" index="/qrart"></el-menu-item>
+          <el-menu-item v-if="site?.features?.suno?.enabled" v-t="'index.title.suno'" index="/suno"></el-menu-item>
+          <el-menu-item v-if="site?.features?.luma?.enabled" v-t="'index.title.luma'" index="/luma"></el-menu-item>
+        </el-sub-menu>
         <el-menu-item
-          v-if="site?.features?.midjourney?.enabled"
-          v-t="'index.title.midjourney'"
-          index="/midjourney"
+          v-t="'common.nav.apiPlatform'"
+          @route="undefined"
+          @click="openTab('https://platform.acedata.cloud')"
         ></el-menu-item>
-        <el-menu-item v-if="site?.features?.qrart?.enabled" v-t="'index.title.qrart'" index="/qrart"></el-menu-item>
-        <el-menu-item v-if="site?.features?.suno?.enabled" v-t="'index.title.suno'" index="/suno"></el-menu-item>
-        <el-menu-item v-if="site?.features?.qrart?.enabled" v-t="'index.title.luma'" index="/luma"></el-menu-item>
+        <el-menu-item
+          v-t="'common.nav.support'"
+          @route="undefined"
+          @click="openTab('https://platform.acedata.cloud/support')"
+        ></el-menu-item>
+        <el-menu-item v-t="'common.nav.referral'" index="/distribution"></el-menu-item>
       </el-menu>
     </el-col>
     <el-col :md="4" :xs="11">
@@ -47,7 +61,7 @@ import { defineComponent } from 'vue';
 import defaultAvatar from '@/assets/images/avatar.png';
 import { getBaseUrlAuth } from '@/utils';
 import { ROUTE_AUTH_LOGIN, ROUTE_CONSOLE_ROOT, ROUTE_INDEX } from '@/router';
-import { ElCol, ElRow, ElDropdown, ElMenu, ElMenuItem, ElDropdownItem, ElButton } from 'element-plus';
+import { ElCol, ElRow, ElDropdown, ElMenu, ElSubMenu, ElMenuItem, ElDropdownItem, ElButton } from 'element-plus';
 import DarkSelector from './DarkSelector2.vue';
 import Logo from './Logo.vue';
 
@@ -62,7 +76,8 @@ export default defineComponent({
     ElMenu,
     ElMenuItem,
     ElDropdownItem,
-    ElButton
+    ElButton,
+    ElSubMenu
   },
   data() {
     return {
@@ -71,24 +86,29 @@ export default defineComponent({
   },
   computed: {
     site() {
-      return this.$store.state.site;
+      return this.$store.state?.site;
     },
     dark() {
-      return this.$store.getters.dark;
+      return this.$store.getters?.dark;
     },
     active() {
-      return this.$route.matched[0].path;
+      return this.$route.matched?.[0]?.path;
     },
     user() {
-      return this.$store.getters.user;
+      return this.$store.getters?.user;
     },
     authenticated() {
-      return this.$store.getters.authenticated;
+      return this.$store.getters?.authenticated;
     }
   },
   methods: {
-    onSelect(val: string) {
-      this.$router.push(val);
+    openTab(url: string) {
+      window.open(url, '_blank');
+    },
+    onSelect(val: string | undefined) {
+      if (val) {
+        this.$router.push(val);
+      }
     },
     onHome() {
       this.$router.push({

diff --git a/src/i18n/.cache/02590057fcfc523cdc140c02853292be6db19277 b/src/i18n/.cache/02590057fcfc523cdc140c02853292be6db19277
diff --git a/src/i18n/.cache/049fb6b10c6505048a244f9395e7a2dcaf0fe322 b/src/i18n/.cache/049fb6b10c6505048a244f9395e7a2dcaf0fe322
diff --git a/src/i18n/.cache/05172a14aa323cabcd6e7c0024547044a3d4a9b3 b/src/i18n/.cache/05172a14aa323cabcd6e7c0024547044a3d4a9b3
diff --git a/src/i18n/.cache/0867529f993c8c56b9c94573cec176bea168b5b2 b/src/i18n/.cache/0867529f993c8c56b9c94573cec176bea168b5b2
diff --git a/src/i18n/.cache/0a047513a714f0b8ef834a310ac20a91de6af5a2 b/src/i18n/.cache/0a047513a714f0b8ef834a310ac20a91de6af5a2
diff --git a/src/i18n/.cache/0b7ae48fcac9ca54742816fd297191f31ab8e890 b/src/i18n/.cache/0b7ae48fcac9ca54742816fd297191f31ab8e890
diff --git a/src/i18n/.cache/0bd0a2f82a15b596ce199e18eb9fe1aad6c212c8 b/src/i18n/.cache/0bd0a2f82a15b596ce199e18eb9fe1aad6c212c8
diff --git a/src/i18n/.cache/0cb3fb30369e46e7cf3571d29f61e66eafe9a43b b/src/i18n/.cache/0cb3fb30369e46e7cf3571d29f61e66eafe9a43b
diff --git a/src/i18n/.cache/0d72394465395fb5387ce5c95a0bf01c0f1be3b6 b/src/i18n/.cache/0d72394465395fb5387ce5c95a0bf01c0f1be3b6
diff --git a/src/i18n/.cache/0fe33e3bf3d568d92a09f62f815162bc51c727e7 b/src/i18n/.cache/0fe33e3bf3d568d92a09f62f815162bc51c727e7
diff --git a/src/i18n/.cache/14558a2be76bc8f7af68a6b46b460e36427460ca b/src/i18n/.cache/14558a2be76bc8f7af68a6b46b460e36427460ca
diff --git a/src/i18n/.cache/156aedf7ae9884e533e0aea22a40992a56735bd7 b/src/i18n/.cache/156aedf7ae9884e533e0aea22a40992a56735bd7
diff --git a/src/i18n/.cache/15b8254666af521edc9761efce3c0c813c3b6b40 b/src/i18n/.cache/15b8254666af521edc9761efce3c0c813c3b6b40
diff --git a/src/i18n/.cache/1609d8ad08742606c919072da7b11024057ae2a8 b/src/i18n/.cache/1609d8ad08742606c919072da7b11024057ae2a8
diff --git a/src/i18n/.cache/18a7499bd03314bc659b564a690083f224d2bb52 b/src/i18n/.cache/18a7499bd03314bc659b564a690083f224d2bb52
diff --git a/src/i18n/.cache/1cedbcc6ba27f173a8ef0dcceb29d754c5d2e6e2 b/src/i18n/.cache/1cedbcc6ba27f173a8ef0dcceb29d754c5d2e6e2
diff --git a/src/i18n/.cache/20f3db5c5464d83077b4e41d224d33aecd436c98 b/src/i18n/.cache/20f3db5c5464d83077b4e41d224d33aecd436c98
diff --git a/src/i18n/.cache/2105591f21d4b684aae07c130f4f8e4c6b1ea282 b/src/i18n/.cache/2105591f21d4b684aae07c130f4f8e4c6b1ea282
diff --git a/src/i18n/.cache/253ee6a0b340f6861a08537bc9b3ce596a70424d b/src/i18n/.cache/253ee6a0b340f6861a08537bc9b3ce596a70424d
diff --git a/src/i18n/.cache/25f483da9f625321c61392a9b766dcb757c1870b b/src/i18n/.cache/25f483da9f625321c61392a9b766dcb757c1870b
diff --git a/src/i18n/.cache/2673ea894fb0bd8506195914f5c19bb558656a18 b/src/i18n/.cache/2673ea894fb0bd8506195914f5c19bb558656a18
diff --git a/src/i18n/.cache/2c37cb35e55bf623252459a0e04fa2af295bd23b b/src/i18n/.cache/2c37cb35e55bf623252459a0e04fa2af295bd23b
diff --git a/src/i18n/.cache/3a859622169260bbdeafce2893163cd89d58b69c b/src/i18n/.cache/3a859622169260bbdeafce2893163cd89d58b69c
diff --git a/src/i18n/.cache/3ad48781b6e9b5464ea1e624690fb26d74191e42 b/src/i18n/.cache/3ad48781b6e9b5464ea1e624690fb26d74191e42
diff --git a/src/i18n/.cache/43a1d84b1e675f6b1b8b756b9a3f2322d7062251 b/src/i18n/.cache/43a1d84b1e675f6b1b8b756b9a3f2322d7062251
diff --git a/src/i18n/.cache/474968332796da99cd860cd9a496c30c27b06722 b/src/i18n/.cache/474968332796da99cd860cd9a496c30c27b06722
diff --git a/src/i18n/.cache/49bba85cb1665c23cb1c1c3c11f475ed4d3465f3 b/src/i18n/.cache/49bba85cb1665c23cb1c1c3c11f475ed4d3465f3
diff --git a/src/i18n/.cache/4b87bf8d937b37b8922b48501c82cc723a15d2b2 b/src/i18n/.cache/4b87bf8d937b37b8922b48501c82cc723a15d2b2
diff --git a/src/i18n/.cache/4f735ebb64a46d463285c6cf987515084d678ff3 b/src/i18n/.cache/4f735ebb64a46d463285c6cf987515084d678ff3
diff --git a/src/i18n/.cache/525bacd7fadeac5e24cdefd61eed4c309dc1abdd b/src/i18n/.cache/525bacd7fadeac5e24cdefd61eed4c309dc1abdd
diff --git a/src/i18n/.cache/58a0e027ca29c877e4b9212e62b55590b7ec94a2 b/src/i18n/.cache/58a0e027ca29c877e4b9212e62b55590b7ec94a2
diff --git a/src/i18n/.cache/591fef597e9d1d701a939241f9976008ba4550ac b/src/i18n/.cache/591fef597e9d1d701a939241f9976008ba4550ac
diff --git a/src/i18n/.cache/5a592e16ef5ee5179dda9beaf46d138c29aca43a b/src/i18n/.cache/5a592e16ef5ee5179dda9beaf46d138c29aca43a
diff --git a/src/i18n/.cache/5bb03400992ffa9505bf0e06119c3cc65552043e b/src/i18n/.cache/5bb03400992ffa9505bf0e06119c3cc65552043e
diff --git a/src/i18n/.cache/5d46b3ba5aeb2dcc584f2a64d328f3d0cd2a9f15 b/src/i18n/.cache/5d46b3ba5aeb2dcc584f2a64d328f3d0cd2a9f15
diff --git a/src/i18n/.cache/62a378e34ac0df04c325b9a206169466f7c172a5 b/src/i18n/.cache/62a378e34ac0df04c325b9a206169466f7c172a5
diff --git a/src/i18n/.cache/63fe543ce1a1ebdfb67bfa8c65d6e6ba3223515c b/src/i18n/.cache/63fe543ce1a1ebdfb67bfa8c65d6e6ba3223515c
diff --git a/src/i18n/.cache/67b707c993e08d82e05c4b857e1975b3bbf8c7e5 b/src/i18n/.cache/67b707c993e08d82e05c4b857e1975b3bbf8c7e5
diff --git a/src/i18n/.cache/68efdf7ac0a2369e31207c7f4800e45ff77ea5dd b/src/i18n/.cache/68efdf7ac0a2369e31207c7f4800e45ff77ea5dd
diff --git a/src/i18n/.cache/710584e20f58315407ab006bfbb8e08e72e9357c b/src/i18n/.cache/710584e20f58315407ab006bfbb8e08e72e9357c
diff --git a/src/i18n/.cache/8065ff760ebef492d7255f1d22dd7193ab21df73 b/src/i18n/.cache/8065ff760ebef492d7255f1d22dd7193ab21df73
diff --git a/src/i18n/.cache/8174ee01a09193a0c3c958c04605ba0d17302de1 b/src/i18n/.cache/8174ee01a09193a0c3c958c04605ba0d17302de1
diff --git a/src/i18n/.cache/8978d5d04039f2d86b6e910576ab24b752055874 b/src/i18n/.cache/8978d5d04039f2d86b6e910576ab24b752055874
diff --git a/src/i18n/.cache/8a2b155eceafe92f41907a4883469ab645c1b91b b/src/i18n/.cache/8a2b155eceafe92f41907a4883469ab645c1b91b
diff --git a/src/i18n/.cache/8a64b7abe8e22fa19cedf4972a0ed9ae80e1f926 b/src/i18n/.cache/8a64b7abe8e22fa19cedf4972a0ed9ae80e1f926
diff --git a/src/i18n/.cache/8b7f4b1f14a66f92f6111d7c22cec6d87c0632ec b/src/i18n/.cache/8b7f4b1f14a66f92f6111d7c22cec6d87c0632ec
diff --git a/src/i18n/.cache/8c984eed1e5ad28a4c47b45dff07bccb15cf26c1 b/src/i18n/.cache/8c984eed1e5ad28a4c47b45dff07bccb15cf26c1
diff --git a/src/i18n/.cache/8f157cc05e2674d53d0f9767007f8c68a03959cb b/src/i18n/.cache/8f157cc05e2674d53d0f9767007f8c68a03959cb
diff --git a/src/i18n/.cache/939975550a5ac82c8d5d740bda8fdba28cd0e447 b/src/i18n/.cache/939975550a5ac82c8d5d740bda8fdba28cd0e447
diff --git a/src/i18n/.cache/954a46af1a72ccfb536b2bdc6079a2fa095903a3 b/src/i18n/.cache/954a46af1a72ccfb536b2bdc6079a2fa095903a3
diff --git a/src/i18n/.cache/99a5300e605c7d6db76d0b3814db6079ff18ac83 b/src/i18n/.cache/99a5300e605c7d6db76d0b3814db6079ff18ac83
diff --git a/src/i18n/.cache/9a26916624f665fa8d633864eeaaaddf6a4d8d4b b/src/i18n/.cache/9a26916624f665fa8d633864eeaaaddf6a4d8d4b
diff --git a/src/i18n/.cache/9c4a6f137ac5285f554b3bd82869006f5e61f840 b/src/i18n/.cache/9c4a6f137ac5285f554b3bd82869006f5e61f840
diff --git a/src/i18n/.cache/9c4df854a3b5c17c36e126b467a2a66a24b67279 b/src/i18n/.cache/9c4df854a3b5c17c36e126b467a2a66a24b67279
diff --git a/src/i18n/.cache/9fcf8e117d66929a02ef12e6d6194ae94fc6a3ba b/src/i18n/.cache/9fcf8e117d66929a02ef12e6d6194ae94fc6a3ba
diff --git a/src/i18n/.cache/a1a91e4ef469a5c6c540a3a75cfb4adc05af0660 b/src/i18n/.cache/a1a91e4ef469a5c6c540a3a75cfb4adc05af0660
diff --git a/src/i18n/.cache/a43a6fcc7ebdef87f03959814a4ed63a151cfc6e b/src/i18n/.cache/a43a6fcc7ebdef87f03959814a4ed63a151cfc6e
diff --git a/src/i18n/.cache/a70e9c69bd784cedbebbf7830df4cd44575b9969 b/src/i18n/.cache/a70e9c69bd784cedbebbf7830df4cd44575b9969
diff --git a/src/i18n/.cache/a710db1b15278de952dbc05933048c2756aae8c9 b/src/i18n/.cache/a710db1b15278de952dbc05933048c2756aae8c9
diff --git a/src/i18n/.cache/a84ace89bc3b62bfa900b5fb1ef23c2262ea3eb1 b/src/i18n/.cache/a84ace89bc3b62bfa900b5fb1ef23c2262ea3eb1
diff --git a/src/i18n/.cache/af9fa8b868c5e9f57851e2eae92ecd91a82c2655 b/src/i18n/.cache/af9fa8b868c5e9f57851e2eae92ecd91a82c2655
diff --git a/src/i18n/.cache/b12556b4c8b23dd0e1d00cd67369bea518711a15 b/src/i18n/.cache/b12556b4c8b23dd0e1d00cd67369bea518711a15
diff --git a/src/i18n/.cache/b8ed03ad125c2f5c06af32083a8d514451ea0fcd b/src/i18n/.cache/b8ed03ad125c2f5c06af32083a8d514451ea0fcd
diff --git a/src/i18n/.cache/bb5d1b6f42b461a6482515662f98994da3f79ee6 b/src/i18n/.cache/bb5d1b6f42b461a6482515662f98994da3f79ee6
diff --git a/src/i18n/.cache/bccd5ee956a05721c3b1a05edb5c8e0734bd248a b/src/i18n/.cache/bccd5ee956a05721c3b1a05edb5c8e0734bd248a
diff --git a/src/i18n/.cache/bcf7c1556fbb18658eb7de1b60d453a016bbf7bd b/src/i18n/.cache/bcf7c1556fbb18658eb7de1b60d453a016bbf7bd
diff --git a/src/i18n/.cache/bd232087d5ea93757cdf33854d6eba3f6c79680b b/src/i18n/.cache/bd232087d5ea93757cdf33854d6eba3f6c79680b
diff --git a/src/i18n/.cache/bd7c9eca81e45d9039fdcce9c1a246c526b49deb b/src/i18n/.cache/bd7c9eca81e45d9039fdcce9c1a246c526b49deb
diff --git a/src/i18n/.cache/be6f8b37b457e54a95ee5d63afc0aeea9886fcca b/src/i18n/.cache/be6f8b37b457e54a95ee5d63afc0aeea9886fcca
diff --git a/src/i18n/.cache/c152367584cca9073ffafc2f5c7475fca025174a b/src/i18n/.cache/c152367584cca9073ffafc2f5c7475fca025174a
diff --git a/src/i18n/.cache/c2ff9eaef36645354b2bf2f52b08da3d263c3d63 b/src/i18n/.cache/c2ff9eaef36645354b2bf2f52b08da3d263c3d63
diff --git a/src/i18n/.cache/c5748edca696d08a56d7c7221a286403b8840b53 b/src/i18n/.cache/c5748edca696d08a56d7c7221a286403b8840b53
diff --git a/src/i18n/.cache/d0172a888b040a7180b376a82ebe04ddf4e9f19d b/src/i18n/.cache/d0172a888b040a7180b376a82ebe04ddf4e9f19d
diff --git a/src/i18n/.cache/d19a016c9e4e3c219490566f49e159d337f238b2 b/src/i18n/.cache/d19a016c9e4e3c219490566f49e159d337f238b2
diff --git a/src/i18n/.cache/d3d99aa5e37b5e2308046a502fe42e73d0d04cca b/src/i18n/.cache/d3d99aa5e37b5e2308046a502fe42e73d0d04cca
diff --git a/src/i18n/.cache/dbbe352fca6f5243377a32fa1736b74ce7f28567 b/src/i18n/.cache/dbbe352fca6f5243377a32fa1736b74ce7f28567
diff --git a/src/i18n/.cache/e41d5facea0650ba9ede679aa5c2f1970905177d b/src/i18n/.cache/e41d5facea0650ba9ede679aa5c2f1970905177d
diff --git a/src/i18n/.cache/e5cf9db9b82ff21641d51312ea7da27b6c1ec135 b/src/i18n/.cache/e5cf9db9b82ff21641d51312ea7da27b6c1ec135
diff --git a/src/i18n/.cache/e726cf75d75869bd5346d52863777e4657b2eb9d b/src/i18n/.cache/e726cf75d75869bd5346d52863777e4657b2eb9d
diff --git a/src/i18n/.cache/ee2ce88fc78805ccc6a6df9e12f48843329b6422 b/src/i18n/.cache/ee2ce88fc78805ccc6a6df9e12f48843329b6422
diff --git a/src/i18n/.cache/f0562109b84d5fd23277e788fa46945700b91c16 b/src/i18n/.cache/f0562109b84d5fd23277e788fa46945700b91c16
diff --git a/src/i18n/.cache/f3f99a70dfad958566d2396708dbfd3da6fb3a48 b/src/i18n/.cache/f3f99a70dfad958566d2396708dbfd3da6fb3a48
diff --git a/src/i18n/.cache/f817c6bae215f2e56d080b5084d5b559c347e3ce b/src/i18n/.cache/f817c6bae215f2e56d080b5084d5b559c347e3ce
diff --git a/src/i18n/.cache/fd1528552a3fa0934d247943d1411a2ea5bf1731 b/src/i18n/.cache/fd1528552a3fa0934d247943d1411a2ea5bf1731
diff --git a/src/i18n/.cache/fe7a4869d3e81ae90749bd45a247e12ffdc0e812 b/src/i18n/.cache/fe7a4869d3e81ae90749bd45a247e12ffdc0e812