[incubator-seatunnel] branch dev updated: [Feat][UI] Add dashboard default router. (#2216)

[zhongjiajie]

This is an automated email from the ASF dual-hosted git repository.

zhongjiajie pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-seatunnel.git


The following commit(s) were added to refs/heads/dev by this push:
     new 99d7cea68 [Feat][UI] Add dashboard default router. (#2216)
99d7cea68 is described below

commit 99d7cea683df8512bd256e075e96b044e5086239
Author: songjianet <1778651...@qq.com>
AuthorDate: Tue Jul 19 19:51:08 2022 +0800

    [Feat][UI] Add dashboard default router. (#2216)
---
 .../src/layouts/dashboard/header/menu/use-menu.ts  |  4 ++--
 seatunnel-ui/src/locales/en_US/index.ts            |  4 +++-
 seatunnel-ui/src/locales/en_US/menu.ts             |  6 +++++-
 seatunnel-ui/src/router/datapipes.ts               | 25 ++++++++++++++++++++++
 seatunnel-ui/src/router/routes.ts                  |  3 ++-
 .../index.ts => views/datapipes/list/index.tsx}    | 15 +++++++++----
 6 files changed, 48 insertions(+), 9 deletions(-)

diff --git a/seatunnel-ui/src/layouts/dashboard/header/menu/use-menu.ts 
b/seatunnel-ui/src/layouts/dashboard/header/menu/use-menu.ts
index 06da1ec56..bfd561660 100644
--- a/seatunnel-ui/src/layouts/dashboard/header/menu/use-menu.ts
+++ b/seatunnel-ui/src/layouts/dashboard/header/menu/use-menu.ts
@@ -24,8 +24,8 @@ export function useMenu() {
 
   const menuOptions = [
     {
-      label: () => h(NEllipsis, null, { default: () => t('menu.project') }),
-      key: 'projects',
+      label: () => h(NEllipsis, null, { default: () => t('menu.datapipes') }),
+      key: 'datapipes',
     }
   ]
 
diff --git a/seatunnel-ui/src/locales/en_US/index.ts 
b/seatunnel-ui/src/locales/en_US/index.ts
index 13c76a074..87184b852 100644
--- a/seatunnel-ui/src/locales/en_US/index.ts
+++ b/seatunnel-ui/src/locales/en_US/index.ts
@@ -16,7 +16,9 @@
  */
 
 import login from '@/locales/en_US/login'
+import menu from '@/locales/en_US/menu'
 
 export default {
-  login
+  login,
+  menu
 }
\ No newline at end of file
diff --git a/seatunnel-ui/src/locales/en_US/menu.ts 
b/seatunnel-ui/src/locales/en_US/menu.ts
index c6a5afeef..21e5339b2 100644
--- a/seatunnel-ui/src/locales/en_US/menu.ts
+++ b/seatunnel-ui/src/locales/en_US/menu.ts
@@ -13,4 +13,8 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
\ No newline at end of file
+ */
+
+export default {
+  datapipes: 'Datapipes'
+}
\ No newline at end of file
diff --git a/seatunnel-ui/src/router/datapipes.ts 
b/seatunnel-ui/src/router/datapipes.ts
index 29400e587..3d9fa35a3 100644
--- a/seatunnel-ui/src/router/datapipes.ts
+++ b/seatunnel-ui/src/router/datapipes.ts
@@ -15,3 +15,28 @@
  * limitations under the License.
  */
 
+import utils from '@/utils'
+import type { Component } from 'vue'
+
+const modules = import.meta.glob('/src/views/**/**.tsx')
+const components: { [key: string]: Component } = utils.mapping(modules)
+
+export default {
+  path: '/datapipes',
+  name: 'datapipes',
+  meta: {
+    title: 'datapipes'
+  },
+  redirect: { name: 'datapipes-list' },
+  component: () => import('@/layouts/dashboard'),
+  children: [
+    {
+      path: '/datapipes/list',
+      name: 'datapipes-list',
+      component: components['datapipes-list'],
+      meta: {
+        title: 'datapipes-list'
+      }
+    },
+  ]
+}
diff --git a/seatunnel-ui/src/router/routes.ts 
b/seatunnel-ui/src/router/routes.ts
index 1a62f7db8..da22c9a11 100644
--- a/seatunnel-ui/src/router/routes.ts
+++ b/seatunnel-ui/src/router/routes.ts
@@ -16,6 +16,7 @@
  */
 
 import utils from '@/utils'
+import datapipes from '@/router/datapipes'
 import type { RouteRecordRaw } from 'vue-router'
 import type { Component } from 'vue'
 
@@ -23,7 +24,7 @@ const modules = import.meta.glob('/src/views/**/**.tsx')
 const components: { [key: string]: Component } = utils.mapping(modules)
 
 const basePage: RouteRecordRaw[] = [
-
+  datapipes
 ]
 
 const loginPage: RouteRecordRaw[] = [
diff --git a/seatunnel-ui/src/locales/en_US/index.ts 
b/seatunnel-ui/src/views/datapipes/list/index.tsx
similarity index 81%
copy from seatunnel-ui/src/locales/en_US/index.ts
copy to seatunnel-ui/src/views/datapipes/list/index.tsx
index 13c76a074..105ff629c 100644
--- a/seatunnel-ui/src/locales/en_US/index.ts
+++ b/seatunnel-ui/src/views/datapipes/list/index.tsx
@@ -15,8 +15,15 @@
  * limitations under the License.
  */
 
-import login from '@/locales/en_US/login'
+import { defineComponent } from 'vue'
 
-export default {
-  login
-}
\ No newline at end of file
+const DataPipesList = defineComponent({
+  setup() {},
+  render() {
+    return (
+      <div>datapipes</div>
+    )
+  }
+})
+
+export default DataPipesList
\ No newline at end of file