From cc13bc70cc22589209996018eb5e5cda773e8e97 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Tue, 5 Sep 2023 16:10:35 +0800
Subject: [PATCH 01/21] feat: init the layout of new web page of controller

---
 linkis-web/.env                               |   2 +-
 linkis-web/package.json                       | 160 ++--
 .../apps/linkis/module/codeQuery/index.vue    | 242 +++---
 .../module/globalHistoryManagement/index.vue  | 173 +++--
 .../module/resourceManagement/index.vue       | 709 +++++++++++-------
 linkis-web/vue.config.js                      | 158 ++--
 6 files changed, 894 insertions(+), 550 deletions(-)

diff --git a/linkis-web/.env b/linkis-web/.env
index d9f101acc3..5983420f56 100644
--- a/linkis-web/.env
+++ b/linkis-web/.env
@@ -1,5 +1,5 @@
 VUE_APP_HOST=
-BACKEND_URL=http://127.0.0.1:9001
+BACKEND_URL=http://106.52.77.156:19888
 VUE_APP_MN_CONFIG_PREFIX=
 VUE_APP_MN_CONFIG_SOCKET=/ws/api/entrance/connect
 VUE_APP_VERSION=1.3.2
diff --git a/linkis-web/package.json b/linkis-web/package.json
index 064566871d..7e722ec39f 100644
--- a/linkis-web/package.json
+++ b/linkis-web/package.json
@@ -1,83 +1,83 @@
 {
-    "name": "linkis",
-    "version": "1.3.2",
-    "private": true,
-    "scripts": {
-        "serve": "vue-cli-service serve",
-        "build": "vue-cli-service build",
-        "lint": "vue-cli-service lint --no-fix",
-        "fix": "eslint --ext .js,.vue src --fix",
-        "precommit": "lint-staged",
-        "preinstall": "npm install --package-lock-only --ignore-scripts && npx npm-force-resolutions"
-    },
-    "husky": {
-        "hooks": {
-            "postcommit": "git update-index --again",
-            "pre-commit": "lint-staged"
-        }
-    },
-    "lint-staged": {
-        "src/**/*.{js,vue}": [
-            "vue-cli-service lint --no-fix"
-        ]
-    },
-    "dependencies": {
-        "@form-create/iview": "2.5.27",
-        "axios": "0.21.4",
-        "babel-polyfill": "6.26.0",
-        "core-js": "3.27.2",
-        "dexie": "3.2.3",
-        "dt-sql-parser": "3.0.5",
-        "eslint": "7.21.0",
-        "eslint-plugin-vue": "9.6.0",
-        "highlight.js": "10.7.0",
-        "iview": "3.5.4",
-        "jsencrypt": "3.2.1",
-        "lodash": "4.17.21",
-        "md5": "2.3.0",
-        "mitt": "1.2.0",
-        "moment": "2.29.4",
-        "monaco-editor": "0.30.1",
-        "object-to-formdata": "4.2.2",
-        "path-browserify": "1.0.1",
-        "postcss": "8.4.21",
-        "qs": "6.11.0",
-        "reconnecting-websocket": "4.4.0",
-        "sql-formatter": "2.3.3",
-        "svgo": "3.0.2",
-        "v-jsoneditor": "1.4.5",
-        "vue": "2.6.12",
-        "vue-i18n": "8.22.1",
-        "vue-router": "3.4.8",
-        "vuedraggable": "2.24.3",
-        "vuescroll": "4.16.1",
-        "worker-loader": "3.0.8"
-    },
-    "devDependencies": {
-        "@intlify/vue-i18n-loader": "1.0.0",
-        "@vue/cli-plugin-babel": "5.0.8",
-        "@vue/cli-plugin-eslint": "5.0.8",
-        "@vue/cli-service": "5.0.8",
-        "@vue/eslint-config-standard": "4.0.0",
-        "archiver": "3.1.1",
-        "autoprefixer": "10.4.14",
-        "babel-eslint": "10.1.0",
-        "copy-webpack-plugin": "9.1.0",
-        "csp-html-webpack-plugin": "5.1.0",
-        "filemanager-webpack-plugin": "7.0.0",
-        "husky": "1.3.1",
-        "lint-staged": "13.1.1",
-        "material-design-icons": "3.0.1",
-        "monaco-editor-webpack-plugin": "6.0.0",
-        "node-sass": "8.0.0",
-        "npm-force-resolutions": "0.0.10",
-        "sass-loader": "10.4.1",
-        "svg-sprite-loader": "6.0.0",
-        "vue-cli-plugin-mockjs": "0.1.3",
-        "vue-template-compiler": "2.6.12",
-        "webpack-virtual-modules": "0.3.2"
-    },
-    "resolutions": {
-        "postcss": "8.4.21"
+  "name": "linkis",
+  "version": "1.3.2",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint --no-fix",
+    "fix": "eslint --ext .js,.vue src --fix",
+    "precommit": "lint-staged",
+    "preinstall": "npm install --package-lock-only --ignore-scripts && npx npm-force-resolutions"
+  },
+  "husky": {
+    "hooks": {
+      "postcommit": "git update-index --again",
+      "pre-commit": "lint-staged"
     }
+  },
+  "lint-staged": {
+    "src/**/*.{js,vue}": [
+      "vue-cli-service lint --no-fix"
+    ]
+  },
+  "dependencies": {
+    "@form-create/iview": "2.5.27",
+    "axios": "0.21.4",
+    "babel-polyfill": "6.26.0",
+    "core-js": "^3.31.0",
+    "dexie": "3.2.3",
+    "dt-sql-parser": "3.0.5",
+    "eslint": "7.21.0",
+    "eslint-plugin-vue": "9.6.0",
+    "highlight.js": "10.7.0",
+    "iview": "3.5.4",
+    "jsencrypt": "3.2.1",
+    "lodash": "4.17.21",
+    "md5": "2.3.0",
+    "mitt": "1.2.0",
+    "moment": "2.29.4",
+    "monaco-editor": "0.30.1",
+    "object-to-formdata": "4.2.2",
+    "path-browserify": "1.0.1",
+    "postcss": "8.4.21",
+    "qs": "6.11.0",
+    "reconnecting-websocket": "4.4.0",
+    "sql-formatter": "2.3.3",
+    "svgo": "3.0.2",
+    "v-jsoneditor": "1.4.5",
+    "vue": "2.6.12",
+    "vue-i18n": "8.22.1",
+    "vue-router": "3.4.8",
+    "vuedraggable": "2.24.3",
+    "vuescroll": "4.16.1",
+    "worker-loader": "3.0.8"
+  },
+  "devDependencies": {
+    "@intlify/vue-i18n-loader": "1.0.0",
+    "@vue/cli-plugin-babel": "5.0.8",
+    "@vue/cli-plugin-eslint": "5.0.8",
+    "@vue/cli-service": "5.0.8",
+    "@vue/eslint-config-standard": "4.0.0",
+    "archiver": "3.1.1",
+    "autoprefixer": "10.4.14",
+    "babel-eslint": "10.1.0",
+    "copy-webpack-plugin": "9.1.0",
+    "csp-html-webpack-plugin": "5.1.0",
+    "filemanager-webpack-plugin": "7.0.0",
+    "husky": "1.3.1",
+    "lint-staged": "13.1.1",
+    "material-design-icons": "3.0.1",
+    "monaco-editor-webpack-plugin": "6.0.0",
+    "node-sass": "8.0.0",
+    "npm-force-resolutions": "0.0.10",
+    "sass-loader": "10.4.1",
+    "svg-sprite-loader": "6.0.0",
+    "vue-cli-plugin-mockjs": "0.1.3",
+    "vue-template-compiler": "2.6.12",
+    "webpack-virtual-modules": "0.3.2"
+  },
+  "resolutions": {
+    "postcss": "8.4.21"
+  }
 }
diff --git a/linkis-web/src/apps/linkis/module/codeQuery/index.vue b/linkis-web/src/apps/linkis/module/codeQuery/index.vue
index 1afef71a20..a1ddaa3920 100644
--- a/linkis-web/src/apps/linkis/module/codeQuery/index.vue
+++ b/linkis-web/src/apps/linkis/module/codeQuery/index.vue
@@ -17,23 +17,48 @@
 
 <template>
   <div class="code-query">
-    <Form class="code-query-searchbar" :model="searchBar" inline label-position="left" style="width: 99%" @submit.native.prevent>
-      <FormItem prop="executionCode" :label="$t('message.linkis.codeQuery.executionCode')" :label-width="60" style="width: 100%; margin-bottom: 5px">
+    <Form
+      class="code-query-searchbar"
+      :model="searchBar"
+      inline
+      label-position="left"
+      style="width: 99%"
+      @submit.native.prevent
+    >
+      <FormItem
+        prop="executionCode"
+        :label="$t('message.linkis.codeQuery.executionCode')"
+        :label-width="60"
+        style="width: 100%; margin-bottom: 5px"
+      >
         <Input
           v-model="searchBar.executionCode"
-          :placeholder="$t('message.linkis.codeQuery.placeholder.executionCode')"
+          :placeholder="
+            $t('message.linkis.codeQuery.placeholder.executionCode')
+          "
         ></Input>
       </FormItem>
     </Form>
-    <div style="font-style: italic; color: #cccccc;">{{$t('message.linkis.codeQuery.searchRange')}}</div>
-    <Form class="code-query-searchbar" :model="searchBar" inline label-position="left">
+    <div style="font-style: italic; color: #cccccc">
+      {{ $t('message.linkis.codeQuery.searchRange') }}
+    </div>
+    <Form
+      class="code-query-searchbar"
+      :model="searchBar"
+      inline
+      label-position="left"
+    >
       <!-- <FormItem prop="executionCode" :label="$t('message.linkis.codeQuery.executionCode')" :label-width="60">
         <Input
           v-model="searchBar.executionCode"
           :placeholder="$t('message.linkis.codeQuery.placeholder.executionCode')"
         ></Input>
       </FormItem> -->
-      <FormItem prop="shortcut" :label="$t('message.linkis.codeQuery.dateRange')" :label-width="60">
+      <FormItem
+        prop="shortcut"
+        :label="$t('message.linkis.codeQuery.dateRange')"
+        :label-width="60"
+      >
         <DatePicker
           :transfer="true"
           class="datepicker"
@@ -47,10 +72,14 @@
           :editable="false"
         />
       </FormItem>
-      <FormItem prop="status" :label="$t('message.linkis.formItems.status.label')" :label-width="38">
+      <FormItem
+        prop="status"
+        :label="$t('message.linkis.formItems.status.label')"
+        :label-width="38"
+      >
         <Select v-model="searchBar.status" style="width: 90px">
           <Option
-            v-for="(item) in statusType"
+            v-for="item in statusType"
             :label="item.label"
             :value="item.value"
             :key="item.value"
@@ -61,18 +90,17 @@
         <Button
           type="primary"
           @click="confirmSearch"
-          style="margin-right: 10px;"
-        >{{ $t('message.linkis.search') }}</Button>
-        <Button
-          type="warning"
-          @click="reset"
-          style="margin-right: 10px;"
-        >{{ $t('message.linkis.clearSearch') }}</Button>
-        <Button
-          type="primary"
-          @click="switchAdmin"
-          v-if="isLogAdmin"
-        >{{ isAdminModel ? $t('message.linkis.generalView') : $t('message.linkis.manageView') }}</Button>
+          style="margin-right: 10px"
+        >{{ $t('message.linkis.search') }}</Button
+        >
+        <Button type="warning" @click="reset" style="margin-right: 10px">{{
+          $t('message.linkis.clearSearch')
+        }}</Button>
+        <Button type="primary" @click="switchAdmin" v-if="isLogAdmin">{{
+          isAdminModel
+            ? $t('message.linkis.generalView')
+            : $t('message.linkis.manageView')
+        }}</Button>
       </FormItem>
     </Form>
     <Table
@@ -83,8 +111,8 @@
       :data="tableData"
       :loading="tableLoading"
       class="table-content data-source-table"
-      :no-data-text="this.noDataText">
-
+      :no-data-text="this.noDataText"
+    >
     </Table>
     <Page
       :page-size="page.pageSize"
@@ -93,8 +121,14 @@
       @on-change="changePage"
       size="small"
       show-elevator
-      :prev-text="$t('message.linkis.previousPage')" :next-text="$t('message.linkis.nextPage')"
-      style="position: absoulute; bottom: 10px; overflow: hidden; text-align: center;"
+      :prev-text="$t('message.linkis.previousPage')"
+      :next-text="$t('message.linkis.nextPage')"
+      style="
+        position: absoulute;
+        bottom: 10px;
+        overflow: hidden;
+        text-align: center;
+      "
     ></Page>
   </div>
 </template>
@@ -108,14 +142,14 @@ export default {
       tableData: [],
       beforeSearch: true,
       searchBar: {
-        executionCode: "",
+        executionCode: '',
         shortcut: [],
-        status: "",
+        status: ''
       },
       searchParams: {
-        executionCode: "",
+        executionCode: '',
         shortcut: [],
-        status: "",
+        status: ''
       },
       tableLoading: false,
       isLogAdmin: false,
@@ -199,28 +233,32 @@ export default {
           align: 'center',
           render: (h, params) => {
             return h('div', [
-              h('Button', {
-                // props: {
-                //   type: 'default',
-                //   size: 'small'
-                // },
-                class: {
-                  'render-btn': true,
-                },
-                on: {
-                  click: () => {
-                    this.check(params.row.id)
+              h(
+                'Button',
+                {
+                  // props: {
+                  //   type: 'default',
+                  //   size: 'small'
+                  // },
+                  class: {
+                    'render-btn': true
+                  },
+                  on: {
+                    click: () => {
+                      this.check(params.row.id)
+                    }
                   }
-                }
-              }, this.$t('message.linkis.codeQuery.check'))
-            ]);
+                },
+                this.$t('message.linkis.codeQuery.check')
+              )
+            ])
           }
         },
         {
           title: this.$t('message.linkis.codeQuery.id'),
           key: 'id',
           width: 200,
-          align: 'center',
+          align: 'center'
         },
         {
           title: this.$t('message.linkis.codeQuery.code'),
@@ -248,33 +286,39 @@ export default {
           tooltip: true,
           align: 'center',
           render: (h, params) => {
-            return h('Tag', {
-              props: {
-                color: this.colorGetter(params.row.status)
-              }
-            }, this.$t(`message.linkis.statusType.${params.row.status.toLowerCase()}`))
+            return h(
+              'Tag',
+              {
+                props: {
+                  color: this.colorGetter(params.row.status)
+                }
+              },
+              this.$t(
+                `message.linkis.statusType.${params.row.status.toLowerCase()}`
+              )
+            )
           }
-        },
+        }
       ],
       page: {
         pageSize: 10,
         pageNow: 1,
-        totalPage: 0,
+        totalPage: 0
       },
-      userName: '',
+      userName: ''
     }
   },
   computed: {
     noDataText() {
-      if(this.beforeSearch) {
+      if (this.beforeSearch) {
         return this.$t('message.linkis.noDataTextBeforeSearch')
       }
       return this.$t('message.linkis.noDataTextAfterSearch')
-    },
+    }
   },
   methods: {
     confirmSearch() {
-      if(this.tableLoading) return;
+      if (this.tableLoading) return
       this.searchParams = cloneDeep(this.searchBar)
       this.page.pageNow = 1
       this.search()
@@ -289,33 +333,33 @@ export default {
     },
     async reset() {
       this.searchBar = {
-        executionCode: "",
+        executionCode: '',
         shortcut: [],
-        status: "",
-      };
+        status: ''
+      }
       this.searchParams = {
-        executionCode: "",
+        executionCode: '',
         shortcut: [],
-        status: "",
-      };
-      this.beforeSearch = true;
-      this.tableData = [];
+        status: ''
+      }
+      this.beforeSearch = true
+      this.tableData = []
     },
     async changePage(val) {
-      this.page.pageNow = val;
-      await this.search();
+      this.page.pageNow = val
+      await this.search()
     },
     async search() {
       try {
         this.tableLoading = true
-        if(!this.searchParams.executionCode) {
+        if (!this.searchParams.executionCode) {
           this.$Message.warning(this.$t('message.linkis.codeQuery.inputCode'))
-          this.beforeSearch = true;
-          throw Error(this.$t('message.linkis.codeQuery.inputCode'));
+          this.beforeSearch = true
+          throw Error(this.$t('message.linkis.codeQuery.inputCode'))
         }
-        this.beforeSearch = false;
-        const { executionCode, shortcut, status } = this.searchParams;
-        const { pageNow, pageSize } = this.page;
+        this.beforeSearch = false
+        const { executionCode, shortcut, status } = this.searchParams
+        const { pageNow, pageSize } = this.page
         const params = {
           executionCode,
           startDate: Date.parse(shortcut[0]),
@@ -332,12 +376,12 @@ export default {
         if (!status || status === 'all') {
           delete params.status
         }
-        const res = await api.fetch(`/jobhistory/es/search`, params, 'get');
+        const res = await api.fetch(`/jobhistory/es/search`, params, 'get')
         this.tableData = res.tasks.content
         this.page.totalPage = res.tasks.totalElements
         this.tableLoading = false
       } catch (err) {
-        window.console.warn(err);
+        window.console.warn(err)
         this.tableLoading = false
       }
     },
@@ -346,10 +390,10 @@ export default {
         id
       }
       // set storage
-      sessionStorage.setItem('code-search', JSON.stringify(this.searchParams));
-      sessionStorage.setItem('code-use-cache', true);
-      sessionStorage.setItem('code-search-page', JSON.stringify(this.page));
-      sessionStorage.setItem('code-search-admin', this.isAdminModel);
+      sessionStorage.setItem('code-search', JSON.stringify(this.searchParams))
+      sessionStorage.setItem('code-use-cache', true)
+      sessionStorage.setItem('code-search-page', JSON.stringify(this.page))
+      sessionStorage.setItem('code-search-admin', this.isAdminModel)
 
       this.$router.push({
         path: '/console/codeDetail',
@@ -359,44 +403,46 @@ export default {
     colorGetter(status) {
       switch (status) {
         case 'Running':
-          return 'yellow';
+          return 'yellow'
         case 'Succeed':
-          return 'green';
+          return 'green'
         case 'Failed':
-          return 'red';
+          return 'red'
         default:
-          break;
+          break
       }
-    },
+    }
   },
   created() {
     // 获取是否是历史管理员权限
-    api.fetch('/jobhistory/governanceStationAdmin', 'get').then(res => {
+    api.fetch('/jobhistory/governanceStationAdmin', 'get').then((res) => {
       this.isLogAdmin = res.admin
     })
   },
   beforeRouteEnter(to, from, next) {
-    if(from.name !== 'codeDetail') {
-      sessionStorage.removeItem('code-search');
-      sessionStorage.removeItem('code-search-page');
-      sessionStorage.removeItem('code-search-admin');
-      sessionStorage.setItem('code-use-cache', false);
+    if (from.name !== 'codeDetail') {
+      sessionStorage.removeItem('code-search')
+      sessionStorage.removeItem('code-search-page')
+      sessionStorage.removeItem('code-search-admin')
+      sessionStorage.setItem('code-use-cache', false)
     }
-    next();
+    next()
   },
   mounted() {
-    if(sessionStorage.getItem('code-use-cache') === 'true') {
-      this.searchParams = JSON.parse(sessionStorage.getItem('code-search'));
-      this.searchBar = JSON.parse(sessionStorage.getItem('code-search'));
-      this.page = JSON.parse(sessionStorage.getItem('code-search-page'));
-      this.isAdminModel = JSON.parse(sessionStorage.getItem('code-search-admin'));
-      if(sessionStorage.getItem('isLogAdmin') !== 'true') {
-        this.isAdminModel = false;
+    if (sessionStorage.getItem('code-use-cache') === 'true') {
+      this.searchParams = JSON.parse(sessionStorage.getItem('code-search'))
+      this.searchBar = JSON.parse(sessionStorage.getItem('code-search'))
+      this.page = JSON.parse(sessionStorage.getItem('code-search-page'))
+      this.isAdminModel = JSON.parse(
+        sessionStorage.getItem('code-search-admin')
+      )
+      if (sessionStorage.getItem('isLogAdmin') !== 'true') {
+        this.isAdminModel = false
       }
-      this.search();
+      this.search()
     }
   }
-};
+}
 </script>
 <style lang="scss" src="./index.scss" scoped></style>
 <style lang="scss" scoped>
@@ -407,7 +453,6 @@ export default {
   border-color: transparent;
 }
 .modal {
-
   .input-area {
     padding: 20px 50px;
     .item {
@@ -419,5 +464,4 @@ export default {
     }
   }
 }
-
 </style>
diff --git a/linkis-web/src/apps/linkis/module/globalHistoryManagement/index.vue b/linkis-web/src/apps/linkis/module/globalHistoryManagement/index.vue
index 8a35fa8695..43955f7573 100644
--- a/linkis-web/src/apps/linkis/module/globalHistoryManagement/index.vue
+++ b/linkis-web/src/apps/linkis/module/globalHistoryManagement/index.vue
@@ -22,19 +22,26 @@
         <InputNumber
           v-model="searchBar.id"
           :placeholder="$t('message.linkis.formItems.id.placeholder')"
-          style="width:60px;"
+          style="width: 60px"
           :min="1"
         ></InputNumber>
       </FormItem>
-      <FormItem prop="proxyUser" :label="$t('message.linkis.userName')" v-if="isAdminModel">
+      <FormItem
+        prop="proxyUser"
+        :label="$t('message.linkis.userName')"
+        v-if="isAdminModel"
+      >
         <Input
           :maxlength="50"
           v-model="searchBar.proxyUser"
           :placeholder="$t('message.linkis.searchName')"
-          style="width:60px;"
+          style="width: 60px"
         />
       </FormItem>
-      <FormItem prop="shortcut" :label="$t('message.linkis.formItems.date.label')">
+      <FormItem
+        prop="shortcut"
+        :label="$t('message.linkis.formItems.date.label')"
+      >
         <DatePicker
           :transfer="true"
           class="datepicker"
@@ -48,59 +55,90 @@
           :editable="false"
         />
       </FormItem>
-      <FormItem prop="instance" :label="$t('message.linkis.formItems.instance.label')">
+      <FormItem
+        prop="instance"
+        :label="$t('message.linkis.formItems.instance.label')"
+      >
         <Input
           :maxlength="50"
           v-model="searchBar.instance"
           :placeholder="$t('message.linkis.formItems.instance.placeholder')"
-          style="width:100px;"
+          style="width: 100px"
         />
       </FormItem>
-      <FormItem prop="creator" :label="$t('message.linkis.formItems.creator.label')">
+      <FormItem
+        prop="creator"
+        :label="$t('message.linkis.formItems.creator.label')"
+      >
         <Input
           :maxlength="50"
           v-model="searchBar.creator"
           :placeholder="$t('message.linkis.formItems.creator.placeholder')"
-          style="width:80px;"
+          style="width: 80px"
         />
       </FormItem>
-      <FormItem prop="engine" :label="$t('message.linkis.formItems.engine.label')">
+      <FormItem
+        prop="engine"
+        :label="$t('message.linkis.formItems.engine.label')"
+      >
         <Select v-model="searchBar.engine" style="width: 70px">
-          <Option v-for="(item) in getEngineTypes" :label="item === 'all' ? $t('message.linkis.engineTypes.all'): item" :value="item" :key="item" />
+          <Option
+            v-for="item in getEngineTypes"
+            :label="
+              item === 'all' ? $t('message.linkis.engineTypes.all') : item
+            "
+            :value="item"
+            :key="item"
+          />
         </Select>
       </FormItem>
-      <FormItem prop="status" :label="$t('message.linkis.formItems.status.label')">
+      <FormItem
+        prop="status"
+        :label="$t('message.linkis.formItems.status.label')"
+      >
         <Select v-model="searchBar.status" style="width: 70px">
           <Option
-            v-for="(item) in statusType"
+            v-for="item in statusType"
             :label="item.label"
             :value="item.value"
             :key="item.value"
           />
         </Select>
       </FormItem>
+      123
       <FormItem>
-        <Button
-          type="primary"
-          @click="search"
-          style="margin-right: 10px;"
-        >{{ $t('message.linkis.search') }}</Button>
-        <Button
-          type="warning"
-          @click="reset"
-          style="margin-right: 10px;"
-        >{{ $t('message.linkis.clearSearch') }}</Button>
-        <Button type="error" @click="stop" style="margin-right: 10px;">{{$t('message.linkis.stop')}}</Button>
+        <Button type="primary" @click="search" style="margin-right: 10px">{{
+          $t('message.linkis.search')
+        }}</Button>
+        <Button type="warning" @click="reset" style="margin-right: 10px">{{
+          $t('message.linkis.clearSearch')
+        }}</Button>
+        <Button type="error" @click="stop" style="margin-right: 10px">{{
+          $t('message.linkis.stop')
+        }}</Button>
         <Button
           type="primary"
           @click="switchAdmin"
           v-if="isLogAdmin || isHistoryAdmin"
-        >{{ isAdminModel ? $t('message.linkis.generalView') : $t('message.linkis.manageView') }}</Button>
+        >{{
+          isAdminModel
+            ? $t('message.linkis.generalView')
+            : $t('message.linkis.manageView')
+        }}</Button
+        >
       </FormItem>
     </Form>
-    <div >
-      <div class="global-history-table" :style="{width: '100%', 'height': moduleHeight+'px'}">
-        <Icon v-show="isLoading" type="ios-loading" size="30" class="global-history-loading" />
+    <div>
+      <div
+        class="global-history-table"
+        :style="{ width: '100%', height: moduleHeight + 'px' }"
+      >
+        <Icon
+          v-show="isLoading"
+          type="ios-loading"
+          size="30"
+          class="global-history-loading"
+        />
         <history-table
           v-if="!isLoading"
           :columns="column"
@@ -121,7 +159,8 @@
           size="small"
           show-total
           show-elevator
-          :prev-text="$t('message.linkis.previousPage')" :next-text="$t('message.linkis.nextPage')"
+          :prev-text="$t('message.linkis.previousPage')"
+          :next-text="$t('message.linkis.nextPage')"
           @on-change="changePage"
         />
       </div>
@@ -267,11 +306,11 @@ export default {
   },
   created() {
     // Get whether it is a historical administrator(获取是否是历史管理员权限)
-    api.fetch('/jobhistory/governanceStationAdmin', 'get').then(res => {
+    api.fetch('/jobhistory/governanceStationAdmin', 'get').then((res) => {
       this.isLogAdmin = res.admin
       this.isHistoryAdmin = res.historyAdmin
     })
-    api.fetch('/configuration/engineType', 'get').then(res => {
+    api.fetch('/configuration/engineType', 'get').then((res) => {
       this.getEngineTypes = ['all', ...res.engineType]
     })
   },
@@ -288,12 +327,12 @@ export default {
     window.removeEventListener('resize', this.getHeight)
   },
   beforeRouteEnter(to, from, next) {
-    if(from.name !== 'viewHistory') {
-      sessionStorage.removeItem('last-admin-model');
-      sessionStorage.removeItem('last-searchbar-status');
-      sessionStorage.removeItem('last-pageSetting-status');
+    if (from.name !== 'viewHistory') {
+      sessionStorage.removeItem('last-admin-model')
+      sessionStorage.removeItem('last-searchbar-status')
+      sessionStorage.removeItem('last-pageSetting-status')
     }
-    next();
+    next()
   },
   activated() {
     this.init()
@@ -308,7 +347,10 @@ export default {
       const lastPage = storage.get('last-pageSetting-status')
       if (lastSearch) {
         if (lastSearch.shortcut[0] && lastSearch.shortcut[1]) {
-          lastSearch.shortcut = [new Date(lastSearch.shortcut[0]), new Date(lastSearch.shortcut[1])]
+          lastSearch.shortcut = [
+            new Date(lastSearch.shortcut[0]),
+            new Date(lastSearch.shortcut[1])
+          ]
         } else {
           const today = new Date(new Date().toLocaleDateString())
           lastSearch.shortcut = [today, today]
@@ -361,7 +403,7 @@ export default {
       if (sourceJson && sourceJson.nodeName) {
         fileName = sourceJson.nodeName
       }
-      const query =  {
+      const query = {
         taskID: params.row.taskID,
         execID: params.row.strongerExecId,
         status: params.row.status,
@@ -380,8 +422,12 @@ export default {
     },
 
     getParams(page) {
-      const startDate = this.searchBar.shortcut[0] ? new Date(this.searchBar.shortcut[0].setHours(0, 0, 0, 0)) : this.searchBar.shortcut[0]
-      const endDate = this.searchBar.shortcut[1] ? new Date(this.searchBar.shortcut[1].setHours(23, 59, 59, 0)): this.searchBar.shortcut[1]
+      const startDate = this.searchBar.shortcut[0]
+        ? new Date(this.searchBar.shortcut[0].setHours(0, 0, 0, 0))
+        : this.searchBar.shortcut[0]
+      const endDate = this.searchBar.shortcut[1]
+        ? new Date(this.searchBar.shortcut[1].setHours(23, 59, 59, 0))
+        : this.searchBar.shortcut[1]
       const params = {
         taskID: this.searchBar.id,
         creator: this.searchBar.creator,
@@ -430,7 +476,7 @@ export default {
       this.column = this.getColumns()
       api
         .fetch('/jobhistory/list', params, 'get')
-        .then(rst => {
+        .then((rst) => {
           this.isLoading = false
           this.list = this.getList(rst.tasks)
           this.pageSetting.current = page
@@ -447,7 +493,7 @@ export default {
       this.column = this.getColumns()
       api
         .fetch('/jobhistory/list', params, 'get')
-        .then(rst => {
+        .then((rst) => {
           this.pageSetting.total = rst.totalPage
           this.isLoading = false
           this.list = this.getList(rst.tasks)
@@ -458,15 +504,18 @@ export default {
         })
     },
     getList(list) {
-      const getFailedReason = item => {
+      const getFailedReason = (item) => {
         return item.errCode && item.errDesc
           ? item.errCode + item.errDesc
           : item.errCode || item.errDesc || ''
       }
       if (!this.isAdminModel) {
-        return list.map(item => {
+        return list.map((item) => {
           return {
-            disabled: ['Submitted', 'Inited', 'Scheduled', 'Running'].indexOf(item.status) === -1,
+            disabled:
+              ['Submitted', 'Inited', 'Scheduled', 'Running'].indexOf(
+                item.status
+              ) === -1,
             taskID: item.taskID,
             strongerExecId: item.strongerExecId,
             source: item.sourceTailor,
@@ -483,17 +532,19 @@ export default {
           }
         })
       }
-      return list.map(item => {
+      return list.map((item) => {
         return Object.assign(item, {
           disabled:
-              ['Submitted', 'Inited', 'Scheduled', 'Running'].indexOf(item.status) === -1,
+            ['Submitted', 'Inited', 'Scheduled', 'Running'].indexOf(
+              item.status
+            ) === -1,
           failedReason: getFailedReason(item),
           source: item.sourceTailor
         })
       })
     },
     checkChange(v) {
-      this.list = this.list.map(it => {
+      this.list = this.list.map((it) => {
         it.checked = !it.disabled && v
         return it
       })
@@ -602,7 +653,7 @@ export default {
         }
       ]
       if (!this.isAdminModel) {
-        const index = column.findIndex(item => item.key === 'umUser')
+        const index = column.findIndex((item) => item.key === 'umUser')
         column.splice(index, 1)
       }
       return column
@@ -658,17 +709,17 @@ export default {
       }
     },
     stop() {
-      const selected = this.list.filter(it => it.checked)
+      const selected = this.list.filter((it) => it.checked)
       if (!selected.length) {
         this.$Message.warning(this.$t('message.linkis.unselect'))
-        return;
+        return
       }
       this.$Modal.confirm({
         title: this.$t('message.linkis.modal.modalTitle'),
         content: this.$t('message.linkis.modal.modalDeleteTask'),
-        onOk: ()=>{
+        onOk: () => {
           const inst = {}
-          selected.forEach(it => {
+          selected.forEach((it) => {
             if (inst[it.instance]) {
               inst[it.instance].taskIDList.push(it.taskID)
               inst[it.instance].idList.push(it.strongerExecId)
@@ -680,12 +731,22 @@ export default {
             }
           })
           const p = []
-          Object.keys(inst).forEach(instkey => {
-            if (instkey) p.push(api.fetch(`/entrance/${inst[instkey].idList[0]}/killJobs`, { idList: inst[instkey].idList, taskIDList: inst[instkey].taskIDList }, 'post'))
+          Object.keys(inst).forEach((instkey) => {
+            if (instkey)
+              p.push(
+                api.fetch(
+                  `/entrance/${inst[instkey].idList[0]}/killJobs`,
+                  {
+                    idList: inst[instkey].idList,
+                    taskIDList: inst[instkey].taskIDList
+                  },
+                  'post'
+                )
+              )
           })
 
-          Promise.all(p).then(()=> {
-            this.$Message.success(this.$t('message.linkis.udf.success'));
+          Promise.all(p).then(() => {
+            this.$Message.success(this.$t('message.linkis.udf.success'))
             this.search()
           })
         }
diff --git a/linkis-web/src/apps/linkis/module/resourceManagement/index.vue b/linkis-web/src/apps/linkis/module/resourceManagement/index.vue
index 12f438b5ac..323710f2d7 100644
--- a/linkis-web/src/apps/linkis/module/resourceManagement/index.vue
+++ b/linkis-web/src/apps/linkis/module/resourceManagement/index.vue
@@ -17,38 +17,66 @@
 
 <template>
   <div class="resource-page">
-    <Spin
-      v-if="loading"
-      size="large"
-      fix/>
-    <div class="resource-title" :class="{'admin-title': !isAdminModel}">
-      <div style="display: inline-block;">
-        <div style="display: flex;align-items: center; height: 37px;margin-right: 10px">
-          <span class="title-text" >{{$t('message.linkis.resourceManagement.resourceUsage')}}</span>
-          <Icon class="title-icon" @click="refreshResource" type="md-refresh"></Icon>
+    <Spin v-if="loading" size="large" fix />
+    <div class="resource-title" :class="{ 'admin-title': !isAdminModel }">
+      <div style="display: inline-block">
+        <div
+          style="
+            display: flex;
+            align-items: center;
+            height: 37px;
+            margin-right: 10px;
+          "
+        >
+          <span class="title-text">{{
+            $t('message.linkis.resourceManagement.resourceUsage')
+          }}</span>
+          <Icon
+            class="title-icon"
+            @click="refreshResource"
+            type="md-refresh"
+          ></Icon>
         </div>
       </div>
-      <Form v-if="isLogAdmin" class="global-history-searchbar" :style="{float: isAdminModel ? 'none' : 'right'}" :model="searchBar" inline>
-        <FormItem v-show="isAdminModel" prop="userName" :label="$t('message.linkis.userName')">
+      <Form
+        v-if="isLogAdmin"
+        class="global-history-searchbar"
+        :style="{ float: isAdminModel ? 'none' : 'right' }"
+        :model="searchBar"
+        inline
+      >
+        <FormItem
+          v-show="isAdminModel"
+          prop="userName"
+          :label="$t('message.linkis.userName')"
+        >
           <Input
             :maxlength="50"
             v-model="searchBar.userName"
             :placeholder="$t('message.linkis.searchName')"
-            style="width:120px;"
+            style="width: 120px"
           />
         </FormItem>
-        <FormItem v-show="isAdminModel" prop="appType" :label="$t('message.linkis.formItems.appType')">
+        <FormItem
+          v-show="isAdminModel"
+          prop="appType"
+          :label="$t('message.linkis.formItems.appType')"
+        >
           <Input
             :maxlength="50"
             v-model="searchBar.appType"
             :placeholder="$t('message.linkis.searchAppType')"
-            style="width:120px;"
+            style="width: 120px"
           />
         </FormItem>
-        <FormItem v-show="isAdminModel" prop="status" :label="$t('message.linkis.formItems.engineType')">
-          <Select v-model="searchBar.engineType" style="min-width:90px;">
+        <FormItem
+          v-show="isAdminModel"
+          prop="status"
+          :label="$t('message.linkis.formItems.engineType')"
+        >
+          <Select v-model="searchBar.engineType" style="min-width: 90px">
             <Option
-              v-for="(item) in engines"
+              v-for="item in engines"
               :label="item"
               :value="item"
               :key="item"
@@ -60,38 +88,63 @@
             v-show="isAdminModel"
             type="primary"
             @click="search"
-            style="margin-right: 10px;margin-left: 20px;"
-          >{{ $t('message.linkis.search') }}</Button>
+            style="margin-right: 10px; margin-left: 20px"
+          >{{ $t('message.linkis.search') }}</Button
+          >
           <Button
             v-show="isAdminModel"
             type="warning"
             @click="clearsearch"
-            style="margin-right: 10px;"
-          >{{ $t('message.linkis.clearSearch') }}</Button>
-          <Button
-            type="primary"
-            @click="switchAdmin"
-          >{{ isAdminModel ? $t('message.linkis.generalView') : $t('message.linkis.manageView') }}</Button>
+            style="margin-right: 10px"
+          >{{ $t('message.linkis.clearSearch') }}</Button
+          >
+          <Button type="primary" @click="switchAdmin">{{
+            isAdminModel
+              ? $t('message.linkis.generalView')
+              : $t('message.linkis.manageView')
+          }}</Button>
           <Button
             v-show="isAdminModel"
             type="primary"
             @click="clickShowOperations"
-            style="margin-left: 10px;"
-          >{{ showOperations ? $t('message.linkis.hide') : $t('message.linkis.showOperations') }}</Button>
+            style="margin-left: 10px"
+          >{{
+            showOperations
+              ? $t('message.linkis.hide')
+              : $t('message.linkis.showOperations')
+          }}</Button
+          >
           <Button
             v-show="isAdminModel && showOperations"
-            type="error" @click="() => {this.resetAll()}" style="margin-left: 10px;">{{$t('message.linkis.resetAll')}}</Button>
+            type="error"
+            @click="
+              () => {
+                this.resetAll()
+              }
+            "
+            style="margin-left: 10px"
+          >{{ $t('message.linkis.resetAll') }}</Button
+          >
         </FormItem>
       </Form>
     </div>
-    <div class="noData" v-if="!isAdminModel && progressDataList.length <= 0">No data, try refresh</div>
+    <div class="noData" v-if="!isAdminModel && progressDataList.length <= 0">
+      No data, try refresh
+    </div>
     <!-- progress bar(进度条) -->
     <template v-if="!isAdminModel">
       <div v-for="item in progressDataList" :key="item.id">
         <WbProgress @expandChange="expandChange" :progressData="item">
         </WbProgress>
         <template v-for="subItem in item.engineTypes">
-          <WbProgress v-if="item.expand" :key="subItem.id" @expandChange="expandChange" :progressData="subItem" :children="true" :parentData="item"></WbProgress>
+          <WbProgress
+            v-if="item.expand"
+            :key="subItem.id"
+            @expandChange="expandChange"
+            :progressData="subItem"
+            :children="true"
+            :parentData="item"
+          ></WbProgress>
         </template>
       </div>
     </template>
@@ -99,73 +152,178 @@
     <!-- Application List(应用列表) -->
     <template v-if="isShowTable && !isAdminModel">
       <div class="resource-title appListTitle">
-        {{$t('message.linkis.resourceManagement.applicationList')}}
+        {{ $t('message.linkis.resourceManagement.applicationList') }}
       </div>
       <!-- App List Labels(应用列表标签) -->
       <div class="appListTag">
         <div class="tagName">
-          <span class="span-white-space">{{$t('message.linkis.tableColumns.label')}}:</span>
-          <Tag v-for="(item, index) in tagTitle" :key="index" color="primary">{{item}}</Tag>
+          <span class="span-white-space"
+          >{{ $t('message.linkis.tableColumns.label') }}:</span
+          >
+          <Tag v-for="(item, index) in tagTitle" :key="index" color="primary">{{
+            item
+          }}</Tag>
         </div>
         <div class="resourceList">
-          <span class="span-white-space">{{$t('message.linkis.resources')}}:</span>
+          <span class="span-white-space"
+          >{{ $t('message.linkis.resources') }}:</span
+          >
           <span v-if="applicationList.usedResource">
-            <Tag color="success">{{`${calcCompany(applicationList.usedResource)}`}}(used)</Tag>
-            <Tag color="error">{{`${calcCompany(applicationList.maxResource)}`}}(max)</Tag>
-            <Tag color="warning" v-if="applicationList.leftResource">{{`${calcCompany(applicationList.leftResource)}`}}(remain)</Tag>
+            <Tag color="success"
+            >{{ `${calcCompany(applicationList.usedResource)}` }}(used)</Tag
+            >
+            <Tag color="error"
+            >{{ `${calcCompany(applicationList.maxResource)}` }}(max)</Tag
+            >
+            <Tag color="warning" v-if="applicationList.leftResource"
+            >{{ `${calcCompany(applicationList.leftResource)}` }}(remain)</Tag
+            >
           </span>
         </div>
-        <div class="instanceNum" >
-          <span class="span-white-space">{{$t('message.linkis.instanceNum')}}:</span>
-          <span v-if="applicationList.usedResource">{{applicationList.usedResource.instance}} / {{applicationList.maxResource.instance}}</span>
+        <div class="instanceNum">
+          <span class="span-white-space"
+          >{{ $t('message.linkis.instanceNum') }}:</span
+          >
+          <span v-if="applicationList.usedResource"
+          >{{ applicationList.usedResource.instance }} /
+            {{ applicationList.maxResource.instance }}</span
+          >
         </div>
       </div>
-      <Table  class="table-content" border :width="tableWidth" :columns="columns" :data="tableData">
-        <template slot-scope="{row}" slot="engineInstance">
-          <span>{{`${row.instance}`}}</span>
+      <Table
+        class="table-content"
+        border
+        :width="tableWidth"
+        :columns="columns"
+        :data="tableData"
+      >
+        <template slot-scope="{ row }" slot="engineInstance">
+          <span>{{ `${row.instance}` }}</span>
         </template>
-        <template slot-scope="{row}" slot="usedResource">
-          <span>{{`${calcCompany(row.resource.usedResource)}`}}</span>
+        <template slot-scope="{ row }" slot="usedResource">
+          <span>{{ `${calcCompany(row.resource.usedResource)}` }}</span>
         </template>
-        <template slot-scope="{row}" slot="lockedResource">
-          <span>{{`${calcCompany(row.resource.lockedResource)}`}}</span>
+        <template slot-scope="{ row }" slot="lockedResource">
+          <span>{{ `${calcCompany(row.resource.lockedResource)}` }}</span>
         </template>
-        <template slot-scope="{row}" slot="maxResource">
-          <span>{{`${calcCompany(row.resource.maxResource)}`}}</span>
+        <template slot-scope="{ row }" slot="maxResource">
+          <span>{{ `${calcCompany(row.resource.maxResource)}` }}</span>
         </template>
-        <template slot-scope="{row}" slot="leftResource">
-          <span>{{`${calcCompany(row.resource.leftResource)}`}}</span>
+        <template slot-scope="{ row }" slot="leftResource">
+          <span>{{ `${calcCompany(row.resource.leftResource)}` }}</span>
         </template>
-        <template slot-scope="{row}" slot="minResource">
-          <span>{{`${calcCompany(row.resource.minResource)}`}}</span>
+        <template slot-scope="{ row }" slot="minResource">
+          <span>{{ `${calcCompany(row.resource.minResource)}` }}</span>
         </template>
-        <template slot-scope="{row}" slot="startTime">
+        <template slot-scope="{ row }" slot="startTime">
           <span>{{ timeFormat(row) }}</span>
         </template>
       </Table>
     </template>
     <template v-if="isAdminModel">
-      <Table class="table-content" border :width="tableWidth" :columns="admincolumns" :data="adminTableData">
-        <template slot-scope="{row}" slot="usedResource">
-          <span>{{`${calcCompanyAdmin(row, 'usedResource', 'cores')},${calcCompanyAdmin(row, 'usedResource', 'memory')},${calcCompanyAdmin(row, 'usedResource', 'instance')}`}}</span>
+      <Table
+        class="table-content"
+        border
+        :width="tableWidth"
+        :columns="admincolumns"
+        :data="adminTableData"
+      >
+        <template slot-scope="{ row }" slot="usedResource">
+          <span>{{
+            `${calcCompanyAdmin(
+              row,
+              'usedResource',
+              'cores'
+            )},${calcCompanyAdmin(
+              row,
+              'usedResource',
+              'memory'
+            )},${calcCompanyAdmin(row, 'usedResource', 'instance')}`
+          }}</span>
         </template>
-        <template slot-scope="{row}" slot="lockedResource">
-          <span>{{`${calcCompanyAdmin(row, 'lockedResource', 'cores')},${calcCompanyAdmin(row, 'lockedResource', 'memory')},${calcCompanyAdmin(row, 'lockedResource', 'instance')}`}}</span>
+        <template slot-scope="{ row }" slot="lockedResource">
+          <span>{{
+            `${calcCompanyAdmin(
+              row,
+              'lockedResource',
+              'cores'
+            )},${calcCompanyAdmin(
+              row,
+              'lockedResource',
+              'memory'
+            )},${calcCompanyAdmin(row, 'lockedResource', 'instance')}`
+          }}</span>
         </template>
-        <template slot-scope="{row}" slot="maxResource">
-          <span>{{`${calcCompanyAdmin(row, 'maxResource', 'cores')},${calcCompanyAdmin(row, 'maxResource', 'memory')},${calcCompanyAdmin(row, 'maxResource', 'instance')}`}}</span>
+        <template slot-scope="{ row }" slot="maxResource">
+          <span>{{
+            `${calcCompanyAdmin(
+              row,
+              'maxResource',
+              'cores'
+            )},${calcCompanyAdmin(
+              row,
+              'maxResource',
+              'memory'
+            )},${calcCompanyAdmin(row, 'maxResource', 'instance')}`
+          }}</span>
         </template>
-        <template slot-scope="{row}" slot="leftResource">
-          <span :class="'label-'+row.loadResourceStatus">{{`${calcCompanyAdmin(row, 'leftResource', 'cores')},${calcCompanyAdmin(row, 'leftResource', 'memory')},${calcCompanyAdmin(row, 'leftResource', 'instance')}`}}</span>
+        <template slot-scope="{ row }" slot="leftResource">
+          <span :class="'label-' + row.loadResourceStatus">{{
+            `${calcCompanyAdmin(
+              row,
+              'leftResource',
+              'cores'
+            )},${calcCompanyAdmin(
+              row,
+              'leftResource',
+              'memory'
+            )},${calcCompanyAdmin(row, 'leftResource', 'instance')}`
+          }}</span>
         </template>
-        <template slot-scope="{row}" slot="yarnUsedResource">
-          <span>{{`${calcCompanyAdmin(row, 'usedResource', 'cores', true)},${calcCompanyAdmin(row, 'usedResource', 'memory', true)},${calcCompanyAdmin(row, 'usedResource', 'instance', true)}`}}</span>
+        <template slot-scope="{ row }" slot="yarnUsedResource">
+          <span>{{
+            `${calcCompanyAdmin(
+              row,
+              'usedResource',
+              'cores',
+              true
+            )},${calcCompanyAdmin(
+              row,
+              'usedResource',
+              'memory',
+              true
+            )},${calcCompanyAdmin(row, 'usedResource', 'instance', true)}`
+          }}</span>
         </template>
-        <template slot-scope="{row}" slot="yarnMaxResource">
-          <span>{{`${calcCompanyAdmin(row, 'maxResource', 'cores', true)},${calcCompanyAdmin(row, 'maxResource', 'memory', true)},${calcCompanyAdmin(row, 'maxResource', 'instance', true)}`}}</span>
+        <template slot-scope="{ row }" slot="yarnMaxResource">
+          <span>{{
+            `${calcCompanyAdmin(
+              row,
+              'maxResource',
+              'cores',
+              true
+            )},${calcCompanyAdmin(
+              row,
+              'maxResource',
+              'memory',
+              true
+            )},${calcCompanyAdmin(row, 'maxResource', 'instance', true)}`
+          }}</span>
         </template>
-        <template slot-scope="{row}" slot="yarnLeftResource">
-          <span :class="'label-'+row.queueResourceStatus">{{`${calcCompanyAdmin(row, 'leftResource', 'cores', true)},${calcCompanyAdmin(row, 'leftResource', 'memory', true)},${calcCompanyAdmin(row, 'leftResource', 'instance', true)}`}}</span>
+        <template slot-scope="{ row }" slot="yarnLeftResource">
+          <span :class="'label-' + row.queueResourceStatus">{{
+            `${calcCompanyAdmin(
+              row,
+              'leftResource',
+              'cores',
+              true
+            )},${calcCompanyAdmin(
+              row,
+              'leftResource',
+              'memory',
+              true
+            )},${calcCompanyAdmin(row, 'leftResource', 'instance', true)}`
+          }}</span>
         </template>
       </Table>
       <div class="page-bar">
@@ -179,17 +337,19 @@
           size="small"
           show-total
           show-sizer
-          :prev-text="$t('message.linkis.previousPage')" :next-text="$t('message.linkis.nextPage')"
+          :prev-text="$t('message.linkis.previousPage')"
+          :next-text="$t('message.linkis.nextPage')"
           @on-change="change"
-          @on-page-size-change="changeSize" />
+          @on-page-size-change="changeSize"
+        />
       </div>
     </template>
   </div>
 </template>
 <script>
-import WbProgress from '@/apps/linkis/components/progress';
-import moment from "moment";
-import api from '@/common/service/api';
+import WbProgress from '@/apps/linkis/components/progress'
+import moment from 'moment'
+import api from '@/common/service/api'
 export default {
   name: 'resourceManagement',
   data() {
@@ -202,7 +362,7 @@ export default {
       formItem: {
         instance: '',
         labels: [],
-        applicationName: '',
+        applicationName: ''
       },
       tagTitle: [],
       applicationList: {},
@@ -237,40 +397,40 @@ export default {
           title: this.$t('message.linkis.tableColumns.status'),
           key: 'status',
           minWidth: 100,
-          className: 'table-project-column',
+          className: 'table-project-column'
         },
         {
           title: this.$t('message.linkis.tableColumns.label'),
           key: 'label',
           minWidth: 150,
-          className: 'table-project-column',
+          className: 'table-project-column'
         },
         {
           title: this.$t('message.linkis.tableColumns.usedResources'),
           key: 'usedResource',
           className: 'table-project-column',
           slot: 'usedResource',
-          minWidth: 150,
+          minWidth: 150
         },
         {
           title: this.$t('message.linkis.tableColumns.lockedResource'),
           key: 'lockedResource',
           className: 'table-project-column',
           slot: 'lockedResource',
-          minWidth: 150,
+          minWidth: 150
         },
         {
           title: this.$t('message.linkis.tableColumns.requestApplicationName'),
           key: 'owner',
           className: 'table-project-column',
-          minWidth: 150,
+          minWidth: 150
         },
         {
           title: this.$t('message.linkis.tableColumns.startTime'),
           key: 'startTime',
           className: 'table-project-column',
           slot: 'startTime',
-          minWidth: 150,
+          minWidth: 150
         },
         {
           title: this.$t('message.linkis.tableColumns.control.title'),
@@ -279,43 +439,50 @@ export default {
           align: 'center',
           render: (h, params) => {
             return h('div', [
-              h('Button', {
-                props: {
-                  type: 'error',
-                  size: 'small',
-                  disabled: params.row.isStop
-                },
-                style: {
-                  marginRight: '5px',
-                },
-                on: {
-                  click: () => {
-                    this.$Modal.confirm({
-                      title: this.$t('message.linkis.stop'),
-                      content: this.$t('message.linkis.stopEngineTip'),
-                      onOk: () => {
-                        let data = [];
-                        data.push({
-                          engineType: params.row.applicationName,
-                          engineInstance: params.row.instance,
-                        });
-                        api.fetch(`/linkisManager/rm/enginekill`, data).then(() => {
-                          // Since there is a delay in the shutdown of the engine, record the engine, do front-end list filtering, refresh the page or refresh(由于引擎关闭有延迟所以记录引擎，做前端列表筛选，刷新页面或刷新)
-                          this.stopList.push(params.row.instance);
-                          this.initExpandList();
-                          this.$Message.success({
-                            background: true,
-                            content: 'Stop Success！！'
-                          });
-                        }).catch((err) => {
-                          window.console.err(err)
-                        });
-                      }
-                    })
+              h(
+                'Button',
+                {
+                  props: {
+                    type: 'error',
+                    size: 'small',
+                    disabled: params.row.isStop
+                  },
+                  style: {
+                    marginRight: '5px'
+                  },
+                  on: {
+                    click: () => {
+                      this.$Modal.confirm({
+                        title: this.$t('message.linkis.stop'),
+                        content: this.$t('message.linkis.stopEngineTip'),
+                        onOk: () => {
+                          let data = []
+                          data.push({
+                            engineType: params.row.applicationName,
+                            engineInstance: params.row.instance
+                          })
+                          api
+                            .fetch(`/linkisManager/rm/enginekill`, data)
+                            .then(() => {
+                              // Since there is a delay in the shutdown of the engine, record the engine, do front-end list filtering, refresh the page or refresh(由于引擎关闭有延迟所以记录引擎，做前端列表筛选，刷新页面或刷新)
+                              this.stopList.push(params.row.instance)
+                              this.initExpandList()
+                              this.$Message.success({
+                                background: true,
+                                content: 'Stop Success！！'
+                              })
+                            })
+                            .catch((err) => {
+                              window.console.err(err)
+                            })
+                        }
+                      })
+                    }
                   }
-                }
-              }, this.$t('message.linkis.stop')),
-            ]);
+                },
+                this.$t('message.linkis.stop')
+              )
+            ])
           }
         }
       ],
@@ -324,13 +491,13 @@ export default {
           title: this.$t('message.linkis.userName'),
           key: 'username',
           minWidth: 100,
-          className: 'table-project-column',
+          className: 'table-project-column'
         },
         {
           title: this.$t('message.linkis.tableColumns.appType'),
           key: 'creator',
           minWidth: 120,
-          className: 'table-project-column',
+          className: 'table-project-column'
         },
         {
           title: this.$t('message.linkis.tableColumns.engineType'),
@@ -343,43 +510,43 @@ export default {
           key: 'usedResource',
           minWidth: 120,
           className: 'table-project-column',
-          slot: 'usedResource',
+          slot: 'usedResource'
         },
         {
           title: this.$t('message.linkis.tableColumns.engineTop'),
           key: 'maxResource',
           minWidth: 150,
           className: 'table-project-column',
-          slot: 'maxResource',
+          slot: 'maxResource'
         },
         {
           title: this.$t('message.linkis.tableColumns.engineRemain'),
           key: 'leftResource',
           className: 'table-project-column',
           slot: 'leftResource',
-          minWidth: 150,
+          minWidth: 150
         },
         {
           title: this.$t('message.linkis.tableColumns.queueUsed'),
           key: 'yarnUsedResource',
           minWidth: 160,
           className: 'table-project-column',
-          slot: 'yarnUsedResource',
+          slot: 'yarnUsedResource'
         },
         {
           title: this.$t('message.linkis.tableColumns.queueTop'),
           key: 'yarnMaxResource',
           minWidth: 160,
           className: 'table-project-column',
-          slot: 'yarnMaxResource',
+          slot: 'yarnMaxResource'
         },
         {
           title: this.$t('message.linkis.tableColumns.queenRemain'),
           key: 'yarnLeftResource',
           className: 'table-project-column',
           slot: 'yarnLeftResource',
-          minWidth: 160,
-        },
+          minWidth: 160
+        }
       ],
       engines: [],
       searchBar: {},
@@ -390,25 +557,23 @@ export default {
   components: {
     WbProgress
   },
-  computed: {
-  },
+  computed: {},
   created() {
     // Get whether it is a historical administrator(获取是否是历史管理员权限)
     api.fetch('/jobhistory/governanceStationAdmin', 'get').then((res) => {
-      this.isLogAdmin = res.admin;
-      this.initExpandList();
-      this.getKeyList();
+      this.isLogAdmin = res.admin
+      this.initExpandList()
+      this.getKeyList()
     })
-    api.fetch('/linkisManager/rm/engineType', 'get').then(res => {
-      this.engines =  ['all'].concat(res.engineType)
+    api.fetch('/linkisManager/rm/engineType', 'get').then((res) => {
+      this.engines = ['all'].concat(res.engineType)
     })
-
   },
   methods: {
     // refresh progress bar(刷新进度条)
     refreshResource() {
-      this.stopList = []; // Initialize the stop list. Due to the delay of the engine shutdown, this parameter is set for judgment.(初始化停止列表，由于引擎关闭有延迟固设置此参数做判断)
-      this.initExpandList();
+      this.stopList = [] // Initialize the stop list. Due to the delay of the engine shutdown, this parameter is set for judgment.(初始化停止列表，由于引擎关闭有延迟固设置此参数做判断)
+      this.initExpandList()
     },
     // Initialize main data(初始化主要数据)
     initData() {
@@ -417,18 +582,18 @@ export default {
         sizeOpts: [15, 30, 45],
         pageSize: 15,
         pageNow: 1
-      };
-      this.currentEngineData = {}; // List of currently clicked engines(当前点击的引擎列表)
-      this.currentParentsData = {}; // The main engine of the current click(当前点击的主引擎)
-      this.isShowTable = false;
-      this.progressDataList = [];
-      this.tableData = [];
+      }
+      this.currentEngineData = {} // List of currently clicked engines(当前点击的引擎列表)
+      this.currentParentsData = {} // The main engine of the current click(当前点击的主引擎)
+      this.isShowTable = false
+      this.progressDataList = []
+      this.tableData = []
     },
     // Get all modifiable labelKeys(获取所有可修改的labelKey)
     getKeyList() {
       api.fetch('/microservice/modifiableLabelKey', 'get').then((res) => {
-        let list = res.keyList || [];
-        this.keyList = list.map(item => {
+        let list = res.keyList || []
+        this.keyList = list.map((item) => {
           return {
             lable: item,
             value: item
@@ -439,20 +604,21 @@ export default {
     // Initialize the engine list(初始化引擎列表)
     async initExpandList() {
       // Initialization data(初始化数据)
-      this.initData();
+      this.initData()
       // Get engine data(获取引擎数据)
-      this.loading = true;
+      this.loading = true
       try {
-        let engines = await api.fetch('/linkisManager/rm/userresources','post') || {};
+        let engines =
+          (await api.fetch('/linkisManager/rm/userresources', 'post')) || {}
         // Get a list of used engine resources(获取使用的引擎资源列表)
-        let enginesList = engines.userResources || [];
+        let enginesList = engines.userResources || []
         enginesList.forEach((it, index) => {
           it.id = it.userCreator + index
           it.percent = it.percent * 100 + '%'
           it.title = it.userCreator
           it.expand = index === 0
           if (it.engineTypes) {
-            it.engineTypes.forEach(sub => {
+            it.engineTypes.forEach((sub) => {
               sub.id = sub.engineType + 'sub' + index
               sub.percent = sub.percent * 100 + '%'
               sub.title = sub.engineType
@@ -460,92 +626,114 @@ export default {
             })
           }
         })
-        this.progressDataList = enginesList || [];
-        if(enginesList.length) await this.expandChange(enginesList[0])
-        this.loading = false;
+        this.progressDataList = enginesList || []
+        if (enginesList.length) await this.expandChange(enginesList[0])
+        this.loading = false
       } catch (err) {
         window.console.log(err)
-        this.loading = false;
+        this.loading = false
       }
     },
     // expand and close(展开和关闭)
-    async expandChange(item, isChildren = false, parentData = {},) {
+    async expandChange(item, isChildren = false, parentData = {}) {
       // show table(显示表格)
-      this.isShowTable = true;
-      this.isChildren = isChildren;
+      this.isShowTable = true
+      this.isChildren = isChildren
       // If the click is not a sublist, the current data will be cached(如果点击的不为子列表则缓存下当前数据)
       // Block if the same element is clicked twice(如果两次点击同一元素则阻止)
-      if(item.id === this.currentEngineData.id) return;
+      if (item.id === this.currentEngineData.id) return
       // if(item.id === this.currentParentsData.id && !isChildren) return;
-      this.currentEngineData = item;
-      this.loading = true;
+      this.currentEngineData = item
+      this.loading = true
       // Resource tab display(资源标签显示)
-      this.tagTitle = [];
-      if(!isChildren) {
-        this.currentParentsData = item;
+      this.tagTitle = []
+      if (!isChildren) {
+        this.currentParentsData = item
         this.tagTitle = Object.assign(this.tagTitle, [item.userCreator])
       } else {
-        this.tagTitle = Object.assign(this.tagTitle, [parentData.userCreator, item.engineType])
+        this.tagTitle = Object.assign(this.tagTitle, [
+          parentData.userCreator,
+          item.engineType
+        ])
       }
       let parameter = {
-        userCreator: isChildren ? parentData.userCreator : this.currentParentsData.userCreator,
+        userCreator: isChildren
+          ? parentData.userCreator
+          : this.currentParentsData.userCreator,
         engineType: isChildren ? this.currentEngineData.engineType : undefined
-      };
+      }
       try {
-        let engines = await api.fetch('/linkisManager/rm/applicationlist', parameter, 'post') || {};
-        this.loading = false;
-        let engineInstances = engines.applications[0].applicationList;
-        this.applicationList = engineInstances || {};
-        let tableData = engineInstances.engineInstances || [];
+        let engines =
+          (await api.fetch(
+            '/linkisManager/rm/applicationlist',
+            parameter,
+            'post'
+          )) || {}
+        this.loading = false
+        let engineInstances = engines.applications[0].applicationList
+        this.applicationList = engineInstances || {}
+        let tableData = engineInstances.engineInstances || []
         // Check to see if there are any stopped engines(刷选是否有已经停止的引擎)
-        if(this.stopList.length && tableData.length) tableData = tableData.map(item => {
-          if(this.stopList.includes(item.instance)) item.isStop = true;
-          return item;
-        })
-        this.tableData = tableData;
+        if (this.stopList.length && tableData.length)
+          tableData = tableData.map((item) => {
+            if (this.stopList.includes(item.instance)) item.isStop = true
+            return item
+          })
+        this.tableData = tableData
         //Update the data of formItem.applicationName(更新formItem.applicationName 的数据)
-        this.formItem.applicationName = this.tableData[0].engineType;
-        this.page.totalSize = this.tableData.length;
+        this.formItem.applicationName = this.tableData[0].engineType
+        this.page.totalSize = this.tableData.length
       } catch (errorMsg) {
-        window.console.error(errorMsg);
-        this.loading = false;
+        window.console.error(errorMsg)
+        this.loading = false
       }
     },
     // add tag(添加tag)
-    addEnter (key, value) {
-      this.formItem.labels.push({ key, value });
+    addEnter(key, value) {
+      this.formItem.labels.push({ key, value })
     },
     // delete tag(删除tag)
-    onCloseTag (name, index) {
-      this.formItem.labels.splice(index, 1);
+    onCloseTag(name, index) {
+      this.formItem.labels.splice(index, 1)
     },
     // Toggle pagination(切换分页)
     change(val) {
-      this.page.pageNow = val;
-      this.search();
+      this.page.pageNow = val
+      this.search()
     },
     // page size change(页容量变化)
     changeSize(val) {
-      this.page.pageSize = val;
-      this.page.pageNow = 1;
-      this.search();
+      this.page.pageSize = val
+      this.page.pageNow = 1
+      this.search()
     },
     // time format conversion(时间格式转换)
     timeFormat(row) {
       if (row.startTime.indexOf('CST') > 0) {
-        return moment(new Date(row.startTime)).utc().subtract(6, 'hour').format('YYYY-MM-DD HH:mm:ss')
+        return moment(new Date(row.startTime))
+          .utc()
+          .subtract(6, 'hour')
+          .format('YYYY-MM-DD HH:mm:ss')
       }
       return moment(new Date(row.startTime)).format('YYYY-MM-DD HH:mm:ss')
     },
     calcCompany(resource) {
-      const calcCompanyToData = function(num, isCompany = false) {
-        let data = num > 0 ? num : 0;
+      const calcCompanyToData = function (num, isCompany = false) {
+        let data = num > 0 ? num : 0
         if (isCompany) {
-          return data / 1024 / 1024 / 1024;
+          return data / 1024 / 1024 / 1024
         }
-        return data;
+        return data
       }
-      return resource && (resource.cores !== undefined || resource.memory !== undefined || resource.instance !== undefined) ? `${calcCompanyToData(resource.cores)}cores,${calcCompanyToData(resource.memory, true)}G,${calcCompanyToData(resource.instance)}apps` : ''
+      return resource &&
+        (resource.cores !== undefined ||
+          resource.memory !== undefined ||
+          resource.instance !== undefined)
+        ? `${calcCompanyToData(resource.cores)}cores,${calcCompanyToData(
+          resource.memory,
+          true
+        )}G,${calcCompanyToData(resource.instance)}apps`
+        : ''
     },
     calcCompanyAdmin(row, field, type, yarn) {
       let data = ' -- '
@@ -564,11 +752,13 @@ export default {
           // if(type === 'instance') {
           //   type = instances;
           // }
-          data = row[field].DriverAndYarnResource.loadInstanceResource[type] || row[field].DriverAndYarnResource.loadInstanceResource['instances']
+          data =
+            row[field].DriverAndYarnResource.loadInstanceResource[type] ||
+            row[field].DriverAndYarnResource.loadInstanceResource['instances']
         }
       }
       if (type === 'memory' && data !== ' -- ') {
-        data = data / 1024 / 1024 / 1024;
+        data = data / 1024 / 1024 / 1024
       }
       if (data !== ' -- ') {
         if (type === 'memory') {
@@ -579,7 +769,7 @@ export default {
           data = data + 'cores'
         }
       }
-      return data;
+      return data
     },
     switchAdmin() {
       this.isAdminModel = !this.isAdminModel
@@ -595,15 +785,18 @@ export default {
       const param = {
         username: this.searchBar.userName,
         creator: this.searchBar.appType,
-        engineType: this.searchBar.engineType === 'all' ? '' : this.searchBar.engineType,
+        engineType:
+          this.searchBar.engineType === 'all' ? '' : this.searchBar.engineType,
         page: this.page.pageNow,
         size: this.page.pageSize
       }
-      api.fetch('/linkisManager/rm/allUserResource', param, 'get').then((res) => {
-        this.adminTableData = res.resources
-        this.page.totalSize = res.total
-      }).catch(() => {
-      })
+      api
+        .fetch('/linkisManager/rm/allUserResource', param, 'get')
+        .then((res) => {
+          this.adminTableData = res.resources
+          this.page.totalSize = res.total
+        })
+        .catch(() => {})
     },
     clearsearch() {
       this.searchBar.userName = ''
@@ -611,54 +804,60 @@ export default {
       this.searchBar.engineType = ''
       this.search()
     },
-    clickShowOperations () {
+    clickShowOperations() {
       if (this.showOperations) {
         this.admincolumns.splice(this.admincolumns.length - 1, 1)
       } else {
-        this.admincolumns.push(
-          {
-            title: this.$t('message.linkis.tableColumns.control.title'),
-            key: 'action',
-            width: '100',
-            align: 'center',
-            render: (h, params) => {
-              return h('div', [
-                h('Button', {
+        this.admincolumns.push({
+          title: this.$t('message.linkis.tableColumns.control.title'),
+          key: 'action',
+          width: '100',
+          align: 'center',
+          render: (h, params) => {
+            return h('div', [
+              h(
+                'Button',
+                {
                   props: {
                     type: 'error',
                     size: 'small',
                     disabled: params.row.isStop
                   },
                   style: {
-                    marginRight: '5px',
+                    marginRight: '5px'
                   },
                   on: {
                     click: () => {
                       this.resetAll(params.row.id)
                     }
                   }
-                }, this.$t('message.linkis.reset'))
-              ]);
-            }
+                },
+                this.$t('message.linkis.reset')
+              )
+            ])
           }
-        )
+        })
       }
       this.showOperations = !this.showOperations
     },
     resetAll(resourceId) {
       this.$Modal.confirm({
         title: this.$t('message.linkis.reset'),
-        content: resourceId !== undefined ? this.$t('message.linkis.resetTip'): this.$t('message.linkis.resetAllTip'),
+        content:
+          resourceId !== undefined
+            ? this.$t('message.linkis.resetTip')
+            : this.$t('message.linkis.resetAllTip'),
         onOk: () => {
-          const param = resourceId !== undefined ? { resourceId } : { }
-          api.fetch('linkisManager/rm/resetResource', param, 'delete').then(() => {
-            this.$Message.success(this.$t('message.linkis.udf.success'));
-            this.search()
-          }).catch(() => {
-          })
+          const param = resourceId !== undefined ? { resourceId } : {}
+          api
+            .fetch('linkisManager/rm/resetResource', param, 'delete')
+            .then(() => {
+              this.$Message.success(this.$t('message.linkis.udf.success'))
+              this.search()
+            })
+            .catch(() => {})
         }
       })
-
     }
   }
 }
@@ -666,37 +865,37 @@ export default {
 
 <style src="./index.scss" lang="scss" scoped></style>
 <style lang="scss">
-  .resource-page {
-    min-height: 250px;
-    height: 100%;
-    overflow: hidden;
-    .ivu-table {
-      overflow: auto;
-    }
-    .ivu-table:before {
-      height: 0;
-    }
-    .admin-title {
-      top: 36px;
-      position: absolute;
-      right: 40px;
-    }
-    .noData {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%,-50%)
-      }
-    .resource-title {
-      .ivu-form {
-        display: flex;
-        .ivu-form-item {
-            margin-bottom: 10px;
-            .ivu-form-item-content {
-                display: flex !important;
-            }
+.resource-page {
+  min-height: 250px;
+  height: 100%;
+  overflow: hidden;
+  .ivu-table {
+    overflow: auto;
+  }
+  .ivu-table:before {
+    height: 0;
+  }
+  .admin-title {
+    top: 36px;
+    position: absolute;
+    right: 40px;
+  }
+  .noData {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+  .resource-title {
+    .ivu-form {
+      display: flex;
+      .ivu-form-item {
+        margin-bottom: 10px;
+        .ivu-form-item-content {
+          display: flex !important;
         }
       }
     }
   }
+}
 </style>
diff --git a/linkis-web/vue.config.js b/linkis-web/vue.config.js
index 3f71e18303..5c4d479fc6 100644
--- a/linkis-web/vue.config.js
+++ b/linkis-web/vue.config.js
@@ -15,17 +15,16 @@
  * limitations under the License.
  */
 
-
 // vue.config.js
 const path = require('path')
-const FileManagerPlugin = require('filemanager-webpack-plugin');
-const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
+const FileManagerPlugin = require('filemanager-webpack-plugin')
+const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin')
 // const CspHtmlWebpackPlugin = require('csp-html-webpack-plugin');
-const VirtualModulesPlugin = require('webpack-virtual-modules');
+const VirtualModulesPlugin = require('webpack-virtual-modules')
 const apps = require('./src/config.json')
 
 const getVersion = () => {
-  return  process.env.VUE_APP_VERSION
+  return process.env.VUE_APP_VERSION
 }
 
 // 指定module打包, 不指定则打包全部子应用
@@ -33,7 +32,7 @@ const getVersion = () => {
 let modules = process.env.npm_config_module || ''
 if (modules) {
   modules = modules.split(',')
-  Object.keys(apps).forEach(m => {
+  Object.keys(apps).forEach((m) => {
     if (modules.indexOf(m) < 0) {
       delete apps[m]
     }
@@ -47,10 +46,14 @@ let appsRoutes = []
 let appsI18n = []
 let headers = []
 
-Object.entries(apps).forEach(item => {
+Object.entries(apps).forEach((item) => {
   if (item[1].module) {
-    requireComponent.push(`require.context('@/${item[1].module}',true,/([a-z|A-Z])+\\/index\.js$/)`)
-    requireComponentVue.push(`require.context('@/${item[1].module}',true,/([a-z|A-Z])+.vue$/)`)
+    requireComponent.push(
+      `require.context('@/${item[1].module}',true,/([a-z|A-Z])+\\/index\.js$/)`
+    )
+    requireComponentVue.push(
+      `require.context('@/${item[1].module}',true,/([a-z|A-Z])+.vue$/)`
+    )
   }
   // 获取个模块header
   if (item[1].header) {
@@ -63,7 +66,7 @@ Object.entries(apps).forEach(item => {
   // 处理国际化
   if (item[1].i18n) {
     appsI18n.push(`{
-      'zh-CN': require('@/${item[1].i18n["zh-CN"]}'),
+      'zh-CN': require('@/${item[1].i18n['zh-CN']}'),
       'en': require('@/${item[1].i18n['en']}')
     }`)
   }
@@ -80,14 +83,14 @@ const virtualModules = new VirtualModulesPlugin({
     appsI18n: [${appsI18n.join(',')}],
     requireComponent: [${requireComponent.join(',')}],
     requireComponentVue: [${requireComponentVue.join(',')}],
-    microModule: ${JSON.stringify(process.env.npm_config_micro_module) || false},
+    microModule: ${
+      JSON.stringify(process.env.npm_config_micro_module) || false
+    },
     headers:{${headers.join(',')}}
-  };`
-});
+  };`,
+})
 
-const plugins = [
-  virtualModules
-]
+const plugins = [virtualModules]
 
 // scriptis linkis 有使用编辑器组件, 需要Monaco Editor
 if (modules.indexOf('scriptis') > -1 || modules.indexOf('linkis') > -1) {
@@ -131,6 +134,8 @@ function resolve(dir) {
 // }
 
 module.exports = {
+  transpileDependencies: true,
+  lintOnSave: false,
   publicPath: './',
   outputDir: 'dist/dist',
   chainWebpack: (config) => {
@@ -147,73 +152,108 @@ module.exports = {
       .use('svg-sprite-loader')
       .loader('svg-sprite-loader')
       .options({
-        symbolId: 'icon-[name]'
+        symbolId: 'icon-[name]',
       })
       .end()
-    if (process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'sandbox' || process.env.NODE_ENV === 'bdp') {
-      config.plugin('compress').use(FileManagerPlugin, [{
-        events: {
-          onEnd: {
-            copy: [
-              { source: './config.sh', destination: `./dist/config.sh`,toType: 'file'},
-              { source: './install.sh', destination: `./dist/install.sh`,toType: 'file' },
-              { source: './release-docs/LICENSE', destination: `./dist/LICENSE`,toType: 'file'},
-              { source: './release-docs/NOTICE', destination: `./dist/NOTICE`,toType: 'file'},
-              { source: './release-docs/licenses', destination: `./dist/licenses`},
-              { source: '../DISCLAIMER', destination: `./dist/DISCLAIMER`,toType: 'file'}
-            ],
-            // 先删除根目录下的zip包
-            delete: [`./apache-linkis-${getVersion()}-web-bin.tar.gz`],
-            // 将dist文件夹下的文件进行打包
-            archive: [
-              { source: './dist', destination: `./apache-linkis-${getVersion()}-web-bin.tar.gz`,format: 'tar' ,
-                options: {
-                  gzip: true,
-                  gzipOptions: {
-                    level: 1,
-                  },
-                  globOptions: {
-                    dot: true,
+    if (
+      process.env.NODE_ENV === 'production' ||
+      process.env.NODE_ENV === 'sandbox' ||
+      process.env.NODE_ENV === 'bdp'
+    ) {
+      config.plugin('compress').use(FileManagerPlugin, [
+        {
+          events: {
+            onEnd: {
+              copy: [
+                {
+                  source: './config.sh',
+                  destination: `./dist/config.sh`,
+                  toType: 'file',
+                },
+                {
+                  source: './install.sh',
+                  destination: `./dist/install.sh`,
+                  toType: 'file',
+                },
+                {
+                  source: './release-docs/LICENSE',
+                  destination: `./dist/LICENSE`,
+                  toType: 'file',
+                },
+                {
+                  source: './release-docs/NOTICE',
+                  destination: `./dist/NOTICE`,
+                  toType: 'file',
+                },
+                {
+                  source: './release-docs/licenses',
+                  destination: `./dist/licenses`,
+                },
+                {
+                  source: '../DISCLAIMER',
+                  destination: `./dist/DISCLAIMER`,
+                  toType: 'file',
+                },
+              ],
+              // 先删除根目录下的zip包
+              delete: [`./apache-linkis-${getVersion()}-web-bin.tar.gz`],
+              // 将dist文件夹下的文件进行打包
+              archive: [
+                {
+                  source: './dist',
+                  destination: `./apache-linkis-${getVersion()}-web-bin.tar.gz`,
+                  format: 'tar',
+                  options: {
+                    gzip: true,
+                    gzipOptions: {
+                      level: 1,
+                    },
+                    globOptions: {
+                      dot: true,
+                    },
                   },
-                }
-              },
-            ]
+                },
+              ],
+            },
           },
-        }
-      }])
+        },
+      ])
     }
   },
   configureWebpack: {
     resolve: {
       alias: {
         '@': path.resolve(__dirname, './src'),
-        '@component': path.resolve(__dirname, './src/components')
+        '@component': path.resolve(__dirname, './src/components'),
       },
       fallback: {
-        "path": false,
-        "fs": false
-      }
+        path: false,
+        fs: false,
+      },
     },
-    plugins
+    plugins,
   },
   // 选项...
   pluginOptions: {
     mock: {
       entry: 'mock.js',
-      power: false
-    }
+      power: false,
+    },
   },
   devServer: {
+    port: 3000,
     proxy: {
       '/api': {
         // You can set BACKEND_URL in .env.development(ignored by git) file
-        // BACKEND_URL=http://127.0.0.1:9001
         target: process.env.BACKEND_URL,
         changeOrigin: true,
         pathRewrite: {
-          '^/api': '/api'
-        }
-      }
-    }
-  }
+          '^/api': '/api',
+        },
+      },
+    },
+    client: {
+      overlay: false,
+    },
+  },
 }

From 65c620b743ad83726027045809e9aaa9298f71f6 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Thu, 7 Sep 2023 06:46:15 +0800
Subject: [PATCH 02/21] feat: premilinarily complete layout of the page
 globalHistoryManagement

---
 linkis-web-next/.commitlintrc                 |    49 +
 linkis-web-next/.eslintignore                 |     2 +
 linkis-web-next/.eslintrc.json                |    39 +
 linkis-web-next/.prettierrc                   |    12 +
 linkis-web-next/README.md                     |    18 +
 linkis-web-next/index.html                    |    13 +
 linkis-web-next/package-lock.json             | 10492 ++++++++++++++++
 linkis-web-next/package.json                  |    53 +
 linkis-web-next/public/vite.svg               |     1 +
 linkis-web-next/src/App.vue                   |     5 +
 linkis-web-next/src/assets/vue.svg            |     1 +
 .../src/components/sidebar/index.less         |    18 +
 .../src/components/sidebar/index.vue          |    70 +
 linkis-web-next/src/env.d.ts                  |     6 +
 linkis-web-next/src/layout.vue                |   342 +
 linkis-web-next/src/main.ts                   |    63 +
 .../pages/globalHistoryManagement/count.vue   |    64 +
 .../pages/globalHistoryManagement/drawer.vue  |   181 +
 .../pages/globalHistoryManagement/filter.vue  |   145 +
 .../pages/globalHistoryManagement/index.less  |     8 +
 .../pages/globalHistoryManagement/index.vue   |     9 +
 .../pages/globalHistoryManagement/table.vue   |   259 +
 .../globalHistoryManagement/tooltipText.vue   |    39 +
 .../src/pages/resource/history/index.less     |     0
 .../src/pages/resource/history/index.vue      |     1 +
 linkis-web-next/src/pages/resource/index.less |     0
 linkis-web-next/src/pages/resource/index.vue  |    25 +
 .../src/pages/resource/manage/index.less      |     0
 .../src/pages/resource/manage/index.vue       |     1 +
 linkis-web-next/src/router/index.ts           |    68 +
 linkis-web-next/src/style/style.less          |   628 +
 linkis-web-next/src/style/variable.less       |    37 +
 linkis-web-next/src/vite-env.d.ts             |     1 +
 linkis-web-next/tsconfig.json                 |    29 +
 linkis-web-next/tsconfig.node.json            |    10 +
 linkis-web-next/vite.config.ts                |    14 +
 36 files changed, 12703 insertions(+)
 create mode 100644 linkis-web-next/.commitlintrc
 create mode 100644 linkis-web-next/.eslintignore
 create mode 100644 linkis-web-next/.eslintrc.json
 create mode 100644 linkis-web-next/.prettierrc
 create mode 100644 linkis-web-next/README.md
 create mode 100644 linkis-web-next/index.html
 create mode 100644 linkis-web-next/package-lock.json
 create mode 100644 linkis-web-next/package.json
 create mode 100644 linkis-web-next/public/vite.svg
 create mode 100644 linkis-web-next/src/App.vue
 create mode 100644 linkis-web-next/src/assets/vue.svg
 create mode 100644 linkis-web-next/src/components/sidebar/index.less
 create mode 100644 linkis-web-next/src/components/sidebar/index.vue
 create mode 100644 linkis-web-next/src/env.d.ts
 create mode 100644 linkis-web-next/src/layout.vue
 create mode 100644 linkis-web-next/src/main.ts
 create mode 100644 linkis-web-next/src/pages/globalHistoryManagement/count.vue
 create mode 100644 linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
 create mode 100644 linkis-web-next/src/pages/globalHistoryManagement/filter.vue
 create mode 100644 linkis-web-next/src/pages/globalHistoryManagement/index.less
 create mode 100644 linkis-web-next/src/pages/globalHistoryManagement/index.vue
 create mode 100644 linkis-web-next/src/pages/globalHistoryManagement/table.vue
 create mode 100644 linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue
 create mode 100644 linkis-web-next/src/pages/resource/history/index.less
 create mode 100644 linkis-web-next/src/pages/resource/history/index.vue
 create mode 100644 linkis-web-next/src/pages/resource/index.less
 create mode 100644 linkis-web-next/src/pages/resource/index.vue
 create mode 100644 linkis-web-next/src/pages/resource/manage/index.less
 create mode 100644 linkis-web-next/src/pages/resource/manage/index.vue
 create mode 100644 linkis-web-next/src/router/index.ts
 create mode 100644 linkis-web-next/src/style/style.less
 create mode 100644 linkis-web-next/src/style/variable.less
 create mode 100644 linkis-web-next/src/vite-env.d.ts
 create mode 100644 linkis-web-next/tsconfig.json
 create mode 100644 linkis-web-next/tsconfig.node.json
 create mode 100644 linkis-web-next/vite.config.ts

diff --git a/linkis-web-next/.commitlintrc b/linkis-web-next/.commitlintrc
new file mode 100644
index 0000000000..cda374c83f
--- /dev/null
+++ b/linkis-web-next/.commitlintrc
@@ -0,0 +1,49 @@
+{
+  "extends": [
+    "@commitlint/config-conventional"
+  ],
+  "rules": {
+    "type-enum": [
+      2,
+      "always",
+      [
+        "build",
+        "chore",
+        "ci",
+        "docs",
+        "feat",
+        "fix",
+        "perf",
+        "refactor",
+        "revert",
+        "style",
+        "test"
+      ]
+    ],
+    "type-case": [
+      0
+    ],
+    "type-empty": [
+      0
+    ],
+    "scope-empty": [
+      0
+    ],
+    "scope-case": [
+      0
+    ],
+    "subject-full-stop": [
+      0,
+      "never"
+    ],
+    "subject-case": [
+      0,
+      "never"
+    ],
+    "header-max-length": [
+      0,
+      "always",
+      72
+    ]
+  }
+}
diff --git a/linkis-web-next/.eslintignore b/linkis-web-next/.eslintignore
new file mode 100644
index 0000000000..f06235c460
--- /dev/null
+++ b/linkis-web-next/.eslintignore
@@ -0,0 +1,2 @@
+node_modules
+dist
diff --git a/linkis-web-next/.eslintrc.json b/linkis-web-next/.eslintrc.json
new file mode 100644
index 0000000000..73a00913e1
--- /dev/null
+++ b/linkis-web-next/.eslintrc.json
@@ -0,0 +1,39 @@
+{
+    "root": true,
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:vue/vue3-essential",
+        "plugin:@typescript-eslint/recommended",
+        "airbnb-base",
+        "prettier"
+    ],
+    "overrides": [],
+    "parser": "vue-eslint-parser",
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module",
+        "parser": "@typescript-eslint/parser"
+    },
+    "settings": {
+        "import/resolver": {
+            "typescript": {},
+            "alias": {
+                "map": ["@", "./src"],
+                "extentions": [".js", ".ts", ".vue"]
+            }
+        }
+    },
+    "plugins": ["vue", "@typescript-eslint"],
+    "rules": {
+        "indent": ["error", 4],
+        "linebreak-style": ["error", "unix"],
+        "semi": ["error", "always"],
+        "vue/multi-word-component-names": 0,
+        "quotes": ["error", "single"],
+        "vue/html-quotes": ["error", "double"]
+    }
+}
diff --git a/linkis-web-next/.prettierrc b/linkis-web-next/.prettierrc
new file mode 100644
index 0000000000..f60cbb3847
--- /dev/null
+++ b/linkis-web-next/.prettierrc
@@ -0,0 +1,12 @@
+{
+    "trailingComma": "all",
+    "tabWidth": 4,
+    "semi": true,
+    "singleQuote": true,
+    "overrides": [
+        {
+            "files": [".prettierrc", ".commitlintrc"],
+            "options": { "parser": "json" }
+        }
+    ]
+}
diff --git a/linkis-web-next/README.md b/linkis-web-next/README.md
new file mode 100644
index 0000000000..ef72fd5242
--- /dev/null
+++ b/linkis-web-next/README.md
@@ -0,0 +1,18 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Type Support For `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
diff --git a/linkis-web-next/index.html b/linkis-web-next/index.html
new file mode 100644
index 0000000000..143557b528
--- /dev/null
+++ b/linkis-web-next/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/linkis-web-next/package-lock.json b/linkis-web-next/package-lock.json
new file mode 100644
index 0000000000..302f1de018
--- /dev/null
+++ b/linkis-web-next/package-lock.json
@@ -0,0 +1,10492 @@
+{
+    "name": "LINKIS-WEB-NEXT",
+    "version": "0.0.0",
+    "lockfileVersion": 2,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "LINKIS-WEB-NEXT",
+            "version": "0.0.0",
+            "dependencies": {
+                "@fesjs/fes-design": "^0.7.31",
+                "vue": "^3.2.47",
+                "vue-router": "^4.2.2"
+            },
+            "devDependencies": {
+                "@commitlint/cli": "^17.6.3",
+                "@commitlint/config-conventional": "^17.6.1",
+                "@typescript-eslint/eslint-plugin": "^5.59.9",
+                "@typescript-eslint/parser": "^5.59.9",
+                "@vitejs/plugin-vue": "^4.1.0",
+                "eslint": "^8.41.0",
+                "eslint-config-airbnb-base": "^15.0.0",
+                "eslint-config-prettier": "^8.8.0",
+                "eslint-import-resolver-alias": "^1.1.2",
+                "eslint-import-resolver-typescript": "^3.5.5",
+                "eslint-plugin-import": "^2.27.5",
+                "eslint-plugin-vue": "^9.14.1",
+                "husky": "^7.0.0",
+                "less": "^4.2.0",
+                "lint-staged": "^13.2.2",
+                "prettier": "2.8.8",
+                "typescript": "^5.0.2",
+                "vite": "^4.3.9",
+                "vue-eslint-parser": "^9.3.0"
+            }
+        },
+        "node_modules/@aashutoshrathi/word-wrap": {
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+            "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/@babel/code-frame": {
+            "version": "7.22.13",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
+            "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+            "dev": true,
+            "dependencies": {
+                "@babel/highlight": "^7.22.13",
+                "chalk": "^2.4.2"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/ansi-styles": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+            "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+            "dev": true,
+            "dependencies": {
+                "color-convert": "^1.9.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/chalk": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+            "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/color-convert": {
+            "version": "1.9.3",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+            "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+            "dev": true,
+            "dependencies": {
+                "color-name": "1.1.3"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/color-name": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+            "dev": true
+        },
+        "node_modules/@babel/code-frame/node_modules/escape-string-regexp": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+            "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.8.0"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/has-flag": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+            "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/supports-color": {
+            "version": "5.5.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+            "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+            "dev": true,
+            "dependencies": {
+                "has-flag": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/helper-validator-identifier": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
+            "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/highlight": {
+            "version": "7.22.13",
+            "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.13.tgz",
+            "integrity": "sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==",
+            "dev": true,
+            "dependencies": {
+                "@babel/helper-validator-identifier": "^7.22.5",
+                "chalk": "^2.4.2",
+                "js-tokens": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/ansi-styles": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+            "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+            "dev": true,
+            "dependencies": {
+                "color-convert": "^1.9.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/chalk": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+            "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/color-convert": {
+            "version": "1.9.3",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+            "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+            "dev": true,
+            "dependencies": {
+                "color-name": "1.1.3"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/color-name": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+            "dev": true
+        },
+        "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+            "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.8.0"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/has-flag": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+            "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/supports-color": {
+            "version": "5.5.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+            "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+            "dev": true,
+            "dependencies": {
+                "has-flag": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/parser": {
+            "version": "7.22.14",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.14.tgz",
+            "integrity": "sha512-1KucTHgOvaw/LzCVrEOAyXkr9rQlp0A1HiHRYnSUE9dmb8PvPW7o5sscg+5169r54n3vGlbx6GevTE/Iw/P3AQ==",
+            "bin": {
+                "parser": "bin/babel-parser.js"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@babel/runtime": {
+            "version": "7.22.11",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.11.tgz",
+            "integrity": "sha512-ee7jVNlWN09+KftVOu9n7S8gQzD/Z6hN/I8VBRXW4P1+Xe7kJGXMwu8vds4aGIMHZnNbdpSWCfZZtinytpcAvA==",
+            "dependencies": {
+                "regenerator-runtime": "^0.14.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@commitlint/cli": {
+            "version": "17.7.1",
+            "resolved": "https://registry.npmjs.org/@commitlint/cli/-/cli-17.7.1.tgz",
+            "integrity": "sha512-BCm/AT06SNCQtvFv921iNhudOHuY16LswT0R3OeolVGLk8oP+Rk9TfQfgjH7QPMjhvp76bNqGFEcpKojxUNW1g==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/format": "^17.4.4",
+                "@commitlint/lint": "^17.7.0",
+                "@commitlint/load": "^17.7.1",
+                "@commitlint/read": "^17.5.1",
+                "@commitlint/types": "^17.4.4",
+                "execa": "^5.0.0",
+                "lodash.isfunction": "^3.0.9",
+                "resolve-from": "5.0.0",
+                "resolve-global": "1.0.0",
+                "yargs": "^17.0.0"
+            },
+            "bin": {
+                "commitlint": "cli.js"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/config-conventional": {
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/config-conventional/-/config-conventional-17.7.0.tgz",
+            "integrity": "sha512-iicqh2o6et+9kWaqsQiEYZzfLbtoWv9uZl8kbI8EGfnc0HeGafQBF7AJ0ylN9D/2kj6txltsdyQs8+2fTMwWEw==",
+            "dev": true,
+            "dependencies": {
+                "conventional-changelog-conventionalcommits": "^6.1.0"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/config-validator": {
+            "version": "17.6.7",
+            "resolved": "https://registry.npmjs.org/@commitlint/config-validator/-/config-validator-17.6.7.tgz",
+            "integrity": "sha512-vJSncmnzwMvpr3lIcm0I8YVVDJTzyjy7NZAeXbTXy+MPUdAr9pKyyg7Tx/ebOQ9kqzE6O9WT6jg2164br5UdsQ==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/types": "^17.4.4",
+                "ajv": "^8.11.0"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/ensure": {
+            "version": "17.6.7",
+            "resolved": "https://registry.npmjs.org/@commitlint/ensure/-/ensure-17.6.7.tgz",
+            "integrity": "sha512-mfDJOd1/O/eIb/h4qwXzUxkmskXDL9vNPnZ4AKYKiZALz4vHzwMxBSYtyL2mUIDeU9DRSpEUins8SeKtFkYHSw==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/types": "^17.4.4",
+                "lodash.camelcase": "^4.3.0",
+                "lodash.kebabcase": "^4.1.1",
+                "lodash.snakecase": "^4.1.1",
+                "lodash.startcase": "^4.4.0",
+                "lodash.upperfirst": "^4.3.1"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/execute-rule": {
+            "version": "17.4.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/execute-rule/-/execute-rule-17.4.0.tgz",
+            "integrity": "sha512-LIgYXuCSO5Gvtc0t9bebAMSwd68ewzmqLypqI2Kke1rqOqqDbMpYcYfoPfFlv9eyLIh4jocHWwCK5FS7z9icUA==",
+            "dev": true,
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/format": {
+            "version": "17.4.4",
+            "resolved": "https://registry.npmjs.org/@commitlint/format/-/format-17.4.4.tgz",
+            "integrity": "sha512-+IS7vpC4Gd/x+uyQPTAt3hXs5NxnkqAZ3aqrHd5Bx/R9skyCAWusNlNbw3InDbAK6j166D9asQM8fnmYIa+CXQ==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/types": "^17.4.4",
+                "chalk": "^4.1.0"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/is-ignored": {
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/is-ignored/-/is-ignored-17.7.0.tgz",
+            "integrity": "sha512-043rA7m45tyEfW7Zv2vZHF++176MLHH9h70fnPoYlB1slKBeKl8BwNIlnPg4xBdRBVNPaCqvXxWswx2GR4c9Hw==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/types": "^17.4.4",
+                "semver": "7.5.4"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/lint": {
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/lint/-/lint-17.7.0.tgz",
+            "integrity": "sha512-TCQihm7/uszA5z1Ux1vw+Nf3yHTgicus/+9HiUQk+kRSQawByxZNESeQoX9ujfVd3r4Sa+3fn0JQAguG4xvvbA==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/is-ignored": "^17.7.0",
+                "@commitlint/parse": "^17.7.0",
+                "@commitlint/rules": "^17.7.0",
+                "@commitlint/types": "^17.4.4"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/load": {
+            "version": "17.7.1",
+            "resolved": "https://registry.npmjs.org/@commitlint/load/-/load-17.7.1.tgz",
+            "integrity": "sha512-S/QSOjE1ztdogYj61p6n3UbkUvweR17FQ0zDbNtoTLc+Hz7vvfS7ehoTMQ27hPSjVBpp7SzEcOQu081RLjKHJQ==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/config-validator": "^17.6.7",
+                "@commitlint/execute-rule": "^17.4.0",
+                "@commitlint/resolve-extends": "^17.6.7",
+                "@commitlint/types": "^17.4.4",
+                "@types/node": "20.4.7",
+                "chalk": "^4.1.0",
+                "cosmiconfig": "^8.0.0",
+                "cosmiconfig-typescript-loader": "^4.0.0",
+                "lodash.isplainobject": "^4.0.6",
+                "lodash.merge": "^4.6.2",
+                "lodash.uniq": "^4.5.0",
+                "resolve-from": "^5.0.0",
+                "ts-node": "^10.8.1",
+                "typescript": "^4.6.4 || ^5.0.0"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/message": {
+            "version": "17.4.2",
+            "resolved": "https://registry.npmjs.org/@commitlint/message/-/message-17.4.2.tgz",
+            "integrity": "sha512-3XMNbzB+3bhKA1hSAWPCQA3lNxR4zaeQAQcHj0Hx5sVdO6ryXtgUBGGv+1ZCLMgAPRixuc6en+iNAzZ4NzAa8Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/parse": {
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/parse/-/parse-17.7.0.tgz",
+            "integrity": "sha512-dIvFNUMCUHqq5Abv80mIEjLVfw8QNuA4DS7OWip4pcK/3h5wggmjVnlwGCDvDChkw2TjK1K6O+tAEV78oxjxag==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/types": "^17.4.4",
+                "conventional-changelog-angular": "^6.0.0",
+                "conventional-commits-parser": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/read": {
+            "version": "17.5.1",
+            "resolved": "https://registry.npmjs.org/@commitlint/read/-/read-17.5.1.tgz",
+            "integrity": "sha512-7IhfvEvB//p9aYW09YVclHbdf1u7g7QhxeYW9ZHSO8Huzp8Rz7m05aCO1mFG7G8M+7yfFnXB5xOmG18brqQIBg==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/top-level": "^17.4.0",
+                "@commitlint/types": "^17.4.4",
+                "fs-extra": "^11.0.0",
+                "git-raw-commits": "^2.0.11",
+                "minimist": "^1.2.6"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/resolve-extends": {
+            "version": "17.6.7",
+            "resolved": "https://registry.npmjs.org/@commitlint/resolve-extends/-/resolve-extends-17.6.7.tgz",
+            "integrity": "sha512-PfeoAwLHtbOaC9bGn/FADN156CqkFz6ZKiVDMjuC2N5N0740Ke56rKU7Wxdwya8R8xzLK9vZzHgNbuGhaOVKIg==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/config-validator": "^17.6.7",
+                "@commitlint/types": "^17.4.4",
+                "import-fresh": "^3.0.0",
+                "lodash.mergewith": "^4.6.2",
+                "resolve-from": "^5.0.0",
+                "resolve-global": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/rules": {
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/rules/-/rules-17.7.0.tgz",
+            "integrity": "sha512-J3qTh0+ilUE5folSaoK91ByOb8XeQjiGcdIdiB/8UT1/Rd1itKo0ju/eQVGyFzgTMYt8HrDJnGTmNWwcMR1rmA==",
+            "dev": true,
+            "dependencies": {
+                "@commitlint/ensure": "^17.6.7",
+                "@commitlint/message": "^17.4.2",
+                "@commitlint/to-lines": "^17.4.0",
+                "@commitlint/types": "^17.4.4",
+                "execa": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/to-lines": {
+            "version": "17.4.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/to-lines/-/to-lines-17.4.0.tgz",
+            "integrity": "sha512-LcIy/6ZZolsfwDUWfN1mJ+co09soSuNASfKEU5sCmgFCvX5iHwRYLiIuoqXzOVDYOy7E7IcHilr/KS0e5T+0Hg==",
+            "dev": true,
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/top-level": {
+            "version": "17.4.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/top-level/-/top-level-17.4.0.tgz",
+            "integrity": "sha512-/1loE/g+dTTQgHnjoCy0AexKAEFyHsR2zRB4NWrZ6lZSMIxAhBJnmCqwao7b4H8888PsfoTBCLBYIw8vGnej8g==",
+            "dev": true,
+            "dependencies": {
+                "find-up": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@commitlint/types": {
+            "version": "17.4.4",
+            "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-17.4.4.tgz",
+            "integrity": "sha512-amRN8tRLYOsxRr6mTnGGGvB5EmW/4DDjLMgiwK3CCVEmN6Sr/6xePGEpWaspKkckILuUORCwe6VfDBw6uj4axQ==",
+            "dev": true,
+            "dependencies": {
+                "chalk": "^4.1.0"
+            },
+            "engines": {
+                "node": ">=v14"
+            }
+        },
+        "node_modules/@cspotcode/source-map-support": {
+            "version": "0.8.1",
+            "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+            "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/trace-mapping": "0.3.9"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+            "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@eslint-community/eslint-utils": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+            "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+            "dev": true,
+            "dependencies": {
+                "eslint-visitor-keys": "^3.3.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+            }
+        },
+        "node_modules/@eslint-community/regexpp": {
+            "version": "4.8.0",
+            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.8.0.tgz",
+            "integrity": "sha512-JylOEEzDiOryeUnFbQz+oViCXS0KsvR1mvHkoMiu5+UiBvy+RYX7tzlIIIEstF/gVa2tj9AQXk3dgnxv6KxhFg==",
+            "dev": true,
+            "engines": {
+                "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@eslint/eslintrc": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz",
+            "integrity": "sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==",
+            "dev": true,
+            "dependencies": {
+                "ajv": "^6.12.4",
+                "debug": "^4.3.2",
+                "espree": "^9.6.0",
+                "globals": "^13.19.0",
+                "ignore": "^5.2.0",
+                "import-fresh": "^3.2.1",
+                "js-yaml": "^4.1.0",
+                "minimatch": "^3.1.2",
+                "strip-json-comments": "^3.1.1"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/@eslint/eslintrc/node_modules/ajv": {
+            "version": "6.12.6",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+            "dev": true,
+            "dependencies": {
+                "fast-deep-equal": "^3.1.1",
+                "fast-json-stable-stringify": "^2.0.0",
+                "json-schema-traverse": "^0.4.1",
+                "uri-js": "^4.2.2"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/epoberezkin"
+            }
+        },
+        "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+            "dev": true
+        },
+        "node_modules/@eslint/js": {
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.48.0.tgz",
+            "integrity": "sha512-ZSjtmelB7IJfWD2Fvb7+Z+ChTIKWq6kjda95fLcQKNS5aheVHn4IkfgRQE3sIIzTcSLwLcLZUD9UBt+V7+h+Pw==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@fesjs/fes-design": {
+            "version": "0.7.32",
+            "resolved": "https://registry.npmjs.org/@fesjs/fes-design/-/fes-design-0.7.32.tgz",
+            "integrity": "sha512-EYneDcAeL5fsHkoFYo7Ik4Dwo59In/YUkeWoDl28plD+vDRncyRmzkTrVQRV+tk6YI+ev/aBX+Ao/b8ye839Bw==",
+            "dependencies": {
+                "@babel/runtime": "^7.16.3",
+                "@floating-ui/dom": "^1.2.9",
+                "@juggle/resize-observer": "^3.3.1",
+                "@types/lodash-es": "^4.17.5",
+                "@vue/shared": "^3.2.24",
+                "@vueuse/core": "^9.6.0",
+                "async-validator": "^4.0.7",
+                "csstype": "^3.0.10",
+                "date-fns": "^2.28.0",
+                "lodash-es": "^4.17.21",
+                "stickybits": "^3.7.9"
+            },
+            "peerDependencies": {
+                "vue": "^3.2.24"
+            }
+        },
+        "node_modules/@floating-ui/core": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.4.1.tgz",
+            "integrity": "sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==",
+            "dependencies": {
+                "@floating-ui/utils": "^0.1.1"
+            }
+        },
+        "node_modules/@floating-ui/dom": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.1.tgz",
+            "integrity": "sha512-KwvVcPSXg6mQygvA1TjbN/gh///36kKtllIF8SUm0qpFj8+rvYrpvlYdL1JoA71SHpDqgSSdGOSoQ0Mp3uY5aw==",
+            "dependencies": {
+                "@floating-ui/core": "^1.4.1",
+                "@floating-ui/utils": "^0.1.1"
+            }
+        },
+        "node_modules/@floating-ui/utils": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.1.tgz",
+            "integrity": "sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw=="
+        },
+        "node_modules/@humanwhocodes/config-array": {
+            "version": "0.11.11",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz",
+            "integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==",
+            "dev": true,
+            "dependencies": {
+                "@humanwhocodes/object-schema": "^1.2.1",
+                "debug": "^4.1.1",
+                "minimatch": "^3.0.5"
+            },
+            "engines": {
+                "node": ">=10.10.0"
+            }
+        },
+        "node_modules/@humanwhocodes/module-importer": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+            "dev": true,
+            "engines": {
+                "node": ">=12.22"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/nzakas"
+            }
+        },
+        "node_modules/@humanwhocodes/object-schema": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+            "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+            "dev": true
+        },
+        "node_modules/@jridgewell/resolve-uri": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+            "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.4.15",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+            "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+        },
+        "node_modules/@jridgewell/trace-mapping": {
+            "version": "0.3.9",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+            "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/resolve-uri": "^3.0.3",
+                "@jridgewell/sourcemap-codec": "^1.4.10"
+            }
+        },
+        "node_modules/@juggle/resize-observer": {
+            "version": "3.4.0",
+            "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz",
+            "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA=="
+        },
+        "node_modules/@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+            "dev": true,
+            "dependencies": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@nodelib/fs.stat": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+            "dev": true,
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+            "dev": true,
+            "dependencies": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@tsconfig/node10": {
+            "version": "1.0.9",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
+            "integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==",
+            "dev": true
+        },
+        "node_modules/@tsconfig/node12": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
+            "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
+            "dev": true
+        },
+        "node_modules/@tsconfig/node14": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
+            "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
+            "dev": true
+        },
+        "node_modules/@tsconfig/node16": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
+            "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
+            "dev": true
+        },
+        "node_modules/@types/json-schema": {
+            "version": "7.0.12",
+            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
+            "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
+            "dev": true
+        },
+        "node_modules/@types/json5": {
+            "version": "0.0.29",
+            "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+            "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+            "dev": true
+        },
+        "node_modules/@types/lodash": {
+            "version": "4.14.197",
+            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.197.tgz",
+            "integrity": "sha512-BMVOiWs0uNxHVlHBgzTIqJYmj+PgCo4euloGF+5m4okL3rEYzM2EEv78mw8zWSMM57dM7kVIgJ2QDvwHSoCI5g=="
+        },
+        "node_modules/@types/lodash-es": {
+            "version": "4.17.9",
+            "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.9.tgz",
+            "integrity": "sha512-ZTcmhiI3NNU7dEvWLZJkzG6ao49zOIjEgIE0RgV7wbPxU0f2xT3VSAHw2gmst8swH6V0YkLRGp4qPlX/6I90MQ==",
+            "dependencies": {
+                "@types/lodash": "*"
+            }
+        },
+        "node_modules/@types/minimist": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+            "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+            "dev": true
+        },
+        "node_modules/@types/node": {
+            "version": "20.4.7",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.7.tgz",
+            "integrity": "sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g==",
+            "dev": true
+        },
+        "node_modules/@types/normalize-package-data": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
+            "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+            "dev": true
+        },
+        "node_modules/@types/semver": {
+            "version": "7.5.1",
+            "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.1.tgz",
+            "integrity": "sha512-cJRQXpObxfNKkFAZbJl2yjWtJCqELQIdShsogr1d2MilP8dKD9TE/nEKHkJgUNHdGKCQaf9HbIynuV2csLGVLg==",
+            "dev": true
+        },
+        "node_modules/@types/web-bluetooth": {
+            "version": "0.0.16",
+            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+            "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
+        },
+        "node_modules/@typescript-eslint/eslint-plugin": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
+            "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
+            "dev": true,
+            "dependencies": {
+                "@eslint-community/regexpp": "^4.4.0",
+                "@typescript-eslint/scope-manager": "5.62.0",
+                "@typescript-eslint/type-utils": "5.62.0",
+                "@typescript-eslint/utils": "5.62.0",
+                "debug": "^4.3.4",
+                "graphemer": "^1.4.0",
+                "ignore": "^5.2.0",
+                "natural-compare-lite": "^1.4.0",
+                "semver": "^7.3.7",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            },
+            "peerDependencies": {
+                "@typescript-eslint/parser": "^5.0.0",
+                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/parser": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
+            "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/scope-manager": "5.62.0",
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/typescript-estree": "5.62.0",
+                "debug": "^4.3.4"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            },
+            "peerDependencies": {
+                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/scope-manager": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+            "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/visitor-keys": "5.62.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            }
+        },
+        "node_modules/@typescript-eslint/type-utils": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
+            "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/typescript-estree": "5.62.0",
+                "@typescript-eslint/utils": "5.62.0",
+                "debug": "^4.3.4",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            },
+            "peerDependencies": {
+                "eslint": "*"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/types": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
+            "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            }
+        },
+        "node_modules/@typescript-eslint/typescript-estree": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
+            "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/visitor-keys": "5.62.0",
+                "debug": "^4.3.4",
+                "globby": "^11.1.0",
+                "is-glob": "^4.0.3",
+                "semver": "^7.3.7",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/utils": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
+            "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
+            "dev": true,
+            "dependencies": {
+                "@eslint-community/eslint-utils": "^4.2.0",
+                "@types/json-schema": "^7.0.9",
+                "@types/semver": "^7.3.12",
+                "@typescript-eslint/scope-manager": "5.62.0",
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/typescript-estree": "5.62.0",
+                "eslint-scope": "^5.1.1",
+                "semver": "^7.3.7"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            },
+            "peerDependencies": {
+                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/visitor-keys": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+            "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.62.0",
+                "eslint-visitor-keys": "^3.3.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/typescript-eslint"
+            }
+        },
+        "node_modules/@vitejs/plugin-vue": {
+            "version": "4.3.4",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.3.4.tgz",
+            "integrity": "sha512-ciXNIHKPriERBisHFBvnTbfKa6r9SAesOYXeGDzgegcvy9Q4xdScSHAmKbNT0M3O0S9LKhIf5/G+UYG4NnnzYw==",
+            "dev": true,
+            "engines": {
+                "node": "^14.18.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "vite": "^4.0.0",
+                "vue": "^3.2.25"
+            }
+        },
+        "node_modules/@vue/compiler-core": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
+            "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
+            "dependencies": {
+                "@babel/parser": "^7.21.3",
+                "@vue/shared": "3.3.4",
+                "estree-walker": "^2.0.2",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "node_modules/@vue/compiler-dom": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
+            "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
+            "dependencies": {
+                "@vue/compiler-core": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "node_modules/@vue/compiler-sfc": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
+            "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
+            "dependencies": {
+                "@babel/parser": "^7.20.15",
+                "@vue/compiler-core": "3.3.4",
+                "@vue/compiler-dom": "3.3.4",
+                "@vue/compiler-ssr": "3.3.4",
+                "@vue/reactivity-transform": "3.3.4",
+                "@vue/shared": "3.3.4",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.0",
+                "postcss": "^8.1.10",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "node_modules/@vue/compiler-ssr": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
+            "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
+            "dependencies": {
+                "@vue/compiler-dom": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "node_modules/@vue/devtools-api": {
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.0.tgz",
+            "integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q=="
+        },
+        "node_modules/@vue/reactivity": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
+            "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
+            "dependencies": {
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "node_modules/@vue/reactivity-transform": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
+            "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
+            "dependencies": {
+                "@babel/parser": "^7.20.15",
+                "@vue/compiler-core": "3.3.4",
+                "@vue/shared": "3.3.4",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.0"
+            }
+        },
+        "node_modules/@vue/runtime-core": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz",
+            "integrity": "sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==",
+            "dependencies": {
+                "@vue/reactivity": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "node_modules/@vue/runtime-dom": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz",
+            "integrity": "sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==",
+            "dependencies": {
+                "@vue/runtime-core": "3.3.4",
+                "@vue/shared": "3.3.4",
+                "csstype": "^3.1.1"
+            }
+        },
+        "node_modules/@vue/server-renderer": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz",
+            "integrity": "sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==",
+            "dependencies": {
+                "@vue/compiler-ssr": "3.3.4",
+                "@vue/shared": "3.3.4"
+            },
+            "peerDependencies": {
+                "vue": "3.3.4"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
+            "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
+        },
+        "node_modules/@vueuse/core": {
+            "version": "9.13.0",
+            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.13.0.tgz",
+            "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
+            "dependencies": {
+                "@types/web-bluetooth": "^0.0.16",
+                "@vueuse/metadata": "9.13.0",
+                "@vueuse/shared": "9.13.0",
+                "vue-demi": "*"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/@vueuse/core/node_modules/vue-demi": {
+            "version": "0.14.6",
+            "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
+            "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+            "hasInstallScript": true,
+            "bin": {
+                "vue-demi-fix": "bin/vue-demi-fix.js",
+                "vue-demi-switch": "bin/vue-demi-switch.js"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.0.0-rc.1",
+                "vue": "^3.0.0-0 || ^2.6.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@vueuse/metadata": {
+            "version": "9.13.0",
+            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.13.0.tgz",
+            "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==",
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/@vueuse/shared": {
+            "version": "9.13.0",
+            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.13.0.tgz",
+            "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+            "dependencies": {
+                "vue-demi": "*"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/@vueuse/shared/node_modules/vue-demi": {
+            "version": "0.14.6",
+            "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
+            "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+            "hasInstallScript": true,
+            "bin": {
+                "vue-demi-fix": "bin/vue-demi-fix.js",
+                "vue-demi-switch": "bin/vue-demi-switch.js"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.0.0-rc.1",
+                "vue": "^3.0.0-0 || ^2.6.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/acorn": {
+            "version": "8.10.0",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
+            "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+            "dev": true,
+            "bin": {
+                "acorn": "bin/acorn"
+            },
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/acorn-jsx": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+            "dev": true,
+            "peerDependencies": {
+                "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/acorn-walk": {
+            "version": "8.2.0",
+            "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
+            "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/ajv": {
+            "version": "8.12.0",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+            "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+            "dev": true,
+            "dependencies": {
+                "fast-deep-equal": "^3.1.1",
+                "json-schema-traverse": "^1.0.0",
+                "require-from-string": "^2.0.2",
+                "uri-js": "^4.2.2"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/epoberezkin"
+            }
+        },
+        "node_modules/ansi-escapes": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-5.0.0.tgz",
+            "integrity": "sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==",
+            "dev": true,
+            "dependencies": {
+                "type-fest": "^1.0.2"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/ansi-escapes/node_modules/type-fest": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz",
+            "integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/ansi-regex": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/arg": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+            "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+            "dev": true
+        },
+        "node_modules/argparse": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+            "dev": true
+        },
+        "node_modules/array-buffer-byte-length": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+            "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "is-array-buffer": "^3.0.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/array-ify": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/array-ify/-/array-ify-1.0.0.tgz",
+            "integrity": "sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==",
+            "dev": true
+        },
+        "node_modules/array-includes": {
+            "version": "3.1.6",
+            "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
+            "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4",
+                "get-intrinsic": "^1.1.3",
+                "is-string": "^1.0.7"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/array-union": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+            "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/array.prototype.findlastindex": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
+            "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "es-shim-unscopables": "^1.0.0",
+                "get-intrinsic": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/array.prototype.flat": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz",
+            "integrity": "sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4",
+                "es-shim-unscopables": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/array.prototype.flatmap": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz",
+            "integrity": "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4",
+                "es-shim-unscopables": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/arraybuffer.prototype.slice": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz",
+            "integrity": "sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw==",
+            "dev": true,
+            "dependencies": {
+                "array-buffer-byte-length": "^1.0.0",
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "get-intrinsic": "^1.2.1",
+                "is-array-buffer": "^3.0.2",
+                "is-shared-array-buffer": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/arrify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+            "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/async-validator": {
+            "version": "4.2.5",
+            "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+            "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+        },
+        "node_modules/available-typed-arrays": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+            "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "dev": true
+        },
+        "node_modules/boolbase": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+            "dev": true
+        },
+        "node_modules/brace-expansion": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+            "dev": true,
+            "dependencies": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
+            }
+        },
+        "node_modules/braces": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+            "dev": true,
+            "dependencies": {
+                "fill-range": "^7.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/call-bind": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.1",
+                "get-intrinsic": "^1.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/callsites": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/camelcase": {
+            "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+            "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/camelcase-keys": {
+            "version": "6.2.2",
+            "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+            "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+            "dev": true,
+            "dependencies": {
+                "camelcase": "^5.3.1",
+                "map-obj": "^4.0.0",
+                "quick-lru": "^4.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
+        "node_modules/cli-cursor": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+            "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+            "dev": true,
+            "dependencies": {
+                "restore-cursor": "^4.0.0"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/cli-truncate": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
+            "integrity": "sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==",
+            "dev": true,
+            "dependencies": {
+                "slice-ansi": "^5.0.0",
+                "string-width": "^5.0.0"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/cliui": {
+            "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+            "dev": true,
+            "dependencies": {
+                "string-width": "^4.2.0",
+                "strip-ansi": "^6.0.1",
+                "wrap-ansi": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/cliui/node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "dev": true
+        },
+        "node_modules/cliui/node_modules/is-fullwidth-code-point": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/cliui/node_modules/string-width": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "dev": true,
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/cliui/node_modules/wrap-ansi": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^4.0.0",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+            }
+        },
+        "node_modules/color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dev": true,
+            "dependencies": {
+                "color-name": "~1.1.4"
+            },
+            "engines": {
+                "node": ">=7.0.0"
+            }
+        },
+        "node_modules/color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+            "dev": true
+        },
+        "node_modules/colorette": {
+            "version": "2.0.20",
+            "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+            "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+            "dev": true
+        },
+        "node_modules/commander": {
+            "version": "11.0.0",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-11.0.0.tgz",
+            "integrity": "sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=16"
+            }
+        },
+        "node_modules/compare-func": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/compare-func/-/compare-func-2.0.0.tgz",
+            "integrity": "sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==",
+            "dev": true,
+            "dependencies": {
+                "array-ify": "^1.0.0",
+                "dot-prop": "^5.1.0"
+            }
+        },
+        "node_modules/concat-map": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+            "dev": true
+        },
+        "node_modules/confusing-browser-globals": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz",
+            "integrity": "sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==",
+            "dev": true
+        },
+        "node_modules/conventional-changelog-angular": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/conventional-changelog-angular/-/conventional-changelog-angular-6.0.0.tgz",
+            "integrity": "sha512-6qLgrBF4gueoC7AFVHu51nHL9pF9FRjXrH+ceVf7WmAfH3gs+gEYOkvxhjMPjZu57I4AGUGoNTY8V7Hrgf1uqg==",
+            "dev": true,
+            "dependencies": {
+                "compare-func": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/conventional-changelog-conventionalcommits": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/conventional-changelog-conventionalcommits/-/conventional-changelog-conventionalcommits-6.1.0.tgz",
+            "integrity": "sha512-3cS3GEtR78zTfMzk0AizXKKIdN4OvSh7ibNz6/DPbhWWQu7LqE/8+/GqSodV+sywUR2gpJAdP/1JFf4XtN7Zpw==",
+            "dev": true,
+            "dependencies": {
+                "compare-func": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/conventional-commits-parser": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-4.0.0.tgz",
+            "integrity": "sha512-WRv5j1FsVM5FISJkoYMR6tPk07fkKT0UodruX4je86V4owk451yjXAKzKAPOs9l7y59E2viHUS9eQ+dfUA9NSg==",
+            "dev": true,
+            "dependencies": {
+                "is-text-path": "^1.0.1",
+                "JSONStream": "^1.3.5",
+                "meow": "^8.1.2",
+                "split2": "^3.2.2"
+            },
+            "bin": {
+                "conventional-commits-parser": "cli.js"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/copy-anything": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
+            "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
+            "dev": true,
+            "dependencies": {
+                "is-what": "^3.14.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/mesqueeb"
+            }
+        },
+        "node_modules/cosmiconfig": {
+            "version": "8.2.0",
+            "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.2.0.tgz",
+            "integrity": "sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==",
+            "dev": true,
+            "dependencies": {
+                "import-fresh": "^3.2.1",
+                "js-yaml": "^4.1.0",
+                "parse-json": "^5.0.0",
+                "path-type": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/d-fischer"
+            }
+        },
+        "node_modules/cosmiconfig-typescript-loader": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-4.4.0.tgz",
+            "integrity": "sha512-BabizFdC3wBHhbI4kJh0VkQP9GkBfoHPydD0COMce1nJ1kJAB3F2TmJ/I7diULBKtmEWSwEbuN/KDtgnmUUVmw==",
+            "dev": true,
+            "engines": {
+                "node": ">=v14.21.3"
+            },
+            "peerDependencies": {
+                "@types/node": "*",
+                "cosmiconfig": ">=7",
+                "ts-node": ">=10",
+                "typescript": ">=4"
+            }
+        },
+        "node_modules/create-require": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+            "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+            "dev": true
+        },
+        "node_modules/cross-spawn": {
+            "version": "7.0.3",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+            "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+            "dev": true,
+            "dependencies": {
+                "path-key": "^3.1.0",
+                "shebang-command": "^2.0.0",
+                "which": "^2.0.1"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/cssesc": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+            "dev": true,
+            "bin": {
+                "cssesc": "bin/cssesc"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/csstype": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+            "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+        },
+        "node_modules/dargs": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/dargs/-/dargs-7.0.0.tgz",
+            "integrity": "sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/date-fns": {
+            "version": "2.30.0",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+            "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+            "dependencies": {
+                "@babel/runtime": "^7.21.0"
+            },
+            "engines": {
+                "node": ">=0.11"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/date-fns"
+            }
+        },
+        "node_modules/debug": {
+            "version": "4.3.4",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+            "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "2.1.2"
+            },
+            "engines": {
+                "node": ">=6.0"
+            },
+            "peerDependenciesMeta": {
+                "supports-color": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/decamelize": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+            "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/decamelize-keys": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz",
+            "integrity": "sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==",
+            "dev": true,
+            "dependencies": {
+                "decamelize": "^1.1.0",
+                "map-obj": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/decamelize-keys/node_modules/map-obj": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+            "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/deep-is": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+            "dev": true
+        },
+        "node_modules/define-properties": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+            "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
+            "dev": true,
+            "dependencies": {
+                "has-property-descriptors": "^1.0.0",
+                "object-keys": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/diff": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+            "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.3.1"
+            }
+        },
+        "node_modules/dir-glob": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+            "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+            "dev": true,
+            "dependencies": {
+                "path-type": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/doctrine": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+            "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+            "dev": true,
+            "dependencies": {
+                "esutils": "^2.0.2"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/dot-prop": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
+            "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
+            "dev": true,
+            "dependencies": {
+                "is-obj": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/eastasianwidth": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+            "dev": true
+        },
+        "node_modules/emoji-regex": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+            "dev": true
+        },
+        "node_modules/enhanced-resolve": {
+            "version": "5.15.0",
+            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+            "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+            "dev": true,
+            "dependencies": {
+                "graceful-fs": "^4.2.4",
+                "tapable": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/errno": {
+            "version": "0.1.8",
+            "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+            "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+            "dev": true,
+            "optional": true,
+            "dependencies": {
+                "prr": "~1.0.1"
+            },
+            "bin": {
+                "errno": "cli.js"
+            }
+        },
+        "node_modules/error-ex": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+            "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+            "dev": true,
+            "dependencies": {
+                "is-arrayish": "^0.2.1"
+            }
+        },
+        "node_modules/es-abstract": {
+            "version": "1.22.1",
+            "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz",
+            "integrity": "sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==",
+            "dev": true,
+            "dependencies": {
+                "array-buffer-byte-length": "^1.0.0",
+                "arraybuffer.prototype.slice": "^1.0.1",
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.2",
+                "es-set-tostringtag": "^2.0.1",
+                "es-to-primitive": "^1.2.1",
+                "function.prototype.name": "^1.1.5",
+                "get-intrinsic": "^1.2.1",
+                "get-symbol-description": "^1.0.0",
+                "globalthis": "^1.0.3",
+                "gopd": "^1.0.1",
+                "has": "^1.0.3",
+                "has-property-descriptors": "^1.0.0",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3",
+                "internal-slot": "^1.0.5",
+                "is-array-buffer": "^3.0.2",
+                "is-callable": "^1.2.7",
+                "is-negative-zero": "^2.0.2",
+                "is-regex": "^1.1.4",
+                "is-shared-array-buffer": "^1.0.2",
+                "is-string": "^1.0.7",
+                "is-typed-array": "^1.1.10",
+                "is-weakref": "^1.0.2",
+                "object-inspect": "^1.12.3",
+                "object-keys": "^1.1.1",
+                "object.assign": "^4.1.4",
+                "regexp.prototype.flags": "^1.5.0",
+                "safe-array-concat": "^1.0.0",
+                "safe-regex-test": "^1.0.0",
+                "string.prototype.trim": "^1.2.7",
+                "string.prototype.trimend": "^1.0.6",
+                "string.prototype.trimstart": "^1.0.6",
+                "typed-array-buffer": "^1.0.0",
+                "typed-array-byte-length": "^1.0.0",
+                "typed-array-byte-offset": "^1.0.0",
+                "typed-array-length": "^1.0.4",
+                "unbox-primitive": "^1.0.2",
+                "which-typed-array": "^1.1.10"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/es-set-tostringtag": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+            "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.1.3",
+                "has": "^1.0.3",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-shim-unscopables": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+            "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+            "dev": true,
+            "dependencies": {
+                "has": "^1.0.3"
+            }
+        },
+        "node_modules/es-to-primitive": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+            "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+            "dev": true,
+            "dependencies": {
+                "is-callable": "^1.1.4",
+                "is-date-object": "^1.0.1",
+                "is-symbol": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/esbuild": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+            "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+            "dev": true,
+            "hasInstallScript": true,
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "optionalDependencies": {
+                "@esbuild/android-arm": "0.18.20",
+                "@esbuild/android-arm64": "0.18.20",
+                "@esbuild/android-x64": "0.18.20",
+                "@esbuild/darwin-arm64": "0.18.20",
+                "@esbuild/darwin-x64": "0.18.20",
+                "@esbuild/freebsd-arm64": "0.18.20",
+                "@esbuild/freebsd-x64": "0.18.20",
+                "@esbuild/linux-arm": "0.18.20",
+                "@esbuild/linux-arm64": "0.18.20",
+                "@esbuild/linux-ia32": "0.18.20",
+                "@esbuild/linux-loong64": "0.18.20",
+                "@esbuild/linux-mips64el": "0.18.20",
+                "@esbuild/linux-ppc64": "0.18.20",
+                "@esbuild/linux-riscv64": "0.18.20",
+                "@esbuild/linux-s390x": "0.18.20",
+                "@esbuild/linux-x64": "0.18.20",
+                "@esbuild/netbsd-x64": "0.18.20",
+                "@esbuild/openbsd-x64": "0.18.20",
+                "@esbuild/sunos-x64": "0.18.20",
+                "@esbuild/win32-arm64": "0.18.20",
+                "@esbuild/win32-ia32": "0.18.20",
+                "@esbuild/win32-x64": "0.18.20"
+            }
+        },
+        "node_modules/escalade": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+            "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/escape-string-regexp": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/eslint": {
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.48.0.tgz",
+            "integrity": "sha512-sb6DLeIuRXxeM1YljSe1KEx9/YYeZFQWcV8Rq9HfigmdDEugjLEVEa1ozDjL6YDjBpQHPJxJzze+alxi4T3OLg==",
+            "dev": true,
+            "dependencies": {
+                "@eslint-community/eslint-utils": "^4.2.0",
+                "@eslint-community/regexpp": "^4.6.1",
+                "@eslint/eslintrc": "^2.1.2",
+                "@eslint/js": "8.48.0",
+                "@humanwhocodes/config-array": "^0.11.10",
+                "@humanwhocodes/module-importer": "^1.0.1",
+                "@nodelib/fs.walk": "^1.2.8",
+                "ajv": "^6.12.4",
+                "chalk": "^4.0.0",
+                "cross-spawn": "^7.0.2",
+                "debug": "^4.3.2",
+                "doctrine": "^3.0.0",
+                "escape-string-regexp": "^4.0.0",
+                "eslint-scope": "^7.2.2",
+                "eslint-visitor-keys": "^3.4.3",
+                "espree": "^9.6.1",
+                "esquery": "^1.4.2",
+                "esutils": "^2.0.2",
+                "fast-deep-equal": "^3.1.3",
+                "file-entry-cache": "^6.0.1",
+                "find-up": "^5.0.0",
+                "glob-parent": "^6.0.2",
+                "globals": "^13.19.0",
+                "graphemer": "^1.4.0",
+                "ignore": "^5.2.0",
+                "imurmurhash": "^0.1.4",
+                "is-glob": "^4.0.0",
+                "is-path-inside": "^3.0.3",
+                "js-yaml": "^4.1.0",
+                "json-stable-stringify-without-jsonify": "^1.0.1",
+                "levn": "^0.4.1",
+                "lodash.merge": "^4.6.2",
+                "minimatch": "^3.1.2",
+                "natural-compare": "^1.4.0",
+                "optionator": "^0.9.3",
+                "strip-ansi": "^6.0.1",
+                "text-table": "^0.2.0"
+            },
+            "bin": {
+                "eslint": "bin/eslint.js"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/eslint-config-airbnb-base": {
+            "version": "15.0.0",
+            "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-15.0.0.tgz",
+            "integrity": "sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==",
+            "dev": true,
+            "dependencies": {
+                "confusing-browser-globals": "^1.0.10",
+                "object.assign": "^4.1.2",
+                "object.entries": "^1.1.5",
+                "semver": "^6.3.0"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "^7.32.0 || ^8.2.0",
+                "eslint-plugin-import": "^2.25.2"
+            }
+        },
+        "node_modules/eslint-config-airbnb-base/node_modules/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "dev": true,
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
+        "node_modules/eslint-config-prettier": {
+            "version": "8.10.0",
+            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz",
+            "integrity": "sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==",
+            "dev": true,
+            "bin": {
+                "eslint-config-prettier": "bin/cli.js"
+            },
+            "peerDependencies": {
+                "eslint": ">=7.0.0"
+            }
+        },
+        "node_modules/eslint-import-resolver-alias": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/eslint-import-resolver-alias/-/eslint-import-resolver-alias-1.1.2.tgz",
+            "integrity": "sha512-WdviM1Eu834zsfjHtcGHtGfcu+F30Od3V7I9Fi57uhBEwPkjDcii7/yW8jAT+gOhn4P/vOxxNAXbFAKsrrc15w==",
+            "dev": true,
+            "engines": {
+                "node": ">= 4"
+            },
+            "peerDependencies": {
+                "eslint-plugin-import": ">=1.4.0"
+            }
+        },
+        "node_modules/eslint-import-resolver-node": {
+            "version": "0.3.9",
+            "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+            "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^3.2.7",
+                "is-core-module": "^2.13.0",
+                "resolve": "^1.22.4"
+            }
+        },
+        "node_modules/eslint-import-resolver-node/node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/eslint-import-resolver-typescript": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.0.tgz",
+            "integrity": "sha512-QTHR9ddNnn35RTxlaEnx2gCxqFlF2SEN0SE2d17SqwyM7YOSI2GHWRYp5BiRkObTUNYPupC/3Fq2a0PpT+EKpg==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^4.3.4",
+                "enhanced-resolve": "^5.12.0",
+                "eslint-module-utils": "^2.7.4",
+                "fast-glob": "^3.3.1",
+                "get-tsconfig": "^4.5.0",
+                "is-core-module": "^2.11.0",
+                "is-glob": "^4.0.3"
+            },
+            "engines": {
+                "node": "^14.18.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+            },
+            "peerDependencies": {
+                "eslint": "*",
+                "eslint-plugin-import": "*"
+            }
+        },
+        "node_modules/eslint-module-utils": {
+            "version": "2.8.0",
+            "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+            "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^3.2.7"
+            },
+            "engines": {
+                "node": ">=4"
+            },
+            "peerDependenciesMeta": {
+                "eslint": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/eslint-module-utils/node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/eslint-plugin-import": {
+            "version": "2.28.1",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz",
+            "integrity": "sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==",
+            "dev": true,
+            "dependencies": {
+                "array-includes": "^3.1.6",
+                "array.prototype.findlastindex": "^1.2.2",
+                "array.prototype.flat": "^1.3.1",
+                "array.prototype.flatmap": "^1.3.1",
+                "debug": "^3.2.7",
+                "doctrine": "^2.1.0",
+                "eslint-import-resolver-node": "^0.3.7",
+                "eslint-module-utils": "^2.8.0",
+                "has": "^1.0.3",
+                "is-core-module": "^2.13.0",
+                "is-glob": "^4.0.3",
+                "minimatch": "^3.1.2",
+                "object.fromentries": "^2.0.6",
+                "object.groupby": "^1.0.0",
+                "object.values": "^1.1.6",
+                "semver": "^6.3.1",
+                "tsconfig-paths": "^3.14.2"
+            },
+            "engines": {
+                "node": ">=4"
+            },
+            "peerDependencies": {
+                "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/doctrine": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+            "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+            "dev": true,
+            "dependencies": {
+                "esutils": "^2.0.2"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "dev": true,
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
+        "node_modules/eslint-plugin-vue": {
+            "version": "9.17.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.17.0.tgz",
+            "integrity": "sha512-r7Bp79pxQk9I5XDP0k2dpUC7Ots3OSWgvGZNu3BxmKK6Zg7NgVtcOB6OCna5Kb9oQwJPl5hq183WD0SY5tZtIQ==",
+            "dev": true,
+            "dependencies": {
+                "@eslint-community/eslint-utils": "^4.4.0",
+                "natural-compare": "^1.4.0",
+                "nth-check": "^2.1.1",
+                "postcss-selector-parser": "^6.0.13",
+                "semver": "^7.5.4",
+                "vue-eslint-parser": "^9.3.1",
+                "xml-name-validator": "^4.0.0"
+            },
+            "engines": {
+                "node": "^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/eslint-scope": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+            "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+            "dev": true,
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^4.1.1"
+            },
+            "engines": {
+                "node": ">=8.0.0"
+            }
+        },
+        "node_modules/eslint-visitor-keys": {
+            "version": "3.4.3",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+            "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/eslint/node_modules/ajv": {
+            "version": "6.12.6",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+            "dev": true,
+            "dependencies": {
+                "fast-deep-equal": "^3.1.1",
+                "fast-json-stable-stringify": "^2.0.0",
+                "json-schema-traverse": "^0.4.1",
+                "uri-js": "^4.2.2"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/epoberezkin"
+            }
+        },
+        "node_modules/eslint/node_modules/eslint-scope": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+            "dev": true,
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/eslint/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/eslint/node_modules/json-schema-traverse": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+            "dev": true
+        },
+        "node_modules/espree": {
+            "version": "9.6.1",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+            "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^8.9.0",
+                "acorn-jsx": "^5.3.2",
+                "eslint-visitor-keys": "^3.4.1"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/esquery": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+            "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+            "dev": true,
+            "dependencies": {
+                "estraverse": "^5.1.0"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/esquery/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/esrecurse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+            "dev": true,
+            "dependencies": {
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/esrecurse/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/estraverse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+            "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+        },
+        "node_modules/esutils": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/eventemitter3": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+            "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+            "dev": true
+        },
+        "node_modules/execa": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+            "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+            "dev": true,
+            "dependencies": {
+                "cross-spawn": "^7.0.3",
+                "get-stream": "^6.0.0",
+                "human-signals": "^2.1.0",
+                "is-stream": "^2.0.0",
+                "merge-stream": "^2.0.0",
+                "npm-run-path": "^4.0.1",
+                "onetime": "^5.1.2",
+                "signal-exit": "^3.0.3",
+                "strip-final-newline": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sindresorhus/execa?sponsor=1"
+            }
+        },
+        "node_modules/fast-deep-equal": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+            "dev": true
+        },
+        "node_modules/fast-glob": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+            "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+            "dev": true,
+            "dependencies": {
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.4"
+            },
+            "engines": {
+                "node": ">=8.6.0"
+            }
+        },
+        "node_modules/fast-glob/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dev": true,
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/fast-json-stable-stringify": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+            "dev": true
+        },
+        "node_modules/fast-levenshtein": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+            "dev": true
+        },
+        "node_modules/fastq": {
+            "version": "1.15.0",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+            "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+            "dev": true,
+            "dependencies": {
+                "reusify": "^1.0.4"
+            }
+        },
+        "node_modules/file-entry-cache": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+            "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+            "dev": true,
+            "dependencies": {
+                "flat-cache": "^3.0.4"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
+        "node_modules/fill-range": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+            "dev": true,
+            "dependencies": {
+                "to-regex-range": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/find-up": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+            "dev": true,
+            "dependencies": {
+                "locate-path": "^6.0.0",
+                "path-exists": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/flat-cache": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.0.tgz",
+            "integrity": "sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==",
+            "dev": true,
+            "dependencies": {
+                "flatted": "^3.2.7",
+                "keyv": "^4.5.3",
+                "rimraf": "^3.0.2"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            }
+        },
+        "node_modules/flatted": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
+            "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
+            "dev": true
+        },
+        "node_modules/for-each": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+            "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+            "dev": true,
+            "dependencies": {
+                "is-callable": "^1.1.3"
+            }
+        },
+        "node_modules/fs-extra": {
+            "version": "11.1.1",
+            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
+            "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+            "dev": true,
+            "dependencies": {
+                "graceful-fs": "^4.2.0",
+                "jsonfile": "^6.0.1",
+                "universalify": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=14.14"
+            }
+        },
+        "node_modules/fs.realpath": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+            "dev": true
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+            "dev": true
+        },
+        "node_modules/function.prototype.name": {
+            "version": "1.1.6",
+            "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+            "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "functions-have-names": "^1.2.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/functions-have-names": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/get-caller-file": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+            "dev": true,
+            "engines": {
+                "node": "6.* || 8.* || >= 10.*"
+            }
+        },
+        "node_modules/get-intrinsic": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.1",
+                "has": "^1.0.3",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/get-stream": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+            "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/get-symbol-description": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+            "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/get-tsconfig": {
+            "version": "4.7.0",
+            "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.0.tgz",
+            "integrity": "sha512-pmjiZ7xtB8URYm74PlGJozDNyhvsVLUcpBa8DZBG3bWHwaHa9bPiRpiSfovw+fjhwONSCWKRyk+JQHEGZmMrzw==",
+            "dev": true,
+            "dependencies": {
+                "resolve-pkg-maps": "^1.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+            }
+        },
+        "node_modules/git-raw-commits": {
+            "version": "2.0.11",
+            "resolved": "https://registry.npmjs.org/git-raw-commits/-/git-raw-commits-2.0.11.tgz",
+            "integrity": "sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==",
+            "dev": true,
+            "dependencies": {
+                "dargs": "^7.0.0",
+                "lodash": "^4.17.15",
+                "meow": "^8.0.0",
+                "split2": "^3.0.0",
+                "through2": "^4.0.0"
+            },
+            "bin": {
+                "git-raw-commits": "cli.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/glob": {
+            "version": "7.2.3",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+            "dev": true,
+            "dependencies": {
+                "fs.realpath": "^1.0.0",
+                "inflight": "^1.0.4",
+                "inherits": "2",
+                "minimatch": "^3.1.1",
+                "once": "^1.3.0",
+                "path-is-absolute": "^1.0.0"
+            },
+            "engines": {
+                "node": "*"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/glob-parent": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+            "dev": true,
+            "dependencies": {
+                "is-glob": "^4.0.3"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/global-dirs": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-0.1.1.tgz",
+            "integrity": "sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==",
+            "dev": true,
+            "dependencies": {
+                "ini": "^1.3.4"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/globals": {
+            "version": "13.21.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-13.21.0.tgz",
+            "integrity": "sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==",
+            "dev": true,
+            "dependencies": {
+                "type-fest": "^0.20.2"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/globalthis": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+            "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+            "dev": true,
+            "dependencies": {
+                "define-properties": "^1.1.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/globby": {
+            "version": "11.1.0",
+            "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+            "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+            "dev": true,
+            "dependencies": {
+                "array-union": "^2.1.0",
+                "dir-glob": "^3.0.1",
+                "fast-glob": "^3.2.9",
+                "ignore": "^5.2.0",
+                "merge2": "^1.4.1",
+                "slash": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/gopd": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+            "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.1.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/graceful-fs": {
+            "version": "4.2.11",
+            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+            "dev": true
+        },
+        "node_modules/graphemer": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+            "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+            "dev": true
+        },
+        "node_modules/hard-rejection": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
+            "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/has-bigints": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+            "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/has-property-descriptors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+            "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.1.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-tostringtag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+            "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+            "dev": true,
+            "dependencies": {
+                "has-symbols": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/hosted-git-info": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+            "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+            "dev": true,
+            "dependencies": {
+                "lru-cache": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/human-signals": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+            "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+            "dev": true,
+            "engines": {
+                "node": ">=10.17.0"
+            }
+        },
+        "node_modules/husky": {
+            "version": "7.0.4",
+            "resolved": "https://registry.npmjs.org/husky/-/husky-7.0.4.tgz",
+            "integrity": "sha512-vbaCKN2QLtP/vD4yvs6iz6hBEo6wkSzs8HpRah1Z6aGmF2KW5PdYuAd7uX5a+OyBZHBhd+TFLqgjUgytQr4RvQ==",
+            "dev": true,
+            "bin": {
+                "husky": "lib/bin.js"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/typicode"
+            }
+        },
+        "node_modules/iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "dev": true,
+            "optional": true,
+            "dependencies": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/ignore": {
+            "version": "5.2.4",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+            "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+            "dev": true,
+            "engines": {
+                "node": ">= 4"
+            }
+        },
+        "node_modules/image-size": {
+            "version": "0.5.5",
+            "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+            "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
+            "dev": true,
+            "optional": true,
+            "bin": {
+                "image-size": "bin/image-size.js"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/import-fresh": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+            "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+            "dev": true,
+            "dependencies": {
+                "parent-module": "^1.0.0",
+                "resolve-from": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/import-fresh/node_modules/resolve-from": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/imurmurhash": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.8.19"
+            }
+        },
+        "node_modules/indent-string": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+            "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/inflight": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+            "dev": true,
+            "dependencies": {
+                "once": "^1.3.0",
+                "wrappy": "1"
+            }
+        },
+        "node_modules/inherits": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+            "dev": true
+        },
+        "node_modules/ini": {
+            "version": "1.3.8",
+            "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+            "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+            "dev": true
+        },
+        "node_modules/internal-slot": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+            "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.2.0",
+                "has": "^1.0.3",
+                "side-channel": "^1.0.4"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-array-buffer": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+            "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.2.0",
+                "is-typed-array": "^1.1.10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-arrayish": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+            "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+            "dev": true
+        },
+        "node_modules/is-bigint": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+            "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+            "dev": true,
+            "dependencies": {
+                "has-bigints": "^1.0.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-boolean-object": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+            "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-callable": {
+            "version": "1.2.7",
+            "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+            "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-core-module": {
+            "version": "2.13.0",
+            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
+            "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
+            "dev": true,
+            "dependencies": {
+                "has": "^1.0.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-date-object": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+            "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+            "dev": true,
+            "dependencies": {
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-fullwidth-code-point": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+            "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/is-glob": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+            "dev": true,
+            "dependencies": {
+                "is-extglob": "^2.1.1"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-negative-zero": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+            "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-number": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.12.0"
+            }
+        },
+        "node_modules/is-number-object": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+            "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+            "dev": true,
+            "dependencies": {
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-obj": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+            "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/is-path-inside": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+            "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/is-plain-obj": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+            "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-regex": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+            "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-shared-array-buffer": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+            "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-stream": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+            "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/is-string": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+            "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+            "dev": true,
+            "dependencies": {
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-symbol": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+            "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+            "dev": true,
+            "dependencies": {
+                "has-symbols": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-text-path": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/is-text-path/-/is-text-path-1.0.1.tgz",
+            "integrity": "sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==",
+            "dev": true,
+            "dependencies": {
+                "text-extensions": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-typed-array": {
+            "version": "1.1.12",
+            "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+            "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+            "dev": true,
+            "dependencies": {
+                "which-typed-array": "^1.1.11"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-weakref": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+            "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-what": {
+            "version": "3.14.1",
+            "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
+            "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
+            "dev": true
+        },
+        "node_modules/isarray": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+            "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+            "dev": true
+        },
+        "node_modules/isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+            "dev": true
+        },
+        "node_modules/js-tokens": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+            "dev": true
+        },
+        "node_modules/js-yaml": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+            "dev": true,
+            "dependencies": {
+                "argparse": "^2.0.1"
+            },
+            "bin": {
+                "js-yaml": "bin/js-yaml.js"
+            }
+        },
+        "node_modules/json-buffer": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+            "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+            "dev": true
+        },
+        "node_modules/json-parse-even-better-errors": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+            "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+            "dev": true
+        },
+        "node_modules/json-schema-traverse": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+            "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+            "dev": true
+        },
+        "node_modules/json-stable-stringify-without-jsonify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+            "dev": true
+        },
+        "node_modules/json5": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+            "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+            "dev": true,
+            "dependencies": {
+                "minimist": "^1.2.0"
+            },
+            "bin": {
+                "json5": "lib/cli.js"
+            }
+        },
+        "node_modules/jsonfile": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+            "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+            "dev": true,
+            "dependencies": {
+                "universalify": "^2.0.0"
+            },
+            "optionalDependencies": {
+                "graceful-fs": "^4.1.6"
+            }
+        },
+        "node_modules/jsonparse": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
+            "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==",
+            "dev": true,
+            "engines": [
+                "node >= 0.2.0"
+            ]
+        },
+        "node_modules/JSONStream": {
+            "version": "1.3.5",
+            "resolved": "https://registry.npmjs.org/JSONStream/-/JSONStream-1.3.5.tgz",
+            "integrity": "sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==",
+            "dev": true,
+            "dependencies": {
+                "jsonparse": "^1.2.0",
+                "through": ">=2.2.7 <3"
+            },
+            "bin": {
+                "JSONStream": "bin.js"
+            },
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/keyv": {
+            "version": "4.5.3",
+            "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.3.tgz",
+            "integrity": "sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==",
+            "dev": true,
+            "dependencies": {
+                "json-buffer": "3.0.1"
+            }
+        },
+        "node_modules/kind-of": {
+            "version": "6.0.3",
+            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+            "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/less": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz",
+            "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
+            "dev": true,
+            "dependencies": {
+                "copy-anything": "^2.0.1",
+                "parse-node-version": "^1.0.1",
+                "tslib": "^2.3.0"
+            },
+            "bin": {
+                "lessc": "bin/lessc"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "optionalDependencies": {
+                "errno": "^0.1.1",
+                "graceful-fs": "^4.1.2",
+                "image-size": "~0.5.0",
+                "make-dir": "^2.1.0",
+                "mime": "^1.4.1",
+                "needle": "^3.1.0",
+                "source-map": "~0.6.0"
+            }
+        },
+        "node_modules/less/node_modules/tslib": {
+            "version": "2.6.2",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+            "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+            "dev": true
+        },
+        "node_modules/levn": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+            "dev": true,
+            "dependencies": {
+                "prelude-ls": "^1.2.1",
+                "type-check": "~0.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/lilconfig": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+            "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/lines-and-columns": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+            "dev": true
+        },
+        "node_modules/lint-staged": {
+            "version": "13.3.0",
+            "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-13.3.0.tgz",
+            "integrity": "sha512-mPRtrYnipYYv1FEE134ufbWpeggNTo+O/UPzngoaKzbzHAthvR55am+8GfHTnqNRQVRRrYQLGW9ZyUoD7DsBHQ==",
+            "dev": true,
+            "dependencies": {
+                "chalk": "5.3.0",
+                "commander": "11.0.0",
+                "debug": "4.3.4",
+                "execa": "7.2.0",
+                "lilconfig": "2.1.0",
+                "listr2": "6.6.1",
+                "micromatch": "4.0.5",
+                "pidtree": "0.6.0",
+                "string-argv": "0.3.2",
+                "yaml": "2.3.1"
+            },
+            "bin": {
+                "lint-staged": "bin/lint-staged.js"
+            },
+            "engines": {
+                "node": "^16.14.0 || >=18.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/lint-staged"
+            }
+        },
+        "node_modules/lint-staged/node_modules/chalk": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+            "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+            "dev": true,
+            "engines": {
+                "node": "^12.17.0 || ^14.13 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
+        "node_modules/lint-staged/node_modules/execa": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz",
+            "integrity": "sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==",
+            "dev": true,
+            "dependencies": {
+                "cross-spawn": "^7.0.3",
+                "get-stream": "^6.0.1",
+                "human-signals": "^4.3.0",
+                "is-stream": "^3.0.0",
+                "merge-stream": "^2.0.0",
+                "npm-run-path": "^5.1.0",
+                "onetime": "^6.0.0",
+                "signal-exit": "^3.0.7",
+                "strip-final-newline": "^3.0.0"
+            },
+            "engines": {
+                "node": "^14.18.0 || ^16.14.0 || >=18.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sindresorhus/execa?sponsor=1"
+            }
+        },
+        "node_modules/lint-staged/node_modules/human-signals": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
+            "integrity": "sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=14.18.0"
+            }
+        },
+        "node_modules/lint-staged/node_modules/is-stream": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
+            "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+            "dev": true,
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/lint-staged/node_modules/mimic-fn": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
+            "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/lint-staged/node_modules/npm-run-path": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz",
+            "integrity": "sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==",
+            "dev": true,
+            "dependencies": {
+                "path-key": "^4.0.0"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/lint-staged/node_modules/onetime": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
+            "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+            "dev": true,
+            "dependencies": {
+                "mimic-fn": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/lint-staged/node_modules/path-key": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+            "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/lint-staged/node_modules/strip-final-newline": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+            "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/listr2": {
+            "version": "6.6.1",
+            "resolved": "https://registry.npmjs.org/listr2/-/listr2-6.6.1.tgz",
+            "integrity": "sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==",
+            "dev": true,
+            "dependencies": {
+                "cli-truncate": "^3.1.0",
+                "colorette": "^2.0.20",
+                "eventemitter3": "^5.0.1",
+                "log-update": "^5.0.1",
+                "rfdc": "^1.3.0",
+                "wrap-ansi": "^8.1.0"
+            },
+            "engines": {
+                "node": ">=16.0.0"
+            },
+            "peerDependencies": {
+                "enquirer": ">= 2.3.0 < 3"
+            },
+            "peerDependenciesMeta": {
+                "enquirer": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/locate-path": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+            "dev": true,
+            "dependencies": {
+                "p-locate": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "dev": true
+        },
+        "node_modules/lodash-es": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+        },
+        "node_modules/lodash.camelcase": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+            "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
+            "dev": true
+        },
+        "node_modules/lodash.isfunction": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/lodash.isfunction/-/lodash.isfunction-3.0.9.tgz",
+            "integrity": "sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==",
+            "dev": true
+        },
+        "node_modules/lodash.isplainobject": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+            "dev": true
+        },
+        "node_modules/lodash.kebabcase": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
+            "integrity": "sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==",
+            "dev": true
+        },
+        "node_modules/lodash.merge": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+            "dev": true
+        },
+        "node_modules/lodash.mergewith": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz",
+            "integrity": "sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==",
+            "dev": true
+        },
+        "node_modules/lodash.snakecase": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/lodash.snakecase/-/lodash.snakecase-4.1.1.tgz",
+            "integrity": "sha512-QZ1d4xoBHYUeuouhEq3lk3Uq7ldgyFXGBhg04+oRLnIz8o9T65Eh+8YdroUwn846zchkA9yDsDl5CVVaV2nqYw==",
+            "dev": true
+        },
+        "node_modules/lodash.startcase": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.startcase/-/lodash.startcase-4.4.0.tgz",
+            "integrity": "sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==",
+            "dev": true
+        },
+        "node_modules/lodash.uniq": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+            "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+            "dev": true
+        },
+        "node_modules/lodash.upperfirst": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/lodash.upperfirst/-/lodash.upperfirst-4.3.1.tgz",
+            "integrity": "sha512-sReKOYJIJf74dhJONhU4e0/shzi1trVbSWDOhKYE5XV2O+H7Sb2Dihwuc7xWxVl+DgFPyTqIN3zMfT9cq5iWDg==",
+            "dev": true
+        },
+        "node_modules/log-update": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/log-update/-/log-update-5.0.1.tgz",
+            "integrity": "sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==",
+            "dev": true,
+            "dependencies": {
+                "ansi-escapes": "^5.0.0",
+                "cli-cursor": "^4.0.0",
+                "slice-ansi": "^5.0.0",
+                "strip-ansi": "^7.0.1",
+                "wrap-ansi": "^8.0.1"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/log-update/node_modules/ansi-regex": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+            "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+            }
+        },
+        "node_modules/log-update/node_modules/strip-ansi": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-regex": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+            }
+        },
+        "node_modules/lru-cache": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+            "dev": true,
+            "dependencies": {
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/magic-string": {
+            "version": "0.30.3",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz",
+            "integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.4.15"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/make-dir": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+            "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+            "dev": true,
+            "optional": true,
+            "dependencies": {
+                "pify": "^4.0.1",
+                "semver": "^5.6.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/make-dir/node_modules/semver": {
+            "version": "5.7.2",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+            "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+            "dev": true,
+            "optional": true,
+            "bin": {
+                "semver": "bin/semver"
+            }
+        },
+        "node_modules/make-error": {
+            "version": "1.3.6",
+            "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+            "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+            "dev": true
+        },
+        "node_modules/map-obj": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
+            "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/meow": {
+            "version": "8.1.2",
+            "resolved": "https://registry.npmjs.org/meow/-/meow-8.1.2.tgz",
+            "integrity": "sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==",
+            "dev": true,
+            "dependencies": {
+                "@types/minimist": "^1.2.0",
+                "camelcase-keys": "^6.2.2",
+                "decamelize-keys": "^1.1.0",
+                "hard-rejection": "^2.1.0",
+                "minimist-options": "4.1.0",
+                "normalize-package-data": "^3.0.0",
+                "read-pkg-up": "^7.0.1",
+                "redent": "^3.0.0",
+                "trim-newlines": "^3.0.0",
+                "type-fest": "^0.18.0",
+                "yargs-parser": "^20.2.3"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/meow/node_modules/type-fest": {
+            "version": "0.18.1",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+            "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/merge-stream": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+            "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+            "dev": true
+        },
+        "node_modules/merge2": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/micromatch": {
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+            "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+            "dev": true,
+            "dependencies": {
+                "braces": "^3.0.2",
+                "picomatch": "^2.3.1"
+            },
+            "engines": {
+                "node": ">=8.6"
+            }
+        },
+        "node_modules/mime": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+            "dev": true,
+            "optional": true,
+            "bin": {
+                "mime": "cli.js"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/mimic-fn": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+            "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/min-indent": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+            "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/minimatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+            "dev": true,
+            "dependencies": {
+                "brace-expansion": "^1.1.7"
+            },
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/minimist-options": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
+            "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+            "dev": true,
+            "dependencies": {
+                "arrify": "^1.0.1",
+                "is-plain-obj": "^1.1.0",
+                "kind-of": "^6.0.3"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/ms": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+            "dev": true
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+            "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/natural-compare": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+            "dev": true
+        },
+        "node_modules/natural-compare-lite": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+            "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+            "dev": true
+        },
+        "node_modules/needle": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz",
+            "integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
+            "dev": true,
+            "optional": true,
+            "dependencies": {
+                "debug": "^3.2.6",
+                "iconv-lite": "^0.6.3",
+                "sax": "^1.2.4"
+            },
+            "bin": {
+                "needle": "bin/needle"
+            },
+            "engines": {
+                "node": ">= 4.4.x"
+            }
+        },
+        "node_modules/needle/node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dev": true,
+            "optional": true,
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/normalize-package-data": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+            "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+            "dev": true,
+            "dependencies": {
+                "hosted-git-info": "^4.0.1",
+                "is-core-module": "^2.5.0",
+                "semver": "^7.3.4",
+                "validate-npm-package-license": "^3.0.1"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/npm-run-path": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+            "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+            "dev": true,
+            "dependencies": {
+                "path-key": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/nth-check": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+            "dev": true,
+            "dependencies": {
+                "boolbase": "^1.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/nth-check?sponsor=1"
+            }
+        },
+        "node_modules/object-inspect": {
+            "version": "1.12.3",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/object-keys": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/object.assign": {
+            "version": "4.1.4",
+            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+            "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "has-symbols": "^1.0.3",
+                "object-keys": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/object.entries": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
+            "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/object.fromentries": {
+            "version": "2.0.7",
+            "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
+            "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/object.groupby": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
+            "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "get-intrinsic": "^1.2.1"
+            }
+        },
+        "node_modules/object.values": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+            "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/once": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+            "dev": true,
+            "dependencies": {
+                "wrappy": "1"
+            }
+        },
+        "node_modules/onetime": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+            "dev": true,
+            "dependencies": {
+                "mimic-fn": "^2.1.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/optionator": {
+            "version": "0.9.3",
+            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+            "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+            "dev": true,
+            "dependencies": {
+                "@aashutoshrathi/word-wrap": "^1.2.3",
+                "deep-is": "^0.1.3",
+                "fast-levenshtein": "^2.0.6",
+                "levn": "^0.4.1",
+                "prelude-ls": "^1.2.1",
+                "type-check": "^0.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/p-limit": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+            "dev": true,
+            "dependencies": {
+                "yocto-queue": "^0.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/p-locate": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+            "dev": true,
+            "dependencies": {
+                "p-limit": "^3.0.2"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/p-try": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+            "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/parent-module": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+            "dev": true,
+            "dependencies": {
+                "callsites": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/parse-json": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+            "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+            "dev": true,
+            "dependencies": {
+                "@babel/code-frame": "^7.0.0",
+                "error-ex": "^1.3.1",
+                "json-parse-even-better-errors": "^2.3.0",
+                "lines-and-columns": "^1.1.6"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/parse-node-version": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
+            "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.10"
+            }
+        },
+        "node_modules/path-exists": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/path-is-absolute": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/path-key": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/path-parse": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+            "dev": true
+        },
+        "node_modules/path-type": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+            "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/picocolors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+        },
+        "node_modules/picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true,
+            "engines": {
+                "node": ">=8.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/pidtree": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
+            "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
+            "dev": true,
+            "bin": {
+                "pidtree": "bin/pidtree.js"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/pify": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+            "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+            "dev": true,
+            "optional": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/postcss": {
+            "version": "8.4.29",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.29.tgz",
+            "integrity": "sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==",
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "dependencies": {
+                "nanoid": "^3.3.6",
+                "picocolors": "^1.0.0",
+                "source-map-js": "^1.0.2"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/postcss-selector-parser": {
+            "version": "6.0.13",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+            "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+            "dev": true,
+            "dependencies": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/prelude-ls": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/prettier": {
+            "version": "2.8.8",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+            "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+            "dev": true,
+            "bin": {
+                "prettier": "bin-prettier.js"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            },
+            "funding": {
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
+        "node_modules/prr": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+            "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+            "dev": true,
+            "optional": true
+        },
+        "node_modules/punycode": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+            "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ]
+        },
+        "node_modules/quick-lru": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+            "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/read-pkg": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+            "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+            "dev": true,
+            "dependencies": {
+                "@types/normalize-package-data": "^2.4.0",
+                "normalize-package-data": "^2.5.0",
+                "parse-json": "^5.0.0",
+                "type-fest": "^0.6.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/read-pkg-up": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+            "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+            "dev": true,
+            "dependencies": {
+                "find-up": "^4.1.0",
+                "read-pkg": "^5.2.0",
+                "type-fest": "^0.8.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/find-up": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+            "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+            "dev": true,
+            "dependencies": {
+                "locate-path": "^5.0.0",
+                "path-exists": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/locate-path": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+            "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+            "dev": true,
+            "dependencies": {
+                "p-locate": "^4.1.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/p-limit": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+            "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+            "dev": true,
+            "dependencies": {
+                "p-try": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/p-locate": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+            "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+            "dev": true,
+            "dependencies": {
+                "p-limit": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/type-fest": {
+            "version": "0.8.1",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+            "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/read-pkg/node_modules/hosted-git-info": {
+            "version": "2.8.9",
+            "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+            "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+            "dev": true
+        },
+        "node_modules/read-pkg/node_modules/normalize-package-data": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+            "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+            "dev": true,
+            "dependencies": {
+                "hosted-git-info": "^2.1.4",
+                "resolve": "^1.10.0",
+                "semver": "2 || 3 || 4 || 5",
+                "validate-npm-package-license": "^3.0.1"
+            }
+        },
+        "node_modules/read-pkg/node_modules/semver": {
+            "version": "5.7.2",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+            "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+            "dev": true,
+            "bin": {
+                "semver": "bin/semver"
+            }
+        },
+        "node_modules/read-pkg/node_modules/type-fest": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+            "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/readable-stream": {
+            "version": "3.6.2",
+            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+            "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+            "dev": true,
+            "dependencies": {
+                "inherits": "^2.0.3",
+                "string_decoder": "^1.1.1",
+                "util-deprecate": "^1.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/redent": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+            "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+            "dev": true,
+            "dependencies": {
+                "indent-string": "^4.0.0",
+                "strip-indent": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/regenerator-runtime": {
+            "version": "0.14.0",
+            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+            "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+        },
+        "node_modules/regexp.prototype.flags": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz",
+            "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "functions-have-names": "^1.2.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/require-directory": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/require-from-string": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+            "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/resolve": {
+            "version": "1.22.4",
+            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz",
+            "integrity": "sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==",
+            "dev": true,
+            "dependencies": {
+                "is-core-module": "^2.13.0",
+                "path-parse": "^1.0.7",
+                "supports-preserve-symlinks-flag": "^1.0.0"
+            },
+            "bin": {
+                "resolve": "bin/resolve"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/resolve-from": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+            "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/resolve-global": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-global/-/resolve-global-1.0.0.tgz",
+            "integrity": "sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==",
+            "dev": true,
+            "dependencies": {
+                "global-dirs": "^0.1.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/resolve-pkg-maps": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+            "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+            }
+        },
+        "node_modules/restore-cursor": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+            "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+            "dev": true,
+            "dependencies": {
+                "onetime": "^5.1.0",
+                "signal-exit": "^3.0.2"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/reusify": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+            "dev": true,
+            "engines": {
+                "iojs": ">=1.0.0",
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/rfdc": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz",
+            "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==",
+            "dev": true
+        },
+        "node_modules/rimraf": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+            "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+            "dev": true,
+            "dependencies": {
+                "glob": "^7.1.3"
+            },
+            "bin": {
+                "rimraf": "bin.js"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/rollup": {
+            "version": "3.28.1",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.1.tgz",
+            "integrity": "sha512-R9OMQmIHJm9znrU3m3cpE8uhN0fGdXiawME7aZIpQqvpS/85+Vt1Hq1/yVIcYfOmaQiHjvXkQAoJukvLpau6Yw==",
+            "dev": true,
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
+            "engines": {
+                "node": ">=14.18.0",
+                "npm": ">=8.0.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "dependencies": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
+        "node_modules/safe-array-concat": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.0.tgz",
+            "integrity": "sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.2.0",
+                "has-symbols": "^1.0.3",
+                "isarray": "^2.0.5"
+            },
+            "engines": {
+                "node": ">=0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/safe-buffer": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+            "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ]
+        },
+        "node_modules/safe-regex-test": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+            "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.1.3",
+                "is-regex": "^1.1.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+            "dev": true,
+            "optional": true
+        },
+        "node_modules/sax": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+            "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+            "dev": true,
+            "optional": true
+        },
+        "node_modules/semver": {
+            "version": "7.5.4",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+            "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+            "dev": true,
+            "dependencies": {
+                "lru-cache": "^6.0.0"
+            },
+            "bin": {
+                "semver": "bin/semver.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/shebang-command": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+            "dev": true,
+            "dependencies": {
+                "shebang-regex": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/shebang-regex": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/signal-exit": {
+            "version": "3.0.7",
+            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+            "dev": true
+        },
+        "node_modules/slash": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+            "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/slice-ansi": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+            "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^6.0.0",
+                "is-fullwidth-code-point": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+            }
+        },
+        "node_modules/slice-ansi/node_modules/ansi-styles": {
+            "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "optional": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/spdx-correct": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+            "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+            "dev": true,
+            "dependencies": {
+                "spdx-expression-parse": "^3.0.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "node_modules/spdx-exceptions": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+            "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+            "dev": true
+        },
+        "node_modules/spdx-expression-parse": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+            "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+            "dev": true,
+            "dependencies": {
+                "spdx-exceptions": "^2.1.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "node_modules/spdx-license-ids": {
+            "version": "3.0.13",
+            "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz",
+            "integrity": "sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==",
+            "dev": true
+        },
+        "node_modules/split2": {
+            "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/split2/-/split2-3.2.2.tgz",
+            "integrity": "sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==",
+            "dev": true,
+            "dependencies": {
+                "readable-stream": "^3.0.0"
+            }
+        },
+        "node_modules/stickybits": {
+            "version": "3.7.11",
+            "resolved": "https://registry.npmjs.org/stickybits/-/stickybits-3.7.11.tgz",
+            "integrity": "sha512-WO+ns7BYZqGS4jWVTg5JNhIvNV4LGbUtNTSck4zAkWRQzA1IfxwIkMGc0BbdGy4PGIjK7kKo5CZcN6Sd5dHVlw=="
+        },
+        "node_modules/string_decoder": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+            "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+            "dev": true,
+            "dependencies": {
+                "safe-buffer": "~5.2.0"
+            }
+        },
+        "node_modules/string-argv": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
+            "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.6.19"
+            }
+        },
+        "node_modules/string-width": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+            "dev": true,
+            "dependencies": {
+                "eastasianwidth": "^0.2.0",
+                "emoji-regex": "^9.2.2",
+                "strip-ansi": "^7.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/string-width/node_modules/ansi-regex": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+            "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+            }
+        },
+        "node_modules/string-width/node_modules/strip-ansi": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-regex": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+            }
+        },
+        "node_modules/string.prototype.trim": {
+            "version": "1.2.7",
+            "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz",
+            "integrity": "sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/string.prototype.trimend": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz",
+            "integrity": "sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/string.prototype.trimstart": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz",
+            "integrity": "sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/strip-ansi": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "dev": true,
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-bom": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+            "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/strip-final-newline": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+            "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/strip-indent": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+            "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+            "dev": true,
+            "dependencies": {
+                "min-indent": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-json-comments": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/supports-preserve-symlinks-flag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/tapable": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+            "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/text-extensions": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-1.9.0.tgz",
+            "integrity": "sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/text-table": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+            "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+            "dev": true
+        },
+        "node_modules/through": {
+            "version": "2.3.8",
+            "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+            "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+            "dev": true
+        },
+        "node_modules/through2": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/through2/-/through2-4.0.2.tgz",
+            "integrity": "sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==",
+            "dev": true,
+            "dependencies": {
+                "readable-stream": "3"
+            }
+        },
+        "node_modules/to-regex-range": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+            "dev": true,
+            "dependencies": {
+                "is-number": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=8.0"
+            }
+        },
+        "node_modules/trim-newlines": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+            "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/ts-node": {
+            "version": "10.9.1",
+            "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz",
+            "integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
+            "dev": true,
+            "dependencies": {
+                "@cspotcode/source-map-support": "^0.8.0",
+                "@tsconfig/node10": "^1.0.7",
+                "@tsconfig/node12": "^1.0.7",
+                "@tsconfig/node14": "^1.0.0",
+                "@tsconfig/node16": "^1.0.2",
+                "acorn": "^8.4.1",
+                "acorn-walk": "^8.1.1",
+                "arg": "^4.1.0",
+                "create-require": "^1.1.0",
+                "diff": "^4.0.1",
+                "make-error": "^1.1.1",
+                "v8-compile-cache-lib": "^3.0.1",
+                "yn": "3.1.1"
+            },
+            "bin": {
+                "ts-node": "dist/bin.js",
+                "ts-node-cwd": "dist/bin-cwd.js",
+                "ts-node-esm": "dist/bin-esm.js",
+                "ts-node-script": "dist/bin-script.js",
+                "ts-node-transpile-only": "dist/bin-transpile.js",
+                "ts-script": "dist/bin-script-deprecated.js"
+            },
+            "peerDependencies": {
+                "@swc/core": ">=1.2.50",
+                "@swc/wasm": ">=1.2.50",
+                "@types/node": "*",
+                "typescript": ">=2.7"
+            },
+            "peerDependenciesMeta": {
+                "@swc/core": {
+                    "optional": true
+                },
+                "@swc/wasm": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/tsconfig-paths": {
+            "version": "3.14.2",
+            "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
+            "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
+            "dev": true,
+            "dependencies": {
+                "@types/json5": "^0.0.29",
+                "json5": "^1.0.2",
+                "minimist": "^1.2.6",
+                "strip-bom": "^3.0.0"
+            }
+        },
+        "node_modules/tslib": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+            "dev": true
+        },
+        "node_modules/tsutils": {
+            "version": "3.21.0",
+            "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+            "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+            "dev": true,
+            "dependencies": {
+                "tslib": "^1.8.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            },
+            "peerDependencies": {
+                "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+            }
+        },
+        "node_modules/type-check": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+            "dev": true,
+            "dependencies": {
+                "prelude-ls": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/type-fest": {
+            "version": "0.20.2",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/typed-array-buffer": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+            "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.2.1",
+                "is-typed-array": "^1.1.10"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/typed-array-byte-length": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+            "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "has-proto": "^1.0.1",
+                "is-typed-array": "^1.1.10"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/typed-array-byte-offset": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+            "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+            "dev": true,
+            "dependencies": {
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "has-proto": "^1.0.1",
+                "is-typed-array": "^1.1.10"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/typed-array-length": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+            "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "is-typed-array": "^1.1.9"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/typescript": {
+            "version": "5.2.2",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+            "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+            "dev": true,
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
+        "node_modules/unbox-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+            "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "has-bigints": "^1.0.2",
+                "has-symbols": "^1.0.3",
+                "which-boxed-primitive": "^1.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/universalify": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "dev": true,
+            "engines": {
+                "node": ">= 10.0.0"
+            }
+        },
+        "node_modules/uri-js": {
+            "version": "4.4.1",
+            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+            "dev": true,
+            "dependencies": {
+                "punycode": "^2.1.0"
+            }
+        },
+        "node_modules/util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+            "dev": true
+        },
+        "node_modules/v8-compile-cache-lib": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+            "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
+            "dev": true
+        },
+        "node_modules/validate-npm-package-license": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+            "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+            "dev": true,
+            "dependencies": {
+                "spdx-correct": "^3.0.0",
+                "spdx-expression-parse": "^3.0.0"
+            }
+        },
+        "node_modules/vite": {
+            "version": "4.4.9",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.9.tgz",
+            "integrity": "sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==",
+            "dev": true,
+            "dependencies": {
+                "esbuild": "^0.18.10",
+                "postcss": "^8.4.27",
+                "rollup": "^3.27.1"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^14.18.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/vitejs/vite?sponsor=1"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            },
+            "peerDependencies": {
+                "@types/node": ">= 14",
+                "less": "*",
+                "lightningcss": "^1.21.0",
+                "sass": "*",
+                "stylus": "*",
+                "sugarss": "*",
+                "terser": "^5.4.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "lightningcss": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vue": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
+            "integrity": "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==",
+            "dependencies": {
+                "@vue/compiler-dom": "3.3.4",
+                "@vue/compiler-sfc": "3.3.4",
+                "@vue/runtime-dom": "3.3.4",
+                "@vue/server-renderer": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "node_modules/vue-eslint-parser": {
+            "version": "9.3.1",
+            "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz",
+            "integrity": "sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^4.3.4",
+                "eslint-scope": "^7.1.1",
+                "eslint-visitor-keys": "^3.3.0",
+                "espree": "^9.3.1",
+                "esquery": "^1.4.0",
+                "lodash": "^4.17.21",
+                "semver": "^7.3.6"
+            },
+            "engines": {
+                "node": "^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/mysticatea"
+            },
+            "peerDependencies": {
+                "eslint": ">=6.0.0"
+            }
+        },
+        "node_modules/vue-eslint-parser/node_modules/eslint-scope": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+            "dev": true,
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/vue-eslint-parser/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/vue-router": {
+            "version": "4.2.4",
+            "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.2.4.tgz",
+            "integrity": "sha512-9PISkmaCO02OzPVOMq2w82ilty6+xJmQrarYZDkjZBfl4RvYAlt4PKnEX21oW4KTtWfa9OuO/b3qk1Od3AEdCQ==",
+            "dependencies": {
+                "@vue/devtools-api": "^6.5.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/posva"
+            },
+            "peerDependencies": {
+                "vue": "^3.2.0"
+            }
+        },
+        "node_modules/which": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+            "dev": true,
+            "dependencies": {
+                "isexe": "^2.0.0"
+            },
+            "bin": {
+                "node-which": "bin/node-which"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/which-boxed-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+            "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+            "dev": true,
+            "dependencies": {
+                "is-bigint": "^1.0.1",
+                "is-boolean-object": "^1.1.0",
+                "is-number-object": "^1.0.4",
+                "is-string": "^1.0.5",
+                "is-symbol": "^1.0.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/which-typed-array": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz",
+            "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==",
+            "dev": true,
+            "dependencies": {
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "gopd": "^1.0.1",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/wrap-ansi": {
+            "version": "8.1.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^6.1.0",
+                "string-width": "^5.0.1",
+                "strip-ansi": "^7.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+            }
+        },
+        "node_modules/wrap-ansi/node_modules/ansi-regex": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+            "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+            }
+        },
+        "node_modules/wrap-ansi/node_modules/ansi-styles": {
+            "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/wrap-ansi/node_modules/strip-ansi": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-regex": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+            }
+        },
+        "node_modules/wrappy": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+            "dev": true
+        },
+        "node_modules/xml-name-validator": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+            "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/y18n": {
+            "version": "5.0.8",
+            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/yallist": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+            "dev": true
+        },
+        "node_modules/yaml": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
+            "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+            "dev": true,
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/yargs": {
+            "version": "17.7.2",
+            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+            "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+            "dev": true,
+            "dependencies": {
+                "cliui": "^8.0.1",
+                "escalade": "^3.1.1",
+                "get-caller-file": "^2.0.5",
+                "require-directory": "^2.1.1",
+                "string-width": "^4.2.3",
+                "y18n": "^5.0.5",
+                "yargs-parser": "^21.1.1"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/yargs-parser": {
+            "version": "20.2.9",
+            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+            "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/yargs/node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "dev": true
+        },
+        "node_modules/yargs/node_modules/is-fullwidth-code-point": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/yargs/node_modules/string-width": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "dev": true,
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/yargs/node_modules/yargs-parser": {
+            "version": "21.1.1",
+            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+            "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/yn": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+            "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/yocto-queue": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        }
+    },
+    "dependencies": {
+        "@aashutoshrathi/word-wrap": {
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+            "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+            "dev": true
+        },
+        "@babel/code-frame": {
+            "version": "7.22.13",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
+            "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+            "dev": true,
+            "requires": {
+                "@babel/highlight": "^7.22.13",
+                "chalk": "^2.4.2"
+            },
+            "dependencies": {
+                "ansi-styles": {
+                    "version": "3.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+                    "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+                    "dev": true,
+                    "requires": {
+                        "color-convert": "^1.9.0"
+                    }
+                },
+                "chalk": {
+                    "version": "2.4.2",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+                    "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+                    "dev": true,
+                    "requires": {
+                        "ansi-styles": "^3.2.1",
+                        "escape-string-regexp": "^1.0.5",
+                        "supports-color": "^5.3.0"
+                    }
+                },
+                "color-convert": {
+                    "version": "1.9.3",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+                    "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+                    "dev": true,
+                    "requires": {
+                        "color-name": "1.1.3"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.3",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+                    "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+                    "dev": true
+                },
+                "escape-string-regexp": {
+                    "version": "1.0.5",
+                    "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+                    "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+                    "dev": true
+                },
+                "has-flag": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+                    "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+                    "dev": true
+                },
+                "supports-color": {
+                    "version": "5.5.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+                    "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+                    "dev": true,
+                    "requires": {
+                        "has-flag": "^3.0.0"
+                    }
+                }
+            }
+        },
+        "@babel/helper-validator-identifier": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
+            "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==",
+            "dev": true
+        },
+        "@babel/highlight": {
+            "version": "7.22.13",
+            "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.13.tgz",
+            "integrity": "sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==",
+            "dev": true,
+            "requires": {
+                "@babel/helper-validator-identifier": "^7.22.5",
+                "chalk": "^2.4.2",
+                "js-tokens": "^4.0.0"
+            },
+            "dependencies": {
+                "ansi-styles": {
+                    "version": "3.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+                    "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+                    "dev": true,
+                    "requires": {
+                        "color-convert": "^1.9.0"
+                    }
+                },
+                "chalk": {
+                    "version": "2.4.2",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+                    "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+                    "dev": true,
+                    "requires": {
+                        "ansi-styles": "^3.2.1",
+                        "escape-string-regexp": "^1.0.5",
+                        "supports-color": "^5.3.0"
+                    }
+                },
+                "color-convert": {
+                    "version": "1.9.3",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+                    "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+                    "dev": true,
+                    "requires": {
+                        "color-name": "1.1.3"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.3",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+                    "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+                    "dev": true
+                },
+                "escape-string-regexp": {
+                    "version": "1.0.5",
+                    "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+                    "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+                    "dev": true
+                },
+                "has-flag": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+                    "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+                    "dev": true
+                },
+                "supports-color": {
+                    "version": "5.5.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+                    "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+                    "dev": true,
+                    "requires": {
+                        "has-flag": "^3.0.0"
+                    }
+                }
+            }
+        },
+        "@babel/parser": {
+            "version": "7.22.14",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.14.tgz",
+            "integrity": "sha512-1KucTHgOvaw/LzCVrEOAyXkr9rQlp0A1HiHRYnSUE9dmb8PvPW7o5sscg+5169r54n3vGlbx6GevTE/Iw/P3AQ=="
+        },
+        "@babel/runtime": {
+            "version": "7.22.11",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.11.tgz",
+            "integrity": "sha512-ee7jVNlWN09+KftVOu9n7S8gQzD/Z6hN/I8VBRXW4P1+Xe7kJGXMwu8vds4aGIMHZnNbdpSWCfZZtinytpcAvA==",
+            "requires": {
+                "regenerator-runtime": "^0.14.0"
+            }
+        },
+        "@commitlint/cli": {
+            "version": "17.7.1",
+            "resolved": "https://registry.npmjs.org/@commitlint/cli/-/cli-17.7.1.tgz",
+            "integrity": "sha512-BCm/AT06SNCQtvFv921iNhudOHuY16LswT0R3OeolVGLk8oP+Rk9TfQfgjH7QPMjhvp76bNqGFEcpKojxUNW1g==",
+            "dev": true,
+            "requires": {
+                "@commitlint/format": "^17.4.4",
+                "@commitlint/lint": "^17.7.0",
+                "@commitlint/load": "^17.7.1",
+                "@commitlint/read": "^17.5.1",
+                "@commitlint/types": "^17.4.4",
+                "execa": "^5.0.0",
+                "lodash.isfunction": "^3.0.9",
+                "resolve-from": "5.0.0",
+                "resolve-global": "1.0.0",
+                "yargs": "^17.0.0"
+            }
+        },
+        "@commitlint/config-conventional": {
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/config-conventional/-/config-conventional-17.7.0.tgz",
+            "integrity": "sha512-iicqh2o6et+9kWaqsQiEYZzfLbtoWv9uZl8kbI8EGfnc0HeGafQBF7AJ0ylN9D/2kj6txltsdyQs8+2fTMwWEw==",
+            "dev": true,
+            "requires": {
+                "conventional-changelog-conventionalcommits": "^6.1.0"
+            }
+        },
+        "@commitlint/config-validator": {
+            "version": "17.6.7",
+            "resolved": "https://registry.npmjs.org/@commitlint/config-validator/-/config-validator-17.6.7.tgz",
+            "integrity": "sha512-vJSncmnzwMvpr3lIcm0I8YVVDJTzyjy7NZAeXbTXy+MPUdAr9pKyyg7Tx/ebOQ9kqzE6O9WT6jg2164br5UdsQ==",
+            "dev": true,
+            "requires": {
+                "@commitlint/types": "^17.4.4",
+                "ajv": "^8.11.0"
+            }
+        },
+        "@commitlint/ensure": {
+            "version": "17.6.7",
+            "resolved": "https://registry.npmjs.org/@commitlint/ensure/-/ensure-17.6.7.tgz",
+            "integrity": "sha512-mfDJOd1/O/eIb/h4qwXzUxkmskXDL9vNPnZ4AKYKiZALz4vHzwMxBSYtyL2mUIDeU9DRSpEUins8SeKtFkYHSw==",
+            "dev": true,
+            "requires": {
+                "@commitlint/types": "^17.4.4",
+                "lodash.camelcase": "^4.3.0",
+                "lodash.kebabcase": "^4.1.1",
+                "lodash.snakecase": "^4.1.1",
+                "lodash.startcase": "^4.4.0",
+                "lodash.upperfirst": "^4.3.1"
+            }
+        },
+        "@commitlint/execute-rule": {
+            "version": "17.4.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/execute-rule/-/execute-rule-17.4.0.tgz",
+            "integrity": "sha512-LIgYXuCSO5Gvtc0t9bebAMSwd68ewzmqLypqI2Kke1rqOqqDbMpYcYfoPfFlv9eyLIh4jocHWwCK5FS7z9icUA==",
+            "dev": true
+        },
+        "@commitlint/format": {
+            "version": "17.4.4",
+            "resolved": "https://registry.npmjs.org/@commitlint/format/-/format-17.4.4.tgz",
+            "integrity": "sha512-+IS7vpC4Gd/x+uyQPTAt3hXs5NxnkqAZ3aqrHd5Bx/R9skyCAWusNlNbw3InDbAK6j166D9asQM8fnmYIa+CXQ==",
+            "dev": true,
+            "requires": {
+                "@commitlint/types": "^17.4.4",
+                "chalk": "^4.1.0"
+            }
+        },
+        "@commitlint/is-ignored": {
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/is-ignored/-/is-ignored-17.7.0.tgz",
+            "integrity": "sha512-043rA7m45tyEfW7Zv2vZHF++176MLHH9h70fnPoYlB1slKBeKl8BwNIlnPg4xBdRBVNPaCqvXxWswx2GR4c9Hw==",
+            "dev": true,
+            "requires": {
+                "@commitlint/types": "^17.4.4",
+                "semver": "7.5.4"
+            }
+        },
+        "@commitlint/lint": {
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/lint/-/lint-17.7.0.tgz",
+            "integrity": "sha512-TCQihm7/uszA5z1Ux1vw+Nf3yHTgicus/+9HiUQk+kRSQawByxZNESeQoX9ujfVd3r4Sa+3fn0JQAguG4xvvbA==",
+            "dev": true,
+            "requires": {
+                "@commitlint/is-ignored": "^17.7.0",
+                "@commitlint/parse": "^17.7.0",
+                "@commitlint/rules": "^17.7.0",
+                "@commitlint/types": "^17.4.4"
+            }
+        },
+        "@commitlint/load": {
+            "version": "17.7.1",
+            "resolved": "https://registry.npmjs.org/@commitlint/load/-/load-17.7.1.tgz",
+            "integrity": "sha512-S/QSOjE1ztdogYj61p6n3UbkUvweR17FQ0zDbNtoTLc+Hz7vvfS7ehoTMQ27hPSjVBpp7SzEcOQu081RLjKHJQ==",
+            "dev": true,
+            "requires": {
+                "@commitlint/config-validator": "^17.6.7",
+                "@commitlint/execute-rule": "^17.4.0",
+                "@commitlint/resolve-extends": "^17.6.7",
+                "@commitlint/types": "^17.4.4",
+                "@types/node": "20.4.7",
+                "chalk": "^4.1.0",
+                "cosmiconfig": "^8.0.0",
+                "cosmiconfig-typescript-loader": "^4.0.0",
+                "lodash.isplainobject": "^4.0.6",
+                "lodash.merge": "^4.6.2",
+                "lodash.uniq": "^4.5.0",
+                "resolve-from": "^5.0.0",
+                "ts-node": "^10.8.1",
+                "typescript": "^4.6.4 || ^5.0.0"
+            }
+        },
+        "@commitlint/message": {
+            "version": "17.4.2",
+            "resolved": "https://registry.npmjs.org/@commitlint/message/-/message-17.4.2.tgz",
+            "integrity": "sha512-3XMNbzB+3bhKA1hSAWPCQA3lNxR4zaeQAQcHj0Hx5sVdO6ryXtgUBGGv+1ZCLMgAPRixuc6en+iNAzZ4NzAa8Q==",
+            "dev": true
+        },
+        "@commitlint/parse": {
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/parse/-/parse-17.7.0.tgz",
+            "integrity": "sha512-dIvFNUMCUHqq5Abv80mIEjLVfw8QNuA4DS7OWip4pcK/3h5wggmjVnlwGCDvDChkw2TjK1K6O+tAEV78oxjxag==",
+            "dev": true,
+            "requires": {
+                "@commitlint/types": "^17.4.4",
+                "conventional-changelog-angular": "^6.0.0",
+                "conventional-commits-parser": "^4.0.0"
+            }
+        },
+        "@commitlint/read": {
+            "version": "17.5.1",
+            "resolved": "https://registry.npmjs.org/@commitlint/read/-/read-17.5.1.tgz",
+            "integrity": "sha512-7IhfvEvB//p9aYW09YVclHbdf1u7g7QhxeYW9ZHSO8Huzp8Rz7m05aCO1mFG7G8M+7yfFnXB5xOmG18brqQIBg==",
+            "dev": true,
+            "requires": {
+                "@commitlint/top-level": "^17.4.0",
+                "@commitlint/types": "^17.4.4",
+                "fs-extra": "^11.0.0",
+                "git-raw-commits": "^2.0.11",
+                "minimist": "^1.2.6"
+            }
+        },
+        "@commitlint/resolve-extends": {
+            "version": "17.6.7",
+            "resolved": "https://registry.npmjs.org/@commitlint/resolve-extends/-/resolve-extends-17.6.7.tgz",
+            "integrity": "sha512-PfeoAwLHtbOaC9bGn/FADN156CqkFz6ZKiVDMjuC2N5N0740Ke56rKU7Wxdwya8R8xzLK9vZzHgNbuGhaOVKIg==",
+            "dev": true,
+            "requires": {
+                "@commitlint/config-validator": "^17.6.7",
+                "@commitlint/types": "^17.4.4",
+                "import-fresh": "^3.0.0",
+                "lodash.mergewith": "^4.6.2",
+                "resolve-from": "^5.0.0",
+                "resolve-global": "^1.0.0"
+            }
+        },
+        "@commitlint/rules": {
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/rules/-/rules-17.7.0.tgz",
+            "integrity": "sha512-J3qTh0+ilUE5folSaoK91ByOb8XeQjiGcdIdiB/8UT1/Rd1itKo0ju/eQVGyFzgTMYt8HrDJnGTmNWwcMR1rmA==",
+            "dev": true,
+            "requires": {
+                "@commitlint/ensure": "^17.6.7",
+                "@commitlint/message": "^17.4.2",
+                "@commitlint/to-lines": "^17.4.0",
+                "@commitlint/types": "^17.4.4",
+                "execa": "^5.0.0"
+            }
+        },
+        "@commitlint/to-lines": {
+            "version": "17.4.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/to-lines/-/to-lines-17.4.0.tgz",
+            "integrity": "sha512-LcIy/6ZZolsfwDUWfN1mJ+co09soSuNASfKEU5sCmgFCvX5iHwRYLiIuoqXzOVDYOy7E7IcHilr/KS0e5T+0Hg==",
+            "dev": true
+        },
+        "@commitlint/top-level": {
+            "version": "17.4.0",
+            "resolved": "https://registry.npmjs.org/@commitlint/top-level/-/top-level-17.4.0.tgz",
+            "integrity": "sha512-/1loE/g+dTTQgHnjoCy0AexKAEFyHsR2zRB4NWrZ6lZSMIxAhBJnmCqwao7b4H8888PsfoTBCLBYIw8vGnej8g==",
+            "dev": true,
+            "requires": {
+                "find-up": "^5.0.0"
+            }
+        },
+        "@commitlint/types": {
+            "version": "17.4.4",
+            "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-17.4.4.tgz",
+            "integrity": "sha512-amRN8tRLYOsxRr6mTnGGGvB5EmW/4DDjLMgiwK3CCVEmN6Sr/6xePGEpWaspKkckILuUORCwe6VfDBw6uj4axQ==",
+            "dev": true,
+            "requires": {
+                "chalk": "^4.1.0"
+            }
+        },
+        "@cspotcode/source-map-support": {
+            "version": "0.8.1",
+            "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+            "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+            "dev": true,
+            "requires": {
+                "@jridgewell/trace-mapping": "0.3.9"
+            }
+        },
+        "@esbuild/win32-x64": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+            "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+            "dev": true,
+            "optional": true
+        },
+        "@eslint-community/eslint-utils": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+            "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+            "dev": true,
+            "requires": {
+                "eslint-visitor-keys": "^3.3.0"
+            }
+        },
+        "@eslint-community/regexpp": {
+            "version": "4.8.0",
+            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.8.0.tgz",
+            "integrity": "sha512-JylOEEzDiOryeUnFbQz+oViCXS0KsvR1mvHkoMiu5+UiBvy+RYX7tzlIIIEstF/gVa2tj9AQXk3dgnxv6KxhFg==",
+            "dev": true
+        },
+        "@eslint/eslintrc": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz",
+            "integrity": "sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==",
+            "dev": true,
+            "requires": {
+                "ajv": "^6.12.4",
+                "debug": "^4.3.2",
+                "espree": "^9.6.0",
+                "globals": "^13.19.0",
+                "ignore": "^5.2.0",
+                "import-fresh": "^3.2.1",
+                "js-yaml": "^4.1.0",
+                "minimatch": "^3.1.2",
+                "strip-json-comments": "^3.1.1"
+            },
+            "dependencies": {
+                "ajv": {
+                    "version": "6.12.6",
+                    "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+                    "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+                    "dev": true,
+                    "requires": {
+                        "fast-deep-equal": "^3.1.1",
+                        "fast-json-stable-stringify": "^2.0.0",
+                        "json-schema-traverse": "^0.4.1",
+                        "uri-js": "^4.2.2"
+                    }
+                },
+                "json-schema-traverse": {
+                    "version": "0.4.1",
+                    "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+                    "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+                    "dev": true
+                }
+            }
+        },
+        "@eslint/js": {
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.48.0.tgz",
+            "integrity": "sha512-ZSjtmelB7IJfWD2Fvb7+Z+ChTIKWq6kjda95fLcQKNS5aheVHn4IkfgRQE3sIIzTcSLwLcLZUD9UBt+V7+h+Pw==",
+            "dev": true
+        },
+        "@fesjs/fes-design": {
+            "version": "0.7.32",
+            "resolved": "https://registry.npmjs.org/@fesjs/fes-design/-/fes-design-0.7.32.tgz",
+            "integrity": "sha512-EYneDcAeL5fsHkoFYo7Ik4Dwo59In/YUkeWoDl28plD+vDRncyRmzkTrVQRV+tk6YI+ev/aBX+Ao/b8ye839Bw==",
+            "requires": {
+                "@babel/runtime": "^7.16.3",
+                "@floating-ui/dom": "^1.2.9",
+                "@juggle/resize-observer": "^3.3.1",
+                "@types/lodash-es": "^4.17.5",
+                "@vue/shared": "^3.2.24",
+                "@vueuse/core": "^9.6.0",
+                "async-validator": "^4.0.7",
+                "csstype": "^3.0.10",
+                "date-fns": "^2.28.0",
+                "lodash-es": "^4.17.21",
+                "stickybits": "^3.7.9"
+            }
+        },
+        "@floating-ui/core": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.4.1.tgz",
+            "integrity": "sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==",
+            "requires": {
+                "@floating-ui/utils": "^0.1.1"
+            }
+        },
+        "@floating-ui/dom": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.1.tgz",
+            "integrity": "sha512-KwvVcPSXg6mQygvA1TjbN/gh///36kKtllIF8SUm0qpFj8+rvYrpvlYdL1JoA71SHpDqgSSdGOSoQ0Mp3uY5aw==",
+            "requires": {
+                "@floating-ui/core": "^1.4.1",
+                "@floating-ui/utils": "^0.1.1"
+            }
+        },
+        "@floating-ui/utils": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.1.tgz",
+            "integrity": "sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw=="
+        },
+        "@humanwhocodes/config-array": {
+            "version": "0.11.11",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz",
+            "integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==",
+            "dev": true,
+            "requires": {
+                "@humanwhocodes/object-schema": "^1.2.1",
+                "debug": "^4.1.1",
+                "minimatch": "^3.0.5"
+            }
+        },
+        "@humanwhocodes/module-importer": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+            "dev": true
+        },
+        "@humanwhocodes/object-schema": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+            "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+            "dev": true
+        },
+        "@jridgewell/resolve-uri": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+            "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+            "dev": true
+        },
+        "@jridgewell/sourcemap-codec": {
+            "version": "1.4.15",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+            "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+        },
+        "@jridgewell/trace-mapping": {
+            "version": "0.3.9",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+            "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+            "dev": true,
+            "requires": {
+                "@jridgewell/resolve-uri": "^3.0.3",
+                "@jridgewell/sourcemap-codec": "^1.4.10"
+            }
+        },
+        "@juggle/resize-observer": {
+            "version": "3.4.0",
+            "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz",
+            "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA=="
+        },
+        "@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+            "dev": true,
+            "requires": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            }
+        },
+        "@nodelib/fs.stat": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+            "dev": true
+        },
+        "@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+            "dev": true,
+            "requires": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
+            }
+        },
+        "@tsconfig/node10": {
+            "version": "1.0.9",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
+            "integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==",
+            "dev": true
+        },
+        "@tsconfig/node12": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
+            "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
+            "dev": true
+        },
+        "@tsconfig/node14": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
+            "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
+            "dev": true
+        },
+        "@tsconfig/node16": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
+            "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
+            "dev": true
+        },
+        "@types/json-schema": {
+            "version": "7.0.12",
+            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
+            "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
+            "dev": true
+        },
+        "@types/json5": {
+            "version": "0.0.29",
+            "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+            "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+            "dev": true
+        },
+        "@types/lodash": {
+            "version": "4.14.197",
+            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.197.tgz",
+            "integrity": "sha512-BMVOiWs0uNxHVlHBgzTIqJYmj+PgCo4euloGF+5m4okL3rEYzM2EEv78mw8zWSMM57dM7kVIgJ2QDvwHSoCI5g=="
+        },
+        "@types/lodash-es": {
+            "version": "4.17.9",
+            "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.9.tgz",
+            "integrity": "sha512-ZTcmhiI3NNU7dEvWLZJkzG6ao49zOIjEgIE0RgV7wbPxU0f2xT3VSAHw2gmst8swH6V0YkLRGp4qPlX/6I90MQ==",
+            "requires": {
+                "@types/lodash": "*"
+            }
+        },
+        "@types/minimist": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+            "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+            "dev": true
+        },
+        "@types/node": {
+            "version": "20.4.7",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.7.tgz",
+            "integrity": "sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g==",
+            "dev": true
+        },
+        "@types/normalize-package-data": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
+            "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+            "dev": true
+        },
+        "@types/semver": {
+            "version": "7.5.1",
+            "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.1.tgz",
+            "integrity": "sha512-cJRQXpObxfNKkFAZbJl2yjWtJCqELQIdShsogr1d2MilP8dKD9TE/nEKHkJgUNHdGKCQaf9HbIynuV2csLGVLg==",
+            "dev": true
+        },
+        "@types/web-bluetooth": {
+            "version": "0.0.16",
+            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+            "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
+        },
+        "@typescript-eslint/eslint-plugin": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
+            "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
+            "dev": true,
+            "requires": {
+                "@eslint-community/regexpp": "^4.4.0",
+                "@typescript-eslint/scope-manager": "5.62.0",
+                "@typescript-eslint/type-utils": "5.62.0",
+                "@typescript-eslint/utils": "5.62.0",
+                "debug": "^4.3.4",
+                "graphemer": "^1.4.0",
+                "ignore": "^5.2.0",
+                "natural-compare-lite": "^1.4.0",
+                "semver": "^7.3.7",
+                "tsutils": "^3.21.0"
+            }
+        },
+        "@typescript-eslint/parser": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
+            "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+            "dev": true,
+            "requires": {
+                "@typescript-eslint/scope-manager": "5.62.0",
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/typescript-estree": "5.62.0",
+                "debug": "^4.3.4"
+            }
+        },
+        "@typescript-eslint/scope-manager": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+            "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+            "dev": true,
+            "requires": {
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/visitor-keys": "5.62.0"
+            }
+        },
+        "@typescript-eslint/type-utils": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
+            "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
+            "dev": true,
+            "requires": {
+                "@typescript-eslint/typescript-estree": "5.62.0",
+                "@typescript-eslint/utils": "5.62.0",
+                "debug": "^4.3.4",
+                "tsutils": "^3.21.0"
+            }
+        },
+        "@typescript-eslint/types": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
+            "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
+            "dev": true
+        },
+        "@typescript-eslint/typescript-estree": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
+            "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
+            "dev": true,
+            "requires": {
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/visitor-keys": "5.62.0",
+                "debug": "^4.3.4",
+                "globby": "^11.1.0",
+                "is-glob": "^4.0.3",
+                "semver": "^7.3.7",
+                "tsutils": "^3.21.0"
+            }
+        },
+        "@typescript-eslint/utils": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
+            "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
+            "dev": true,
+            "requires": {
+                "@eslint-community/eslint-utils": "^4.2.0",
+                "@types/json-schema": "^7.0.9",
+                "@types/semver": "^7.3.12",
+                "@typescript-eslint/scope-manager": "5.62.0",
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/typescript-estree": "5.62.0",
+                "eslint-scope": "^5.1.1",
+                "semver": "^7.3.7"
+            }
+        },
+        "@typescript-eslint/visitor-keys": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+            "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+            "dev": true,
+            "requires": {
+                "@typescript-eslint/types": "5.62.0",
+                "eslint-visitor-keys": "^3.3.0"
+            }
+        },
+        "@vitejs/plugin-vue": {
+            "version": "4.3.4",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.3.4.tgz",
+            "integrity": "sha512-ciXNIHKPriERBisHFBvnTbfKa6r9SAesOYXeGDzgegcvy9Q4xdScSHAmKbNT0M3O0S9LKhIf5/G+UYG4NnnzYw==",
+            "dev": true,
+            "requires": {}
+        },
+        "@vue/compiler-core": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
+            "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
+            "requires": {
+                "@babel/parser": "^7.21.3",
+                "@vue/shared": "3.3.4",
+                "estree-walker": "^2.0.2",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "@vue/compiler-dom": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
+            "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
+            "requires": {
+                "@vue/compiler-core": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "@vue/compiler-sfc": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
+            "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
+            "requires": {
+                "@babel/parser": "^7.20.15",
+                "@vue/compiler-core": "3.3.4",
+                "@vue/compiler-dom": "3.3.4",
+                "@vue/compiler-ssr": "3.3.4",
+                "@vue/reactivity-transform": "3.3.4",
+                "@vue/shared": "3.3.4",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.0",
+                "postcss": "^8.1.10",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "@vue/compiler-ssr": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
+            "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
+            "requires": {
+                "@vue/compiler-dom": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "@vue/devtools-api": {
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.0.tgz",
+            "integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q=="
+        },
+        "@vue/reactivity": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
+            "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
+            "requires": {
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "@vue/reactivity-transform": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
+            "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
+            "requires": {
+                "@babel/parser": "^7.20.15",
+                "@vue/compiler-core": "3.3.4",
+                "@vue/shared": "3.3.4",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.0"
+            }
+        },
+        "@vue/runtime-core": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz",
+            "integrity": "sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==",
+            "requires": {
+                "@vue/reactivity": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "@vue/runtime-dom": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz",
+            "integrity": "sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==",
+            "requires": {
+                "@vue/runtime-core": "3.3.4",
+                "@vue/shared": "3.3.4",
+                "csstype": "^3.1.1"
+            }
+        },
+        "@vue/server-renderer": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz",
+            "integrity": "sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==",
+            "requires": {
+                "@vue/compiler-ssr": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "@vue/shared": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
+            "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
+        },
+        "@vueuse/core": {
+            "version": "9.13.0",
+            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.13.0.tgz",
+            "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
+            "requires": {
+                "@types/web-bluetooth": "^0.0.16",
+                "@vueuse/metadata": "9.13.0",
+                "@vueuse/shared": "9.13.0",
+                "vue-demi": "*"
+            },
+            "dependencies": {
+                "vue-demi": {
+                    "version": "0.14.6",
+                    "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
+                    "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+                    "requires": {}
+                }
+            }
+        },
+        "@vueuse/metadata": {
+            "version": "9.13.0",
+            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.13.0.tgz",
+            "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ=="
+        },
+        "@vueuse/shared": {
+            "version": "9.13.0",
+            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.13.0.tgz",
+            "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+            "requires": {
+                "vue-demi": "*"
+            },
+            "dependencies": {
+                "vue-demi": {
+                    "version": "0.14.6",
+                    "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
+                    "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+                    "requires": {}
+                }
+            }
+        },
+        "acorn": {
+            "version": "8.10.0",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
+            "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+            "dev": true
+        },
+        "acorn-jsx": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+            "dev": true,
+            "requires": {}
+        },
+        "acorn-walk": {
+            "version": "8.2.0",
+            "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
+            "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
+            "dev": true
+        },
+        "ajv": {
+            "version": "8.12.0",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+            "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+            "dev": true,
+            "requires": {
+                "fast-deep-equal": "^3.1.1",
+                "json-schema-traverse": "^1.0.0",
+                "require-from-string": "^2.0.2",
+                "uri-js": "^4.2.2"
+            }
+        },
+        "ansi-escapes": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-5.0.0.tgz",
+            "integrity": "sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==",
+            "dev": true,
+            "requires": {
+                "type-fest": "^1.0.2"
+            },
+            "dependencies": {
+                "type-fest": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz",
+                    "integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==",
+                    "dev": true
+                }
+            }
+        },
+        "ansi-regex": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+            "dev": true
+        },
+        "ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
+            "requires": {
+                "color-convert": "^2.0.1"
+            }
+        },
+        "arg": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+            "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+            "dev": true
+        },
+        "argparse": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+            "dev": true
+        },
+        "array-buffer-byte-length": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+            "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "is-array-buffer": "^3.0.1"
+            }
+        },
+        "array-ify": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/array-ify/-/array-ify-1.0.0.tgz",
+            "integrity": "sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==",
+            "dev": true
+        },
+        "array-includes": {
+            "version": "3.1.6",
+            "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
+            "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4",
+                "get-intrinsic": "^1.1.3",
+                "is-string": "^1.0.7"
+            }
+        },
+        "array-union": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+            "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+            "dev": true
+        },
+        "array.prototype.findlastindex": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
+            "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "es-shim-unscopables": "^1.0.0",
+                "get-intrinsic": "^1.2.1"
+            }
+        },
+        "array.prototype.flat": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz",
+            "integrity": "sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4",
+                "es-shim-unscopables": "^1.0.0"
+            }
+        },
+        "array.prototype.flatmap": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz",
+            "integrity": "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4",
+                "es-shim-unscopables": "^1.0.0"
+            }
+        },
+        "arraybuffer.prototype.slice": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz",
+            "integrity": "sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw==",
+            "dev": true,
+            "requires": {
+                "array-buffer-byte-length": "^1.0.0",
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "get-intrinsic": "^1.2.1",
+                "is-array-buffer": "^3.0.2",
+                "is-shared-array-buffer": "^1.0.2"
+            }
+        },
+        "arrify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+            "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==",
+            "dev": true
+        },
+        "async-validator": {
+            "version": "4.2.5",
+            "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+            "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+        },
+        "available-typed-arrays": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+            "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+            "dev": true
+        },
+        "balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "dev": true
+        },
+        "boolbase": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+            "dev": true
+        },
+        "brace-expansion": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+            "dev": true,
+            "requires": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
+            }
+        },
+        "braces": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+            "dev": true,
+            "requires": {
+                "fill-range": "^7.0.1"
+            }
+        },
+        "call-bind": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+            "dev": true,
+            "requires": {
+                "function-bind": "^1.1.1",
+                "get-intrinsic": "^1.0.2"
+            }
+        },
+        "callsites": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+            "dev": true
+        },
+        "camelcase": {
+            "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+            "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+            "dev": true
+        },
+        "camelcase-keys": {
+            "version": "6.2.2",
+            "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+            "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+            "dev": true,
+            "requires": {
+                "camelcase": "^5.3.1",
+                "map-obj": "^4.0.0",
+                "quick-lru": "^4.0.1"
+            }
+        },
+        "chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
+            "requires": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            }
+        },
+        "cli-cursor": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+            "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+            "dev": true,
+            "requires": {
+                "restore-cursor": "^4.0.0"
+            }
+        },
+        "cli-truncate": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
+            "integrity": "sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==",
+            "dev": true,
+            "requires": {
+                "slice-ansi": "^5.0.0",
+                "string-width": "^5.0.0"
+            }
+        },
+        "cliui": {
+            "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+            "dev": true,
+            "requires": {
+                "string-width": "^4.2.0",
+                "strip-ansi": "^6.0.1",
+                "wrap-ansi": "^7.0.0"
+            },
+            "dependencies": {
+                "emoji-regex": {
+                    "version": "8.0.0",
+                    "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+                    "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+                    "dev": true
+                },
+                "is-fullwidth-code-point": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+                    "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+                    "dev": true
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "dev": true,
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    }
+                },
+                "wrap-ansi": {
+                    "version": "7.0.0",
+                    "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+                    "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+                    "dev": true,
+                    "requires": {
+                        "ansi-styles": "^4.0.0",
+                        "string-width": "^4.1.0",
+                        "strip-ansi": "^6.0.0"
+                    }
+                }
+            }
+        },
+        "color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dev": true,
+            "requires": {
+                "color-name": "~1.1.4"
+            }
+        },
+        "color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+            "dev": true
+        },
+        "colorette": {
+            "version": "2.0.20",
+            "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+            "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+            "dev": true
+        },
+        "commander": {
+            "version": "11.0.0",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-11.0.0.tgz",
+            "integrity": "sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==",
+            "dev": true
+        },
+        "compare-func": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/compare-func/-/compare-func-2.0.0.tgz",
+            "integrity": "sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==",
+            "dev": true,
+            "requires": {
+                "array-ify": "^1.0.0",
+                "dot-prop": "^5.1.0"
+            }
+        },
+        "concat-map": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+            "dev": true
+        },
+        "confusing-browser-globals": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz",
+            "integrity": "sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==",
+            "dev": true
+        },
+        "conventional-changelog-angular": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/conventional-changelog-angular/-/conventional-changelog-angular-6.0.0.tgz",
+            "integrity": "sha512-6qLgrBF4gueoC7AFVHu51nHL9pF9FRjXrH+ceVf7WmAfH3gs+gEYOkvxhjMPjZu57I4AGUGoNTY8V7Hrgf1uqg==",
+            "dev": true,
+            "requires": {
+                "compare-func": "^2.0.0"
+            }
+        },
+        "conventional-changelog-conventionalcommits": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/conventional-changelog-conventionalcommits/-/conventional-changelog-conventionalcommits-6.1.0.tgz",
+            "integrity": "sha512-3cS3GEtR78zTfMzk0AizXKKIdN4OvSh7ibNz6/DPbhWWQu7LqE/8+/GqSodV+sywUR2gpJAdP/1JFf4XtN7Zpw==",
+            "dev": true,
+            "requires": {
+                "compare-func": "^2.0.0"
+            }
+        },
+        "conventional-commits-parser": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-4.0.0.tgz",
+            "integrity": "sha512-WRv5j1FsVM5FISJkoYMR6tPk07fkKT0UodruX4je86V4owk451yjXAKzKAPOs9l7y59E2viHUS9eQ+dfUA9NSg==",
+            "dev": true,
+            "requires": {
+                "is-text-path": "^1.0.1",
+                "JSONStream": "^1.3.5",
+                "meow": "^8.1.2",
+                "split2": "^3.2.2"
+            }
+        },
+        "copy-anything": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
+            "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
+            "dev": true,
+            "requires": {
+                "is-what": "^3.14.1"
+            }
+        },
+        "cosmiconfig": {
+            "version": "8.2.0",
+            "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.2.0.tgz",
+            "integrity": "sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==",
+            "dev": true,
+            "requires": {
+                "import-fresh": "^3.2.1",
+                "js-yaml": "^4.1.0",
+                "parse-json": "^5.0.0",
+                "path-type": "^4.0.0"
+            }
+        },
+        "cosmiconfig-typescript-loader": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-4.4.0.tgz",
+            "integrity": "sha512-BabizFdC3wBHhbI4kJh0VkQP9GkBfoHPydD0COMce1nJ1kJAB3F2TmJ/I7diULBKtmEWSwEbuN/KDtgnmUUVmw==",
+            "dev": true,
+            "requires": {}
+        },
+        "create-require": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+            "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+            "dev": true
+        },
+        "cross-spawn": {
+            "version": "7.0.3",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+            "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+            "dev": true,
+            "requires": {
+                "path-key": "^3.1.0",
+                "shebang-command": "^2.0.0",
+                "which": "^2.0.1"
+            }
+        },
+        "cssesc": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+            "dev": true
+        },
+        "csstype": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+            "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+        },
+        "dargs": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/dargs/-/dargs-7.0.0.tgz",
+            "integrity": "sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==",
+            "dev": true
+        },
+        "date-fns": {
+            "version": "2.30.0",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+            "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+            "requires": {
+                "@babel/runtime": "^7.21.0"
+            }
+        },
+        "debug": {
+            "version": "4.3.4",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+            "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+            "dev": true,
+            "requires": {
+                "ms": "2.1.2"
+            }
+        },
+        "decamelize": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+            "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+            "dev": true
+        },
+        "decamelize-keys": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz",
+            "integrity": "sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==",
+            "dev": true,
+            "requires": {
+                "decamelize": "^1.1.0",
+                "map-obj": "^1.0.0"
+            },
+            "dependencies": {
+                "map-obj": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+                    "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==",
+                    "dev": true
+                }
+            }
+        },
+        "deep-is": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+            "dev": true
+        },
+        "define-properties": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+            "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
+            "dev": true,
+            "requires": {
+                "has-property-descriptors": "^1.0.0",
+                "object-keys": "^1.1.1"
+            }
+        },
+        "diff": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+            "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+            "dev": true
+        },
+        "dir-glob": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+            "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+            "dev": true,
+            "requires": {
+                "path-type": "^4.0.0"
+            }
+        },
+        "doctrine": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+            "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+            "dev": true,
+            "requires": {
+                "esutils": "^2.0.2"
+            }
+        },
+        "dot-prop": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
+            "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
+            "dev": true,
+            "requires": {
+                "is-obj": "^2.0.0"
+            }
+        },
+        "eastasianwidth": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+            "dev": true
+        },
+        "emoji-regex": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+            "dev": true
+        },
+        "enhanced-resolve": {
+            "version": "5.15.0",
+            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+            "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+            "dev": true,
+            "requires": {
+                "graceful-fs": "^4.2.4",
+                "tapable": "^2.2.0"
+            }
+        },
+        "errno": {
+            "version": "0.1.8",
+            "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+            "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+            "dev": true,
+            "optional": true,
+            "requires": {
+                "prr": "~1.0.1"
+            }
+        },
+        "error-ex": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+            "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+            "dev": true,
+            "requires": {
+                "is-arrayish": "^0.2.1"
+            }
+        },
+        "es-abstract": {
+            "version": "1.22.1",
+            "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz",
+            "integrity": "sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==",
+            "dev": true,
+            "requires": {
+                "array-buffer-byte-length": "^1.0.0",
+                "arraybuffer.prototype.slice": "^1.0.1",
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.2",
+                "es-set-tostringtag": "^2.0.1",
+                "es-to-primitive": "^1.2.1",
+                "function.prototype.name": "^1.1.5",
+                "get-intrinsic": "^1.2.1",
+                "get-symbol-description": "^1.0.0",
+                "globalthis": "^1.0.3",
+                "gopd": "^1.0.1",
+                "has": "^1.0.3",
+                "has-property-descriptors": "^1.0.0",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3",
+                "internal-slot": "^1.0.5",
+                "is-array-buffer": "^3.0.2",
+                "is-callable": "^1.2.7",
+                "is-negative-zero": "^2.0.2",
+                "is-regex": "^1.1.4",
+                "is-shared-array-buffer": "^1.0.2",
+                "is-string": "^1.0.7",
+                "is-typed-array": "^1.1.10",
+                "is-weakref": "^1.0.2",
+                "object-inspect": "^1.12.3",
+                "object-keys": "^1.1.1",
+                "object.assign": "^4.1.4",
+                "regexp.prototype.flags": "^1.5.0",
+                "safe-array-concat": "^1.0.0",
+                "safe-regex-test": "^1.0.0",
+                "string.prototype.trim": "^1.2.7",
+                "string.prototype.trimend": "^1.0.6",
+                "string.prototype.trimstart": "^1.0.6",
+                "typed-array-buffer": "^1.0.0",
+                "typed-array-byte-length": "^1.0.0",
+                "typed-array-byte-offset": "^1.0.0",
+                "typed-array-length": "^1.0.4",
+                "unbox-primitive": "^1.0.2",
+                "which-typed-array": "^1.1.10"
+            }
+        },
+        "es-set-tostringtag": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+            "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+            "dev": true,
+            "requires": {
+                "get-intrinsic": "^1.1.3",
+                "has": "^1.0.3",
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "es-shim-unscopables": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+            "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+            "dev": true,
+            "requires": {
+                "has": "^1.0.3"
+            }
+        },
+        "es-to-primitive": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+            "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+            "dev": true,
+            "requires": {
+                "is-callable": "^1.1.4",
+                "is-date-object": "^1.0.1",
+                "is-symbol": "^1.0.2"
+            }
+        },
+        "esbuild": {
+            "version": "0.18.20",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+            "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+            "dev": true,
+            "requires": {
+                "@esbuild/android-arm": "0.18.20",
+                "@esbuild/android-arm64": "0.18.20",
+                "@esbuild/android-x64": "0.18.20",
+                "@esbuild/darwin-arm64": "0.18.20",
+                "@esbuild/darwin-x64": "0.18.20",
+                "@esbuild/freebsd-arm64": "0.18.20",
+                "@esbuild/freebsd-x64": "0.18.20",
+                "@esbuild/linux-arm": "0.18.20",
+                "@esbuild/linux-arm64": "0.18.20",
+                "@esbuild/linux-ia32": "0.18.20",
+                "@esbuild/linux-loong64": "0.18.20",
+                "@esbuild/linux-mips64el": "0.18.20",
+                "@esbuild/linux-ppc64": "0.18.20",
+                "@esbuild/linux-riscv64": "0.18.20",
+                "@esbuild/linux-s390x": "0.18.20",
+                "@esbuild/linux-x64": "0.18.20",
+                "@esbuild/netbsd-x64": "0.18.20",
+                "@esbuild/openbsd-x64": "0.18.20",
+                "@esbuild/sunos-x64": "0.18.20",
+                "@esbuild/win32-arm64": "0.18.20",
+                "@esbuild/win32-ia32": "0.18.20",
+                "@esbuild/win32-x64": "0.18.20"
+            }
+        },
+        "escalade": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+            "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+            "dev": true
+        },
+        "escape-string-regexp": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+            "dev": true
+        },
+        "eslint": {
+            "version": "8.48.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.48.0.tgz",
+            "integrity": "sha512-sb6DLeIuRXxeM1YljSe1KEx9/YYeZFQWcV8Rq9HfigmdDEugjLEVEa1ozDjL6YDjBpQHPJxJzze+alxi4T3OLg==",
+            "dev": true,
+            "requires": {
+                "@eslint-community/eslint-utils": "^4.2.0",
+                "@eslint-community/regexpp": "^4.6.1",
+                "@eslint/eslintrc": "^2.1.2",
+                "@eslint/js": "8.48.0",
+                "@humanwhocodes/config-array": "^0.11.10",
+                "@humanwhocodes/module-importer": "^1.0.1",
+                "@nodelib/fs.walk": "^1.2.8",
+                "ajv": "^6.12.4",
+                "chalk": "^4.0.0",
+                "cross-spawn": "^7.0.2",
+                "debug": "^4.3.2",
+                "doctrine": "^3.0.0",
+                "escape-string-regexp": "^4.0.0",
+                "eslint-scope": "^7.2.2",
+                "eslint-visitor-keys": "^3.4.3",
+                "espree": "^9.6.1",
+                "esquery": "^1.4.2",
+                "esutils": "^2.0.2",
+                "fast-deep-equal": "^3.1.3",
+                "file-entry-cache": "^6.0.1",
+                "find-up": "^5.0.0",
+                "glob-parent": "^6.0.2",
+                "globals": "^13.19.0",
+                "graphemer": "^1.4.0",
+                "ignore": "^5.2.0",
+                "imurmurhash": "^0.1.4",
+                "is-glob": "^4.0.0",
+                "is-path-inside": "^3.0.3",
+                "js-yaml": "^4.1.0",
+                "json-stable-stringify-without-jsonify": "^1.0.1",
+                "levn": "^0.4.1",
+                "lodash.merge": "^4.6.2",
+                "minimatch": "^3.1.2",
+                "natural-compare": "^1.4.0",
+                "optionator": "^0.9.3",
+                "strip-ansi": "^6.0.1",
+                "text-table": "^0.2.0"
+            },
+            "dependencies": {
+                "ajv": {
+                    "version": "6.12.6",
+                    "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+                    "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+                    "dev": true,
+                    "requires": {
+                        "fast-deep-equal": "^3.1.1",
+                        "fast-json-stable-stringify": "^2.0.0",
+                        "json-schema-traverse": "^0.4.1",
+                        "uri-js": "^4.2.2"
+                    }
+                },
+                "eslint-scope": {
+                    "version": "7.2.2",
+                    "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+                    "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+                    "dev": true,
+                    "requires": {
+                        "esrecurse": "^4.3.0",
+                        "estraverse": "^5.2.0"
+                    }
+                },
+                "estraverse": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+                    "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+                    "dev": true
+                },
+                "json-schema-traverse": {
+                    "version": "0.4.1",
+                    "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+                    "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+                    "dev": true
+                }
+            }
+        },
+        "eslint-config-airbnb-base": {
+            "version": "15.0.0",
+            "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-15.0.0.tgz",
+            "integrity": "sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==",
+            "dev": true,
+            "requires": {
+                "confusing-browser-globals": "^1.0.10",
+                "object.assign": "^4.1.2",
+                "object.entries": "^1.1.5",
+                "semver": "^6.3.0"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "6.3.1",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+                    "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+                    "dev": true
+                }
+            }
+        },
+        "eslint-config-prettier": {
+            "version": "8.10.0",
+            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz",
+            "integrity": "sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==",
+            "dev": true,
+            "requires": {}
+        },
+        "eslint-import-resolver-alias": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/eslint-import-resolver-alias/-/eslint-import-resolver-alias-1.1.2.tgz",
+            "integrity": "sha512-WdviM1Eu834zsfjHtcGHtGfcu+F30Od3V7I9Fi57uhBEwPkjDcii7/yW8jAT+gOhn4P/vOxxNAXbFAKsrrc15w==",
+            "dev": true,
+            "requires": {}
+        },
+        "eslint-import-resolver-node": {
+            "version": "0.3.9",
+            "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+            "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+            "dev": true,
+            "requires": {
+                "debug": "^3.2.7",
+                "is-core-module": "^2.13.0",
+                "resolve": "^1.22.4"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                }
+            }
+        },
+        "eslint-import-resolver-typescript": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.0.tgz",
+            "integrity": "sha512-QTHR9ddNnn35RTxlaEnx2gCxqFlF2SEN0SE2d17SqwyM7YOSI2GHWRYp5BiRkObTUNYPupC/3Fq2a0PpT+EKpg==",
+            "dev": true,
+            "requires": {
+                "debug": "^4.3.4",
+                "enhanced-resolve": "^5.12.0",
+                "eslint-module-utils": "^2.7.4",
+                "fast-glob": "^3.3.1",
+                "get-tsconfig": "^4.5.0",
+                "is-core-module": "^2.11.0",
+                "is-glob": "^4.0.3"
+            }
+        },
+        "eslint-module-utils": {
+            "version": "2.8.0",
+            "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+            "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+            "dev": true,
+            "requires": {
+                "debug": "^3.2.7"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                }
+            }
+        },
+        "eslint-plugin-import": {
+            "version": "2.28.1",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz",
+            "integrity": "sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==",
+            "dev": true,
+            "requires": {
+                "array-includes": "^3.1.6",
+                "array.prototype.findlastindex": "^1.2.2",
+                "array.prototype.flat": "^1.3.1",
+                "array.prototype.flatmap": "^1.3.1",
+                "debug": "^3.2.7",
+                "doctrine": "^2.1.0",
+                "eslint-import-resolver-node": "^0.3.7",
+                "eslint-module-utils": "^2.8.0",
+                "has": "^1.0.3",
+                "is-core-module": "^2.13.0",
+                "is-glob": "^4.0.3",
+                "minimatch": "^3.1.2",
+                "object.fromentries": "^2.0.6",
+                "object.groupby": "^1.0.0",
+                "object.values": "^1.1.6",
+                "semver": "^6.3.1",
+                "tsconfig-paths": "^3.14.2"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                },
+                "doctrine": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+                    "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+                    "dev": true,
+                    "requires": {
+                        "esutils": "^2.0.2"
+                    }
+                },
+                "semver": {
+                    "version": "6.3.1",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+                    "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+                    "dev": true
+                }
+            }
+        },
+        "eslint-plugin-vue": {
+            "version": "9.17.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.17.0.tgz",
+            "integrity": "sha512-r7Bp79pxQk9I5XDP0k2dpUC7Ots3OSWgvGZNu3BxmKK6Zg7NgVtcOB6OCna5Kb9oQwJPl5hq183WD0SY5tZtIQ==",
+            "dev": true,
+            "requires": {
+                "@eslint-community/eslint-utils": "^4.4.0",
+                "natural-compare": "^1.4.0",
+                "nth-check": "^2.1.1",
+                "postcss-selector-parser": "^6.0.13",
+                "semver": "^7.5.4",
+                "vue-eslint-parser": "^9.3.1",
+                "xml-name-validator": "^4.0.0"
+            }
+        },
+        "eslint-scope": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+            "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+            "dev": true,
+            "requires": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^4.1.1"
+            }
+        },
+        "eslint-visitor-keys": {
+            "version": "3.4.3",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+            "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+            "dev": true
+        },
+        "espree": {
+            "version": "9.6.1",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+            "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+            "dev": true,
+            "requires": {
+                "acorn": "^8.9.0",
+                "acorn-jsx": "^5.3.2",
+                "eslint-visitor-keys": "^3.4.1"
+            }
+        },
+        "esquery": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+            "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+            "dev": true,
+            "requires": {
+                "estraverse": "^5.1.0"
+            },
+            "dependencies": {
+                "estraverse": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+                    "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+                    "dev": true
+                }
+            }
+        },
+        "esrecurse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+            "dev": true,
+            "requires": {
+                "estraverse": "^5.2.0"
+            },
+            "dependencies": {
+                "estraverse": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+                    "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+                    "dev": true
+                }
+            }
+        },
+        "estraverse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+            "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+            "dev": true
+        },
+        "estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+        },
+        "esutils": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+            "dev": true
+        },
+        "eventemitter3": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+            "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+            "dev": true
+        },
+        "execa": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+            "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+            "dev": true,
+            "requires": {
+                "cross-spawn": "^7.0.3",
+                "get-stream": "^6.0.0",
+                "human-signals": "^2.1.0",
+                "is-stream": "^2.0.0",
+                "merge-stream": "^2.0.0",
+                "npm-run-path": "^4.0.1",
+                "onetime": "^5.1.2",
+                "signal-exit": "^3.0.3",
+                "strip-final-newline": "^2.0.0"
+            }
+        },
+        "fast-deep-equal": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+            "dev": true
+        },
+        "fast-glob": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+            "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+            "dev": true,
+            "requires": {
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.4"
+            },
+            "dependencies": {
+                "glob-parent": {
+                    "version": "5.1.2",
+                    "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+                    "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+                    "dev": true,
+                    "requires": {
+                        "is-glob": "^4.0.1"
+                    }
+                }
+            }
+        },
+        "fast-json-stable-stringify": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+            "dev": true
+        },
+        "fast-levenshtein": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+            "dev": true
+        },
+        "fastq": {
+            "version": "1.15.0",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+            "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+            "dev": true,
+            "requires": {
+                "reusify": "^1.0.4"
+            }
+        },
+        "file-entry-cache": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+            "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+            "dev": true,
+            "requires": {
+                "flat-cache": "^3.0.4"
+            }
+        },
+        "fill-range": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+            "dev": true,
+            "requires": {
+                "to-regex-range": "^5.0.1"
+            }
+        },
+        "find-up": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+            "dev": true,
+            "requires": {
+                "locate-path": "^6.0.0",
+                "path-exists": "^4.0.0"
+            }
+        },
+        "flat-cache": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.0.tgz",
+            "integrity": "sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==",
+            "dev": true,
+            "requires": {
+                "flatted": "^3.2.7",
+                "keyv": "^4.5.3",
+                "rimraf": "^3.0.2"
+            }
+        },
+        "flatted": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
+            "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
+            "dev": true
+        },
+        "for-each": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+            "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+            "dev": true,
+            "requires": {
+                "is-callable": "^1.1.3"
+            }
+        },
+        "fs-extra": {
+            "version": "11.1.1",
+            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
+            "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+            "dev": true,
+            "requires": {
+                "graceful-fs": "^4.2.0",
+                "jsonfile": "^6.0.1",
+                "universalify": "^2.0.0"
+            }
+        },
+        "fs.realpath": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+            "dev": true
+        },
+        "function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+            "dev": true
+        },
+        "function.prototype.name": {
+            "version": "1.1.6",
+            "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+            "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "functions-have-names": "^1.2.3"
+            }
+        },
+        "functions-have-names": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+            "dev": true
+        },
+        "get-caller-file": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+            "dev": true
+        },
+        "get-intrinsic": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+            "dev": true,
+            "requires": {
+                "function-bind": "^1.1.1",
+                "has": "^1.0.3",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3"
+            }
+        },
+        "get-stream": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+            "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+            "dev": true
+        },
+        "get-symbol-description": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+            "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.1.1"
+            }
+        },
+        "get-tsconfig": {
+            "version": "4.7.0",
+            "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.0.tgz",
+            "integrity": "sha512-pmjiZ7xtB8URYm74PlGJozDNyhvsVLUcpBa8DZBG3bWHwaHa9bPiRpiSfovw+fjhwONSCWKRyk+JQHEGZmMrzw==",
+            "dev": true,
+            "requires": {
+                "resolve-pkg-maps": "^1.0.0"
+            }
+        },
+        "git-raw-commits": {
+            "version": "2.0.11",
+            "resolved": "https://registry.npmjs.org/git-raw-commits/-/git-raw-commits-2.0.11.tgz",
+            "integrity": "sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==",
+            "dev": true,
+            "requires": {
+                "dargs": "^7.0.0",
+                "lodash": "^4.17.15",
+                "meow": "^8.0.0",
+                "split2": "^3.0.0",
+                "through2": "^4.0.0"
+            }
+        },
+        "glob": {
+            "version": "7.2.3",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+            "dev": true,
+            "requires": {
+                "fs.realpath": "^1.0.0",
+                "inflight": "^1.0.4",
+                "inherits": "2",
+                "minimatch": "^3.1.1",
+                "once": "^1.3.0",
+                "path-is-absolute": "^1.0.0"
+            }
+        },
+        "glob-parent": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+            "dev": true,
+            "requires": {
+                "is-glob": "^4.0.3"
+            }
+        },
+        "global-dirs": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-0.1.1.tgz",
+            "integrity": "sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==",
+            "dev": true,
+            "requires": {
+                "ini": "^1.3.4"
+            }
+        },
+        "globals": {
+            "version": "13.21.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-13.21.0.tgz",
+            "integrity": "sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==",
+            "dev": true,
+            "requires": {
+                "type-fest": "^0.20.2"
+            }
+        },
+        "globalthis": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+            "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+            "dev": true,
+            "requires": {
+                "define-properties": "^1.1.3"
+            }
+        },
+        "globby": {
+            "version": "11.1.0",
+            "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+            "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+            "dev": true,
+            "requires": {
+                "array-union": "^2.1.0",
+                "dir-glob": "^3.0.1",
+                "fast-glob": "^3.2.9",
+                "ignore": "^5.2.0",
+                "merge2": "^1.4.1",
+                "slash": "^3.0.0"
+            }
+        },
+        "gopd": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+            "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+            "dev": true,
+            "requires": {
+                "get-intrinsic": "^1.1.3"
+            }
+        },
+        "graceful-fs": {
+            "version": "4.2.11",
+            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+            "dev": true
+        },
+        "graphemer": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+            "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+            "dev": true
+        },
+        "hard-rejection": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
+            "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+            "dev": true
+        },
+        "has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+            "dev": true,
+            "requires": {
+                "function-bind": "^1.1.1"
+            }
+        },
+        "has-bigints": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+            "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+            "dev": true
+        },
+        "has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "dev": true
+        },
+        "has-property-descriptors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+            "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+            "dev": true,
+            "requires": {
+                "get-intrinsic": "^1.1.1"
+            }
+        },
+        "has-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+            "dev": true
+        },
+        "has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+            "dev": true
+        },
+        "has-tostringtag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+            "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+            "dev": true,
+            "requires": {
+                "has-symbols": "^1.0.2"
+            }
+        },
+        "hosted-git-info": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+            "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+            "dev": true,
+            "requires": {
+                "lru-cache": "^6.0.0"
+            }
+        },
+        "human-signals": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+            "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+            "dev": true
+        },
+        "husky": {
+            "version": "7.0.4",
+            "resolved": "https://registry.npmjs.org/husky/-/husky-7.0.4.tgz",
+            "integrity": "sha512-vbaCKN2QLtP/vD4yvs6iz6hBEo6wkSzs8HpRah1Z6aGmF2KW5PdYuAd7uX5a+OyBZHBhd+TFLqgjUgytQr4RvQ==",
+            "dev": true
+        },
+        "iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "dev": true,
+            "optional": true,
+            "requires": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            }
+        },
+        "ignore": {
+            "version": "5.2.4",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+            "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+            "dev": true
+        },
+        "image-size": {
+            "version": "0.5.5",
+            "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+            "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
+            "dev": true,
+            "optional": true
+        },
+        "import-fresh": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+            "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+            "dev": true,
+            "requires": {
+                "parent-module": "^1.0.0",
+                "resolve-from": "^4.0.0"
+            },
+            "dependencies": {
+                "resolve-from": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+                    "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+                    "dev": true
+                }
+            }
+        },
+        "imurmurhash": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+            "dev": true
+        },
+        "indent-string": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+            "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+            "dev": true
+        },
+        "inflight": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+            "dev": true,
+            "requires": {
+                "once": "^1.3.0",
+                "wrappy": "1"
+            }
+        },
+        "inherits": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+            "dev": true
+        },
+        "ini": {
+            "version": "1.3.8",
+            "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+            "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+            "dev": true
+        },
+        "internal-slot": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+            "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+            "dev": true,
+            "requires": {
+                "get-intrinsic": "^1.2.0",
+                "has": "^1.0.3",
+                "side-channel": "^1.0.4"
+            }
+        },
+        "is-array-buffer": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+            "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.2.0",
+                "is-typed-array": "^1.1.10"
+            }
+        },
+        "is-arrayish": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+            "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+            "dev": true
+        },
+        "is-bigint": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+            "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+            "dev": true,
+            "requires": {
+                "has-bigints": "^1.0.1"
+            }
+        },
+        "is-boolean-object": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+            "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-callable": {
+            "version": "1.2.7",
+            "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+            "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+            "dev": true
+        },
+        "is-core-module": {
+            "version": "2.13.0",
+            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
+            "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
+            "dev": true,
+            "requires": {
+                "has": "^1.0.3"
+            }
+        },
+        "is-date-object": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+            "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+            "dev": true,
+            "requires": {
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+            "dev": true
+        },
+        "is-fullwidth-code-point": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+            "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+            "dev": true
+        },
+        "is-glob": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+            "dev": true,
+            "requires": {
+                "is-extglob": "^2.1.1"
+            }
+        },
+        "is-negative-zero": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+            "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+            "dev": true
+        },
+        "is-number": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+            "dev": true
+        },
+        "is-number-object": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+            "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+            "dev": true,
+            "requires": {
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-obj": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+            "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+            "dev": true
+        },
+        "is-path-inside": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+            "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+            "dev": true
+        },
+        "is-plain-obj": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+            "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+            "dev": true
+        },
+        "is-regex": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+            "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-shared-array-buffer": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+            "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2"
+            }
+        },
+        "is-stream": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+            "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+            "dev": true
+        },
+        "is-string": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+            "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+            "dev": true,
+            "requires": {
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-symbol": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+            "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+            "dev": true,
+            "requires": {
+                "has-symbols": "^1.0.2"
+            }
+        },
+        "is-text-path": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/is-text-path/-/is-text-path-1.0.1.tgz",
+            "integrity": "sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==",
+            "dev": true,
+            "requires": {
+                "text-extensions": "^1.0.0"
+            }
+        },
+        "is-typed-array": {
+            "version": "1.1.12",
+            "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+            "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+            "dev": true,
+            "requires": {
+                "which-typed-array": "^1.1.11"
+            }
+        },
+        "is-weakref": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+            "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2"
+            }
+        },
+        "is-what": {
+            "version": "3.14.1",
+            "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
+            "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
+            "dev": true
+        },
+        "isarray": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+            "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+            "dev": true
+        },
+        "isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+            "dev": true
+        },
+        "js-tokens": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+            "dev": true
+        },
+        "js-yaml": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+            "dev": true,
+            "requires": {
+                "argparse": "^2.0.1"
+            }
+        },
+        "json-buffer": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+            "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+            "dev": true
+        },
+        "json-parse-even-better-errors": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+            "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+            "dev": true
+        },
+        "json-schema-traverse": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+            "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+            "dev": true
+        },
+        "json-stable-stringify-without-jsonify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+            "dev": true
+        },
+        "json5": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+            "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+            "dev": true,
+            "requires": {
+                "minimist": "^1.2.0"
+            }
+        },
+        "jsonfile": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+            "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+            "dev": true,
+            "requires": {
+                "graceful-fs": "^4.1.6",
+                "universalify": "^2.0.0"
+            }
+        },
+        "jsonparse": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
+            "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==",
+            "dev": true
+        },
+        "JSONStream": {
+            "version": "1.3.5",
+            "resolved": "https://registry.npmjs.org/JSONStream/-/JSONStream-1.3.5.tgz",
+            "integrity": "sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==",
+            "dev": true,
+            "requires": {
+                "jsonparse": "^1.2.0",
+                "through": ">=2.2.7 <3"
+            }
+        },
+        "keyv": {
+            "version": "4.5.3",
+            "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.3.tgz",
+            "integrity": "sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==",
+            "dev": true,
+            "requires": {
+                "json-buffer": "3.0.1"
+            }
+        },
+        "kind-of": {
+            "version": "6.0.3",
+            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+            "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+            "dev": true
+        },
+        "less": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz",
+            "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
+            "dev": true,
+            "requires": {
+                "copy-anything": "^2.0.1",
+                "errno": "^0.1.1",
+                "graceful-fs": "^4.1.2",
+                "image-size": "~0.5.0",
+                "make-dir": "^2.1.0",
+                "mime": "^1.4.1",
+                "needle": "^3.1.0",
+                "parse-node-version": "^1.0.1",
+                "source-map": "~0.6.0",
+                "tslib": "^2.3.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.6.2",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+                    "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+                    "dev": true
+                }
+            }
+        },
+        "levn": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+            "dev": true,
+            "requires": {
+                "prelude-ls": "^1.2.1",
+                "type-check": "~0.4.0"
+            }
+        },
+        "lilconfig": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+            "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+            "dev": true
+        },
+        "lines-and-columns": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+            "dev": true
+        },
+        "lint-staged": {
+            "version": "13.3.0",
+            "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-13.3.0.tgz",
+            "integrity": "sha512-mPRtrYnipYYv1FEE134ufbWpeggNTo+O/UPzngoaKzbzHAthvR55am+8GfHTnqNRQVRRrYQLGW9ZyUoD7DsBHQ==",
+            "dev": true,
+            "requires": {
+                "chalk": "5.3.0",
+                "commander": "11.0.0",
+                "debug": "4.3.4",
+                "execa": "7.2.0",
+                "lilconfig": "2.1.0",
+                "listr2": "6.6.1",
+                "micromatch": "4.0.5",
+                "pidtree": "0.6.0",
+                "string-argv": "0.3.2",
+                "yaml": "2.3.1"
+            },
+            "dependencies": {
+                "chalk": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+                    "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+                    "dev": true
+                },
+                "execa": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz",
+                    "integrity": "sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==",
+                    "dev": true,
+                    "requires": {
+                        "cross-spawn": "^7.0.3",
+                        "get-stream": "^6.0.1",
+                        "human-signals": "^4.3.0",
+                        "is-stream": "^3.0.0",
+                        "merge-stream": "^2.0.0",
+                        "npm-run-path": "^5.1.0",
+                        "onetime": "^6.0.0",
+                        "signal-exit": "^3.0.7",
+                        "strip-final-newline": "^3.0.0"
+                    }
+                },
+                "human-signals": {
+                    "version": "4.3.1",
+                    "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
+                    "integrity": "sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==",
+                    "dev": true
+                },
+                "is-stream": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
+                    "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+                    "dev": true
+                },
+                "mimic-fn": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
+                    "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+                    "dev": true
+                },
+                "npm-run-path": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz",
+                    "integrity": "sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==",
+                    "dev": true,
+                    "requires": {
+                        "path-key": "^4.0.0"
+                    }
+                },
+                "onetime": {
+                    "version": "6.0.0",
+                    "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
+                    "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+                    "dev": true,
+                    "requires": {
+                        "mimic-fn": "^4.0.0"
+                    }
+                },
+                "path-key": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+                    "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+                    "dev": true
+                },
+                "strip-final-newline": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+                    "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+                    "dev": true
+                }
+            }
+        },
+        "listr2": {
+            "version": "6.6.1",
+            "resolved": "https://registry.npmjs.org/listr2/-/listr2-6.6.1.tgz",
+            "integrity": "sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==",
+            "dev": true,
+            "requires": {
+                "cli-truncate": "^3.1.0",
+                "colorette": "^2.0.20",
+                "eventemitter3": "^5.0.1",
+                "log-update": "^5.0.1",
+                "rfdc": "^1.3.0",
+                "wrap-ansi": "^8.1.0"
+            }
+        },
+        "locate-path": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+            "dev": true,
+            "requires": {
+                "p-locate": "^5.0.0"
+            }
+        },
+        "lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "dev": true
+        },
+        "lodash-es": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+        },
+        "lodash.camelcase": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+            "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
+            "dev": true
+        },
+        "lodash.isfunction": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/lodash.isfunction/-/lodash.isfunction-3.0.9.tgz",
+            "integrity": "sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==",
+            "dev": true
+        },
+        "lodash.isplainobject": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+            "dev": true
+        },
+        "lodash.kebabcase": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
+            "integrity": "sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==",
+            "dev": true
+        },
+        "lodash.merge": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+            "dev": true
+        },
+        "lodash.mergewith": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz",
+            "integrity": "sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==",
+            "dev": true
+        },
+        "lodash.snakecase": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/lodash.snakecase/-/lodash.snakecase-4.1.1.tgz",
+            "integrity": "sha512-QZ1d4xoBHYUeuouhEq3lk3Uq7ldgyFXGBhg04+oRLnIz8o9T65Eh+8YdroUwn846zchkA9yDsDl5CVVaV2nqYw==",
+            "dev": true
+        },
+        "lodash.startcase": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.startcase/-/lodash.startcase-4.4.0.tgz",
+            "integrity": "sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==",
+            "dev": true
+        },
+        "lodash.uniq": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+            "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+            "dev": true
+        },
+        "lodash.upperfirst": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/lodash.upperfirst/-/lodash.upperfirst-4.3.1.tgz",
+            "integrity": "sha512-sReKOYJIJf74dhJONhU4e0/shzi1trVbSWDOhKYE5XV2O+H7Sb2Dihwuc7xWxVl+DgFPyTqIN3zMfT9cq5iWDg==",
+            "dev": true
+        },
+        "log-update": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/log-update/-/log-update-5.0.1.tgz",
+            "integrity": "sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==",
+            "dev": true,
+            "requires": {
+                "ansi-escapes": "^5.0.0",
+                "cli-cursor": "^4.0.0",
+                "slice-ansi": "^5.0.0",
+                "strip-ansi": "^7.0.1",
+                "wrap-ansi": "^8.0.1"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+                    "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+                    "dev": true
+                },
+                "strip-ansi": {
+                    "version": "7.1.0",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+                    "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+                    "dev": true,
+                    "requires": {
+                        "ansi-regex": "^6.0.1"
+                    }
+                }
+            }
+        },
+        "lru-cache": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+            "dev": true,
+            "requires": {
+                "yallist": "^4.0.0"
+            }
+        },
+        "magic-string": {
+            "version": "0.30.3",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz",
+            "integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==",
+            "requires": {
+                "@jridgewell/sourcemap-codec": "^1.4.15"
+            }
+        },
+        "make-dir": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+            "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+            "dev": true,
+            "optional": true,
+            "requires": {
+                "pify": "^4.0.1",
+                "semver": "^5.6.0"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "5.7.2",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+                    "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+                    "dev": true,
+                    "optional": true
+                }
+            }
+        },
+        "make-error": {
+            "version": "1.3.6",
+            "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+            "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+            "dev": true
+        },
+        "map-obj": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
+            "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
+            "dev": true
+        },
+        "meow": {
+            "version": "8.1.2",
+            "resolved": "https://registry.npmjs.org/meow/-/meow-8.1.2.tgz",
+            "integrity": "sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==",
+            "dev": true,
+            "requires": {
+                "@types/minimist": "^1.2.0",
+                "camelcase-keys": "^6.2.2",
+                "decamelize-keys": "^1.1.0",
+                "hard-rejection": "^2.1.0",
+                "minimist-options": "4.1.0",
+                "normalize-package-data": "^3.0.0",
+                "read-pkg-up": "^7.0.1",
+                "redent": "^3.0.0",
+                "trim-newlines": "^3.0.0",
+                "type-fest": "^0.18.0",
+                "yargs-parser": "^20.2.3"
+            },
+            "dependencies": {
+                "type-fest": {
+                    "version": "0.18.1",
+                    "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+                    "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+                    "dev": true
+                }
+            }
+        },
+        "merge-stream": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+            "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+            "dev": true
+        },
+        "merge2": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+            "dev": true
+        },
+        "micromatch": {
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+            "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+            "dev": true,
+            "requires": {
+                "braces": "^3.0.2",
+                "picomatch": "^2.3.1"
+            }
+        },
+        "mime": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+            "dev": true,
+            "optional": true
+        },
+        "mimic-fn": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+            "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+            "dev": true
+        },
+        "min-indent": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+            "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+            "dev": true
+        },
+        "minimatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+            "dev": true,
+            "requires": {
+                "brace-expansion": "^1.1.7"
+            }
+        },
+        "minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+            "dev": true
+        },
+        "minimist-options": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
+            "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+            "dev": true,
+            "requires": {
+                "arrify": "^1.0.1",
+                "is-plain-obj": "^1.1.0",
+                "kind-of": "^6.0.3"
+            }
+        },
+        "ms": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+            "dev": true
+        },
+        "nanoid": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+            "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
+        },
+        "natural-compare": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+            "dev": true
+        },
+        "natural-compare-lite": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+            "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+            "dev": true
+        },
+        "needle": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz",
+            "integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
+            "dev": true,
+            "optional": true,
+            "requires": {
+                "debug": "^3.2.6",
+                "iconv-lite": "^0.6.3",
+                "sax": "^1.2.4"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "dev": true,
+                    "optional": true,
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                }
+            }
+        },
+        "normalize-package-data": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+            "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+            "dev": true,
+            "requires": {
+                "hosted-git-info": "^4.0.1",
+                "is-core-module": "^2.5.0",
+                "semver": "^7.3.4",
+                "validate-npm-package-license": "^3.0.1"
+            }
+        },
+        "npm-run-path": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+            "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+            "dev": true,
+            "requires": {
+                "path-key": "^3.0.0"
+            }
+        },
+        "nth-check": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+            "dev": true,
+            "requires": {
+                "boolbase": "^1.0.0"
+            }
+        },
+        "object-inspect": {
+            "version": "1.12.3",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+            "dev": true
+        },
+        "object-keys": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+            "dev": true
+        },
+        "object.assign": {
+            "version": "4.1.4",
+            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+            "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "has-symbols": "^1.0.3",
+                "object-keys": "^1.1.1"
+            }
+        },
+        "object.entries": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
+            "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1"
+            }
+        },
+        "object.fromentries": {
+            "version": "2.0.7",
+            "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
+            "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1"
+            }
+        },
+        "object.groupby": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
+            "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "get-intrinsic": "^1.2.1"
+            }
+        },
+        "object.values": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+            "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1"
+            }
+        },
+        "once": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+            "dev": true,
+            "requires": {
+                "wrappy": "1"
+            }
+        },
+        "onetime": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+            "dev": true,
+            "requires": {
+                "mimic-fn": "^2.1.0"
+            }
+        },
+        "optionator": {
+            "version": "0.9.3",
+            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+            "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+            "dev": true,
+            "requires": {
+                "@aashutoshrathi/word-wrap": "^1.2.3",
+                "deep-is": "^0.1.3",
+                "fast-levenshtein": "^2.0.6",
+                "levn": "^0.4.1",
+                "prelude-ls": "^1.2.1",
+                "type-check": "^0.4.0"
+            }
+        },
+        "p-limit": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+            "dev": true,
+            "requires": {
+                "yocto-queue": "^0.1.0"
+            }
+        },
+        "p-locate": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+            "dev": true,
+            "requires": {
+                "p-limit": "^3.0.2"
+            }
+        },
+        "p-try": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+            "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+            "dev": true
+        },
+        "parent-module": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+            "dev": true,
+            "requires": {
+                "callsites": "^3.0.0"
+            }
+        },
+        "parse-json": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+            "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+            "dev": true,
+            "requires": {
+                "@babel/code-frame": "^7.0.0",
+                "error-ex": "^1.3.1",
+                "json-parse-even-better-errors": "^2.3.0",
+                "lines-and-columns": "^1.1.6"
+            }
+        },
+        "parse-node-version": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
+            "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
+            "dev": true
+        },
+        "path-exists": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+            "dev": true
+        },
+        "path-is-absolute": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+            "dev": true
+        },
+        "path-key": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+            "dev": true
+        },
+        "path-parse": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+            "dev": true
+        },
+        "path-type": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+            "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+            "dev": true
+        },
+        "picocolors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+        },
+        "picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true
+        },
+        "pidtree": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
+            "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
+            "dev": true
+        },
+        "pify": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+            "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+            "dev": true,
+            "optional": true
+        },
+        "postcss": {
+            "version": "8.4.29",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.29.tgz",
+            "integrity": "sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==",
+            "requires": {
+                "nanoid": "^3.3.6",
+                "picocolors": "^1.0.0",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "postcss-selector-parser": {
+            "version": "6.0.13",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+            "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+            "dev": true,
+            "requires": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            }
+        },
+        "prelude-ls": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+            "dev": true
+        },
+        "prettier": {
+            "version": "2.8.8",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+            "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+            "dev": true
+        },
+        "prr": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+            "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+            "dev": true,
+            "optional": true
+        },
+        "punycode": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+            "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+            "dev": true
+        },
+        "queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+            "dev": true
+        },
+        "quick-lru": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+            "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+            "dev": true
+        },
+        "read-pkg": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+            "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+            "dev": true,
+            "requires": {
+                "@types/normalize-package-data": "^2.4.0",
+                "normalize-package-data": "^2.5.0",
+                "parse-json": "^5.0.0",
+                "type-fest": "^0.6.0"
+            },
+            "dependencies": {
+                "hosted-git-info": {
+                    "version": "2.8.9",
+                    "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+                    "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+                    "dev": true
+                },
+                "normalize-package-data": {
+                    "version": "2.5.0",
+                    "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+                    "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+                    "dev": true,
+                    "requires": {
+                        "hosted-git-info": "^2.1.4",
+                        "resolve": "^1.10.0",
+                        "semver": "2 || 3 || 4 || 5",
+                        "validate-npm-package-license": "^3.0.1"
+                    }
+                },
+                "semver": {
+                    "version": "5.7.2",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+                    "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+                    "dev": true
+                },
+                "type-fest": {
+                    "version": "0.6.0",
+                    "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+                    "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+                    "dev": true
+                }
+            }
+        },
+        "read-pkg-up": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+            "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+            "dev": true,
+            "requires": {
+                "find-up": "^4.1.0",
+                "read-pkg": "^5.2.0",
+                "type-fest": "^0.8.1"
+            },
+            "dependencies": {
+                "find-up": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+                    "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+                    "dev": true,
+                    "requires": {
+                        "locate-path": "^5.0.0",
+                        "path-exists": "^4.0.0"
+                    }
+                },
+                "locate-path": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+                    "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+                    "dev": true,
+                    "requires": {
+                        "p-locate": "^4.1.0"
+                    }
+                },
+                "p-limit": {
+                    "version": "2.3.0",
+                    "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+                    "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+                    "dev": true,
+                    "requires": {
+                        "p-try": "^2.0.0"
+                    }
+                },
+                "p-locate": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+                    "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+                    "dev": true,
+                    "requires": {
+                        "p-limit": "^2.2.0"
+                    }
+                },
+                "type-fest": {
+                    "version": "0.8.1",
+                    "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+                    "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+                    "dev": true
+                }
+            }
+        },
+        "readable-stream": {
+            "version": "3.6.2",
+            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+            "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+            "dev": true,
+            "requires": {
+                "inherits": "^2.0.3",
+                "string_decoder": "^1.1.1",
+                "util-deprecate": "^1.0.1"
+            }
+        },
+        "redent": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+            "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+            "dev": true,
+            "requires": {
+                "indent-string": "^4.0.0",
+                "strip-indent": "^3.0.0"
+            }
+        },
+        "regenerator-runtime": {
+            "version": "0.14.0",
+            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+            "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+        },
+        "regexp.prototype.flags": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz",
+            "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "functions-have-names": "^1.2.3"
+            }
+        },
+        "require-directory": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+            "dev": true
+        },
+        "require-from-string": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+            "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+            "dev": true
+        },
+        "resolve": {
+            "version": "1.22.4",
+            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz",
+            "integrity": "sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==",
+            "dev": true,
+            "requires": {
+                "is-core-module": "^2.13.0",
+                "path-parse": "^1.0.7",
+                "supports-preserve-symlinks-flag": "^1.0.0"
+            }
+        },
+        "resolve-from": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+            "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+            "dev": true
+        },
+        "resolve-global": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-global/-/resolve-global-1.0.0.tgz",
+            "integrity": "sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==",
+            "dev": true,
+            "requires": {
+                "global-dirs": "^0.1.1"
+            }
+        },
+        "resolve-pkg-maps": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+            "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+            "dev": true
+        },
+        "restore-cursor": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+            "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+            "dev": true,
+            "requires": {
+                "onetime": "^5.1.0",
+                "signal-exit": "^3.0.2"
+            }
+        },
+        "reusify": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+            "dev": true
+        },
+        "rfdc": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz",
+            "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==",
+            "dev": true
+        },
+        "rimraf": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+            "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+            "dev": true,
+            "requires": {
+                "glob": "^7.1.3"
+            }
+        },
+        "rollup": {
+            "version": "3.28.1",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.1.tgz",
+            "integrity": "sha512-R9OMQmIHJm9znrU3m3cpE8uhN0fGdXiawME7aZIpQqvpS/85+Vt1Hq1/yVIcYfOmaQiHjvXkQAoJukvLpau6Yw==",
+            "dev": true,
+            "requires": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+            "dev": true,
+            "requires": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
+        "safe-array-concat": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.0.tgz",
+            "integrity": "sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.2.0",
+                "has-symbols": "^1.0.3",
+                "isarray": "^2.0.5"
+            }
+        },
+        "safe-buffer": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+            "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+            "dev": true
+        },
+        "safe-regex-test": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+            "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.1.3",
+                "is-regex": "^1.1.4"
+            }
+        },
+        "safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+            "dev": true,
+            "optional": true
+        },
+        "sax": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+            "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+            "dev": true,
+            "optional": true
+        },
+        "semver": {
+            "version": "7.5.4",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+            "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+            "dev": true,
+            "requires": {
+                "lru-cache": "^6.0.0"
+            }
+        },
+        "shebang-command": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+            "dev": true,
+            "requires": {
+                "shebang-regex": "^3.0.0"
+            }
+        },
+        "shebang-regex": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+            "dev": true
+        },
+        "side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            }
+        },
+        "signal-exit": {
+            "version": "3.0.7",
+            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+            "dev": true
+        },
+        "slash": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+            "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+            "dev": true
+        },
+        "slice-ansi": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+            "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+            "dev": true,
+            "requires": {
+                "ansi-styles": "^6.0.0",
+                "is-fullwidth-code-point": "^4.0.0"
+            },
+            "dependencies": {
+                "ansi-styles": {
+                    "version": "6.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+                    "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+                    "dev": true
+                }
+            }
+        },
+        "source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "dev": true,
+            "optional": true
+        },
+        "source-map-js": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
+        },
+        "spdx-correct": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+            "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+            "dev": true,
+            "requires": {
+                "spdx-expression-parse": "^3.0.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "spdx-exceptions": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+            "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+            "dev": true
+        },
+        "spdx-expression-parse": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+            "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+            "dev": true,
+            "requires": {
+                "spdx-exceptions": "^2.1.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "spdx-license-ids": {
+            "version": "3.0.13",
+            "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz",
+            "integrity": "sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==",
+            "dev": true
+        },
+        "split2": {
+            "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/split2/-/split2-3.2.2.tgz",
+            "integrity": "sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==",
+            "dev": true,
+            "requires": {
+                "readable-stream": "^3.0.0"
+            }
+        },
+        "stickybits": {
+            "version": "3.7.11",
+            "resolved": "https://registry.npmjs.org/stickybits/-/stickybits-3.7.11.tgz",
+            "integrity": "sha512-WO+ns7BYZqGS4jWVTg5JNhIvNV4LGbUtNTSck4zAkWRQzA1IfxwIkMGc0BbdGy4PGIjK7kKo5CZcN6Sd5dHVlw=="
+        },
+        "string_decoder": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+            "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+            "dev": true,
+            "requires": {
+                "safe-buffer": "~5.2.0"
+            }
+        },
+        "string-argv": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
+            "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+            "dev": true
+        },
+        "string-width": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+            "dev": true,
+            "requires": {
+                "eastasianwidth": "^0.2.0",
+                "emoji-regex": "^9.2.2",
+                "strip-ansi": "^7.0.1"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+                    "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+                    "dev": true
+                },
+                "strip-ansi": {
+                    "version": "7.1.0",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+                    "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+                    "dev": true,
+                    "requires": {
+                        "ansi-regex": "^6.0.1"
+                    }
+                }
+            }
+        },
+        "string.prototype.trim": {
+            "version": "1.2.7",
+            "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz",
+            "integrity": "sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4"
+            }
+        },
+        "string.prototype.trimend": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz",
+            "integrity": "sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4"
+            }
+        },
+        "string.prototype.trimstart": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz",
+            "integrity": "sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.4"
+            }
+        },
+        "strip-ansi": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "dev": true,
+            "requires": {
+                "ansi-regex": "^5.0.1"
+            }
+        },
+        "strip-bom": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+            "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+            "dev": true
+        },
+        "strip-final-newline": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+            "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+            "dev": true
+        },
+        "strip-indent": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+            "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+            "dev": true,
+            "requires": {
+                "min-indent": "^1.0.0"
+            }
+        },
+        "strip-json-comments": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+            "dev": true
+        },
+        "supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
+            "requires": {
+                "has-flag": "^4.0.0"
+            }
+        },
+        "supports-preserve-symlinks-flag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+            "dev": true
+        },
+        "tapable": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+            "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+            "dev": true
+        },
+        "text-extensions": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-1.9.0.tgz",
+            "integrity": "sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==",
+            "dev": true
+        },
+        "text-table": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+            "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+            "dev": true
+        },
+        "through": {
+            "version": "2.3.8",
+            "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+            "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+            "dev": true
+        },
+        "through2": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/through2/-/through2-4.0.2.tgz",
+            "integrity": "sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==",
+            "dev": true,
+            "requires": {
+                "readable-stream": "3"
+            }
+        },
+        "to-regex-range": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+            "dev": true,
+            "requires": {
+                "is-number": "^7.0.0"
+            }
+        },
+        "trim-newlines": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+            "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+            "dev": true
+        },
+        "ts-node": {
+            "version": "10.9.1",
+            "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz",
+            "integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
+            "dev": true,
+            "requires": {
+                "@cspotcode/source-map-support": "^0.8.0",
+                "@tsconfig/node10": "^1.0.7",
+                "@tsconfig/node12": "^1.0.7",
+                "@tsconfig/node14": "^1.0.0",
+                "@tsconfig/node16": "^1.0.2",
+                "acorn": "^8.4.1",
+                "acorn-walk": "^8.1.1",
+                "arg": "^4.1.0",
+                "create-require": "^1.1.0",
+                "diff": "^4.0.1",
+                "make-error": "^1.1.1",
+                "v8-compile-cache-lib": "^3.0.1",
+                "yn": "3.1.1"
+            }
+        },
+        "tsconfig-paths": {
+            "version": "3.14.2",
+            "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
+            "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
+            "dev": true,
+            "requires": {
+                "@types/json5": "^0.0.29",
+                "json5": "^1.0.2",
+                "minimist": "^1.2.6",
+                "strip-bom": "^3.0.0"
+            }
+        },
+        "tslib": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+            "dev": true
+        },
+        "tsutils": {
+            "version": "3.21.0",
+            "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+            "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+            "dev": true,
+            "requires": {
+                "tslib": "^1.8.1"
+            }
+        },
+        "type-check": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+            "dev": true,
+            "requires": {
+                "prelude-ls": "^1.2.1"
+            }
+        },
+        "type-fest": {
+            "version": "0.20.2",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+            "dev": true
+        },
+        "typed-array-buffer": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+            "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.2.1",
+                "is-typed-array": "^1.1.10"
+            }
+        },
+        "typed-array-byte-length": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+            "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "has-proto": "^1.0.1",
+                "is-typed-array": "^1.1.10"
+            }
+        },
+        "typed-array-byte-offset": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+            "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+            "dev": true,
+            "requires": {
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "has-proto": "^1.0.1",
+                "is-typed-array": "^1.1.10"
+            }
+        },
+        "typed-array-length": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+            "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "is-typed-array": "^1.1.9"
+            }
+        },
+        "typescript": {
+            "version": "5.2.2",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+            "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+            "dev": true
+        },
+        "unbox-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+            "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "has-bigints": "^1.0.2",
+                "has-symbols": "^1.0.3",
+                "which-boxed-primitive": "^1.0.2"
+            }
+        },
+        "universalify": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "dev": true
+        },
+        "uri-js": {
+            "version": "4.4.1",
+            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+            "dev": true,
+            "requires": {
+                "punycode": "^2.1.0"
+            }
+        },
+        "util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+            "dev": true
+        },
+        "v8-compile-cache-lib": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+            "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
+            "dev": true
+        },
+        "validate-npm-package-license": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+            "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+            "dev": true,
+            "requires": {
+                "spdx-correct": "^3.0.0",
+                "spdx-expression-parse": "^3.0.0"
+            }
+        },
+        "vite": {
+            "version": "4.4.9",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.9.tgz",
+            "integrity": "sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==",
+            "dev": true,
+            "requires": {
+                "esbuild": "^0.18.10",
+                "fsevents": "~2.3.2",
+                "postcss": "^8.4.27",
+                "rollup": "^3.27.1"
+            }
+        },
+        "vue": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
+            "integrity": "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==",
+            "requires": {
+                "@vue/compiler-dom": "3.3.4",
+                "@vue/compiler-sfc": "3.3.4",
+                "@vue/runtime-dom": "3.3.4",
+                "@vue/server-renderer": "3.3.4",
+                "@vue/shared": "3.3.4"
+            }
+        },
+        "vue-eslint-parser": {
+            "version": "9.3.1",
+            "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz",
+            "integrity": "sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==",
+            "dev": true,
+            "requires": {
+                "debug": "^4.3.4",
+                "eslint-scope": "^7.1.1",
+                "eslint-visitor-keys": "^3.3.0",
+                "espree": "^9.3.1",
+                "esquery": "^1.4.0",
+                "lodash": "^4.17.21",
+                "semver": "^7.3.6"
+            },
+            "dependencies": {
+                "eslint-scope": {
+                    "version": "7.2.2",
+                    "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+                    "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+                    "dev": true,
+                    "requires": {
+                        "esrecurse": "^4.3.0",
+                        "estraverse": "^5.2.0"
+                    }
+                },
+                "estraverse": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+                    "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+                    "dev": true
+                }
+            }
+        },
+        "vue-router": {
+            "version": "4.2.4",
+            "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.2.4.tgz",
+            "integrity": "sha512-9PISkmaCO02OzPVOMq2w82ilty6+xJmQrarYZDkjZBfl4RvYAlt4PKnEX21oW4KTtWfa9OuO/b3qk1Od3AEdCQ==",
+            "requires": {
+                "@vue/devtools-api": "^6.5.0"
+            }
+        },
+        "which": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+            "dev": true,
+            "requires": {
+                "isexe": "^2.0.0"
+            }
+        },
+        "which-boxed-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+            "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+            "dev": true,
+            "requires": {
+                "is-bigint": "^1.0.1",
+                "is-boolean-object": "^1.1.0",
+                "is-number-object": "^1.0.4",
+                "is-string": "^1.0.5",
+                "is-symbol": "^1.0.3"
+            }
+        },
+        "which-typed-array": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz",
+            "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==",
+            "dev": true,
+            "requires": {
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "gopd": "^1.0.1",
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "wrap-ansi": {
+            "version": "8.1.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+            "dev": true,
+            "requires": {
+                "ansi-styles": "^6.1.0",
+                "string-width": "^5.0.1",
+                "strip-ansi": "^7.0.1"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+                    "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+                    "dev": true
+                },
+                "ansi-styles": {
+                    "version": "6.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+                    "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+                    "dev": true
+                },
+                "strip-ansi": {
+                    "version": "7.1.0",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+                    "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+                    "dev": true,
+                    "requires": {
+                        "ansi-regex": "^6.0.1"
+                    }
+                }
+            }
+        },
+        "wrappy": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+            "dev": true
+        },
+        "xml-name-validator": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+            "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+            "dev": true
+        },
+        "y18n": {
+            "version": "5.0.8",
+            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+            "dev": true
+        },
+        "yallist": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+            "dev": true
+        },
+        "yaml": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
+            "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+            "dev": true
+        },
+        "yargs": {
+            "version": "17.7.2",
+            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+            "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+            "dev": true,
+            "requires": {
+                "cliui": "^8.0.1",
+                "escalade": "^3.1.1",
+                "get-caller-file": "^2.0.5",
+                "require-directory": "^2.1.1",
+                "string-width": "^4.2.3",
+                "y18n": "^5.0.5",
+                "yargs-parser": "^21.1.1"
+            },
+            "dependencies": {
+                "emoji-regex": {
+                    "version": "8.0.0",
+                    "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+                    "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+                    "dev": true
+                },
+                "is-fullwidth-code-point": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+                    "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+                    "dev": true
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "dev": true,
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    }
+                },
+                "yargs-parser": {
+                    "version": "21.1.1",
+                    "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+                    "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+                    "dev": true
+                }
+            }
+        },
+        "yargs-parser": {
+            "version": "20.2.9",
+            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+            "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+            "dev": true
+        },
+        "yn": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+            "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+            "dev": true
+        },
+        "yocto-queue": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+            "dev": true
+        }
+    }
+}
diff --git a/linkis-web-next/package.json b/linkis-web-next/package.json
new file mode 100644
index 0000000000..dfb50bf8ec
--- /dev/null
+++ b/linkis-web-next/package.json
@@ -0,0 +1,53 @@
+{
+    "name": "LINKIS-WEB-NEXT",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vue-tsc && vite build",
+        "preview": "vite preview",
+        "prepare": "husky install"
+    },
+    "dependencies": {
+        "@fesjs/fes-design": "^0.7.31",
+        "vue": "^3.2.47",
+        "vue-router": "^4.2.2"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "^17.6.3",
+        "@commitlint/config-conventional": "^17.6.1",
+        "@typescript-eslint/eslint-plugin": "^5.59.9",
+        "@typescript-eslint/parser": "^5.59.9",
+        "@vitejs/plugin-vue": "^4.1.0",
+        "eslint": "^8.41.0",
+        "eslint-config-airbnb-base": "^15.0.0",
+        "eslint-config-prettier": "^8.8.0",
+        "eslint-import-resolver-alias": "^1.1.2",
+        "eslint-import-resolver-typescript": "^3.5.5",
+        "eslint-plugin-import": "^2.27.5",
+        "eslint-plugin-vue": "^9.14.1",
+        "husky": "^7.0.0",
+        "less": "^4.2.0",
+        "lint-staged": "^13.2.2",
+        "prettier": "2.8.8",
+        "typescript": "^5.0.2",
+        "vite": "^4.3.9",
+        "vue-eslint-parser": "^9.3.0"
+    },
+    "lint-staged": {
+        "*.{js,jsx,vue,ts,tsx}": [
+            "eslint --fix",
+            "prettier --write"
+        ],
+        "*.{scss,less,css,html,md,json}": [
+            "prettier --write"
+        ]
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "npm run lint-staged",
+            "commit-msg": "commitlint -E $HUSKY_GIT_PARAMS"
+        }
+    }
+}
diff --git a/linkis-web-next/public/vite.svg b/linkis-web-next/public/vite.svg
new file mode 100644
index 0000000000..e7b8dfb1b2
--- /dev/null
+++ b/linkis-web-next/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/linkis-web-next/src/App.vue b/linkis-web-next/src/App.vue
new file mode 100644
index 0000000000..d4e1ded8b1
--- /dev/null
+++ b/linkis-web-next/src/App.vue
@@ -0,0 +1,5 @@
+<template>
+    <router-view />
+</template>
+
+<style scoped></style>
diff --git a/linkis-web-next/src/assets/vue.svg b/linkis-web-next/src/assets/vue.svg
new file mode 100644
index 0000000000..770e9d333e
--- /dev/null
+++ b/linkis-web-next/src/assets/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/linkis-web-next/src/components/sidebar/index.less b/linkis-web-next/src/components/sidebar/index.less
new file mode 100644
index 0000000000..b580f5f029
--- /dev/null
+++ b/linkis-web-next/src/components/sidebar/index.less
@@ -0,0 +1,18 @@
+.menu-wrapper {
+  width: 200px;
+  height: 100vh;
+}
+
+#menu {
+  padding-top: 16px;
+  height: 100%;
+}
+
+.title-text {
+  font-family: PingFangSC-Regular;
+  font-size: 14px;
+  color: #0F1222;
+  text-align: justify;
+  line-height: 22px;
+  font-weight: 400;
+}
\ No newline at end of file
diff --git a/linkis-web-next/src/components/sidebar/index.vue b/linkis-web-next/src/components/sidebar/index.vue
new file mode 100644
index 0000000000..07ce49fbda
--- /dev/null
+++ b/linkis-web-next/src/components/sidebar/index.vue
@@ -0,0 +1,70 @@
+<template>
+    <div class="menu-wrapper">
+        <f-menu mode="vertical" id="menu">
+            <template v-for="menuItem in menuItemsConfig" :key="menuItem.title">
+                <template v-if="menuItem.items">
+                    <f-sub-menu :value="menuItem.title">
+                        <template #label>
+                            <div class="title-text">{{ menuItem.title }}\</div>
+                        </template>
+                        <f-menu-group>
+                            <template
+                                v-for="subMenuItem in menuItem.items"
+                                :key="subMenuItem.title"
+                            >
+                                <f-menu-item
+                                    :value="menuItem.title + subMenuItem.title"
+                                    @click="
+                                        handleClick(subMenuItem?.path ?? '/')
+                                    "
+                                >
+                                    <template #label>
+                                        <div class="title-text">
+                                            {{ subMenuItem.title }}
+                                        </div>
+                                    </template>
+                                </f-menu-item>
+                            </template>
+                        </f-menu-group>
+                    </f-sub-menu>
+                </template>
+                <template v-else>
+                    <f-menu-item
+                        :value="menuItem.title"
+                        @click="handleClick(menuItem?.path ?? '/')"
+                    >
+                        <template #label>
+                            <div class="title-text">
+                                {{ menuItem.title }}
+                            </div>
+                        </template>
+                    </f-menu-item>
+                </template>
+            </template>
+        </f-menu>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+const menuItemsConfig = [
+    { title: '任务概览', icon: '', path: '/console/globalHistoryManagement' },
+    { title: '资源管理', icon: '', path: '/console/resource/manage' },
+    { title: '参数配置', icon: '', path: '' },
+    { title: '全局变量', path: '' },
+    { title: 'ECM管理', path: '' },
+    { title: '微服务管理', path: '' },
+    { title: '数据源管理', items: [{ title: 'xxx', path: '' }] },
+    { title: 'UDF函数', items: [{ title: 'xxx', path: '' }] },
+    { title: '基础数据管理', items: [{ title: 'xxx', path: '' }] },
+    { title: '代码检索', path: '' },
+];
+
+const handleClick = (path: string) => {
+    router.push(path);
+};
+</script>
+
+<style src="./index.less" scoped></style>
diff --git a/linkis-web-next/src/env.d.ts b/linkis-web-next/src/env.d.ts
new file mode 100644
index 0000000000..880b4f9533
--- /dev/null
+++ b/linkis-web-next/src/env.d.ts
@@ -0,0 +1,6 @@
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue';
+
+    const vueComponent: DefineComponent<object, object, any>;
+    export default vueComponent;
+}
diff --git a/linkis-web-next/src/layout.vue b/linkis-web-next/src/layout.vue
new file mode 100644
index 0000000000..9a5699b68f
--- /dev/null
+++ b/linkis-web-next/src/layout.vue
@@ -0,0 +1,342 @@
+<template>
+    <div class="wd-page" @click="changeMenusDisplay">
+        <!-- <BHorizontalLayout
+            v-model:curPath="curPath"
+            :menus="menus"
+            @menuChange="onMenuClick"
+        >
+            <template v-slot:top>
+                <div class="wd-logo">linkis</div>
+            </template>
+            <template v-slot:container>
+                <div style="margin: -16px -16px -32px">
+                    <router-view></router-view>
+                </div>
+            </template>
+        </BHorizontalLayout> -->
+
+        <!-- <template v-for="(rt, index) in menus" :key="index">
+            <span
+                @click="myRouteHandler(rt.value)"
+                style="border: 1px solid black"
+                >{{ rt.label }}</span
+            >
+        </template> -->
+
+        <div class="wrapper">
+            <f-layout style="margin-top: 20px">
+                <!-- <f-header></f-header> -->
+                <f-layout>
+                    <f-aside style="margin-right: 16px">
+                        <Sidebar></Sidebar>
+                    </f-aside>
+                    <f-main
+                        style="
+                            margin-top: 16px;
+                            padding: 24px;
+                            background-color: #fff;
+                        "
+                    >
+                        <router-view></router-view>
+                    </f-main>
+                </f-layout>
+            </f-layout>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, h, computed } from 'vue';
+import type { VNode } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { AppstoreOutlined, SettingOutlined } from '@fesjs/fes-design/icon';
+// import { BHorizontalLayout } from '@webank/bdp-design';
+import Sidebar from '@/components/sidebar/index.vue';
+
+const myRouteHandler = (rt: string) => {
+    console.log(rt);
+};
+
+const changeMenusDisplay = () => {
+    console.log(1);
+};
+
+const route = useRoute();
+const router = useRouter();
+interface menuItem {
+    label: string;
+    value: string;
+    icon: () => VNode;
+    children?: menuItem[];
+}
+const path = computed(() => route.path);
+// 用于反显
+const curPath = computed(() => {
+    // eslint-disable-next-line no-use-before-define
+    const curMenuItem: menuItem | undefined = menus.value.find(
+        (item: menuItem) =>
+            path.value.includes(item.value) &&
+            path.value.length > item.value.length,
+    );
+
+    return curMenuItem?.value || '';
+});
+const menus = ref<menuItem[]>([
+    {
+        label: '全局历史',
+        value: '/console/globalHistoryManagement',
+        icon: () => h(AppstoreOutlined),
+    },
+    {
+        label: '资源管理',
+        value: '/console/resource',
+        icon: () => h(SettingOutlined),
+    },
+    // {
+    //     label: '任务查询1',
+    //     value: '/tasks1',
+    //     icon: () => h(AppstoreOutlined),
+    // },
+    // {
+    //     label: '任务查询2',
+    //     value: '/tasks2',
+    //     icon: () => h(AppstoreOutlined),
+    // },
+    // {
+    //     label: '任务查询3',
+    //     value: '/tasks3',
+    //     icon: () => h(AppstoreOutlined),
+    // },
+    // {
+    //     label: '任务查询4',
+    //     value: '/tasks4',
+    //     icon: () => h(AppstoreOutlined),
+    // },
+    // {
+    //     label: '任务查询5',
+    //     value: '/tasks5',
+    //     icon: () => h(AppstoreOutlined),
+    // },
+    // {
+    //     label: '任务查询6',
+    //     value: '/tasks6',
+    //     icon: () => h(AppstoreOutlined),
+    // },
+    // { label: '任务查询7', value: '/tasks7', icon: () => h(AppstoreOutlined) },
+    // { label: '任务查询8', value: '/tasks8', icon: () => h(AppstoreOutlined) },
+    // { label: '任务查询9', value: '/tasks9', icon: () => h(AppstoreOutlined) },
+    // {
+    //     label: '任务查询10',
+    //     value: '/tasks10',
+    //     icon: () => h(AppstoreOutlined),
+    // },
+]);
+const currentPath = ref<string>('');
+const onMenuClick = (v: { value: string }) => {
+    currentPath.value = v.value;
+    router.push(v.value);
+};
+</script>
+<style lang="less" scoped>
+@import '@/style/variable.less';
+
+* {
+    overflow: hidden;
+}
+.wrapper {
+    width: 100%;
+    height: 100vh;
+}
+
+.wd-side-menus {
+    position: relative;
+    width: 220px;
+    // display: grid;
+    grid-template-rows: 64px 1fr 48px;
+    background: #fff;
+    transition: all ease 0.2s;
+
+    &.collapse {
+        width: 56px;
+        flex: 0 0 56px;
+
+        .collapse-btn {
+            .collapse-icon {
+                transform: rotate(-90deg);
+            }
+        }
+
+        .wd-logo {
+            background: none;
+        }
+
+        .wd-menu-text {
+            display: none;
+        }
+
+        .copyright {
+            display: none;
+        }
+    }
+
+    .collapse-btn {
+        position: absolute;
+        right: 16px;
+        bottom: 70px;
+        width: 24px;
+        height: 24px;
+        background: #ffffff;
+        border-radius: 12px;
+        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
+        text-align: center;
+        cursor: pointer;
+        user-select: none;
+
+        .collapse-icon {
+            transform: rotate(90deg);
+            transition: transform ease 0.2s;
+        }
+    }
+
+    .wd-logo {
+        position: relative;
+        background: url(@/assets/images/logo.svg) 16px center no-repeat;
+        background-size: 110px;
+        height: 64px;
+
+        .simulator-badge {
+            font-size: 12px;
+            color: #b7b7bc;
+        }
+
+        .avatar {
+            position: absolute;
+            top: 4px;
+            right: 0;
+            z-index: 10;
+            width: 56px;
+            height: 40px;
+            padding: 14px 16px 0;
+            cursor: pointer;
+            background: #fff;
+
+            .user-menus-list {
+                &.active {
+                    display: block;
+                }
+
+                display: none;
+                position: absolute;
+                top: 40px;
+                left: 16px;
+                min-width: 160px;
+                background: #fff;
+                border-radius: 4px;
+                box-shadow: 0 2px 12px rgba(15, 18, 34, 0.1);
+
+                .user-name {
+                    padding: 16px;
+                    border-bottom: 1px solid rgba(15, 18, 34, 0.06);
+                }
+            }
+        }
+    }
+
+    .wd-menus-list {
+        height: calc(100% - 112px);
+    }
+
+    .wd-menu-item {
+        position: relative;
+        display: flex;
+        align-items: center;
+        padding: 0 16px;
+        height: 54px;
+        line-height: 54px;
+        color: #0f1222;
+        cursor: pointer;
+        transition: background ease 0.3s;
+        user-select: none;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        &.small {
+            height: 36px;
+            line-height: 36px;
+
+            &::after {
+                display: none;
+            }
+        }
+
+        &::after {
+            content: '';
+            position: absolute;
+            right: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            display: block;
+            width: 2px;
+            height: 22px;
+            background: transparent;
+            transition: all ease 0.3s;
+        }
+
+        &:hover,
+        &.router-link-active {
+            color: #5384ff;
+            background: rgba(83, 132, 255, 0.06);
+
+            .wd-menu-icon {
+                filter: invert(45%) sepia(13%) saturate(4258%)
+                    hue-rotate(197deg) brightness(108%) contrast(100%);
+            }
+
+            &::after {
+                background: #5384ff;
+            }
+        }
+
+        .wd-menu-icon {
+            margin-right: 8px;
+            width: 14px;
+        }
+
+        .s-user-ctn {
+            position: relative;
+            padding-right: 50px;
+
+            .user-logout-btn {
+                position: absolute;
+                z-index: 10;
+                top: 0;
+                right: 0;
+                padding: 0 8px;
+                color: @blue-color;
+            }
+        }
+    }
+
+    .copyright {
+        height: 48px;
+        line-height: 48px;
+        font-size: 12px;
+        color: rgba(15, 18, 34, 0.2);
+        text-align: center;
+    }
+}
+
+.simulator-user-list {
+    display: flex;
+    align-items: center;
+
+    .list-label {
+        width: 80px;
+        padding-right: 16px;
+    }
+
+    .list-ctn {
+        flex: 1;
+    }
+}
+</style>
diff --git a/linkis-web-next/src/main.ts b/linkis-web-next/src/main.ts
new file mode 100644
index 0000000000..d96786b06a
--- /dev/null
+++ b/linkis-web-next/src/main.ts
@@ -0,0 +1,63 @@
+import { createApp } from 'vue';
+import '@/style/style.less';
+import {
+    FTabs,
+    FSwitch,
+    FCheckbox,
+    FModal,
+    FSpin,
+    FButton,
+    FInput,
+    FInputNumber,
+    FForm,
+    FTag,
+    FSelect,
+    FTable,
+    FPagination,
+    FDatePicker,
+    FDropdown,
+    FDrawer,
+    FCheckboxGroup,
+    FSelectTree,
+    FSelectCascader,
+    FTooltip,
+    FSpace,
+    FRadio,
+    FRadioGroup,
+    FEllipsis,
+    FMenu,
+    FLayout,
+    FTimePicker
+} from '@fesjs/fes-design';
+import App from '@/App.vue';
+import router from '@/router/index.ts';
+
+const app = createApp(App);
+app.use(router).mount('#app');
+app.use(FButton);
+app.use(FTabs);
+app.use(FSelect);
+app.use(FSwitch);
+app.use(FCheckbox);
+app.use(FCheckboxGroup);
+app.use(FModal);
+app.use(FInput);
+app.use(FInputNumber);
+app.use(FForm);
+app.use(FTag);
+app.use(FSpin);
+app.use(FTable);
+app.use(FPagination);
+app.use(FDatePicker);
+app.use(FDropdown);
+app.use(FDrawer);
+app.use(FSelectTree);
+app.use(FSelectCascader);
+app.use(FEllipsis);
+app.use(FSpace);
+app.use(FTooltip);
+app.use(FRadioGroup);
+app.use(FRadio);
+app.use(FLayout);
+app.use(FMenu);
+app.use(FTimePicker);
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/count.vue b/linkis-web-next/src/pages/globalHistoryManagement/count.vue
new file mode 100644
index 0000000000..12597a1693
--- /dev/null
+++ b/linkis-web-next/src/pages/globalHistoryManagement/count.vue
@@ -0,0 +1,64 @@
+<template>
+    <div class="label">
+        <span>统计日期: </span>
+        <FDatePicker
+            type="daterange"
+            style="width: 320px"
+            :modelValue="[Date.now(), Date.now() + 7 * 24 * 60 * 60 * 1000]"
+        >
+            <template #separator> - </template>
+        </FDatePicker>
+    </div>
+    <div class="count-data-list">
+        <template v-for="item in countDataList" :key="item.title">
+            <div class="count-card">
+                <div class="title">{{ item.title }}</div>
+                <div class="num" :style="`color:${item.color}`">
+                    {{ item.number }}
+                </div>
+            </div>
+        </template>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive } from 'vue';
+
+const countDataList = reactive([
+    { title: '任务总数', number: 2000, color: '#5384FF' },
+    { title: '成功', number: 2000, color: '#00CB91' },
+    { title: '排队中', number: 2000, color: '#FF9540' },
+    { title: '运行中', number: 2000, color: '#F29360' },
+    { title: '失败', number: 2000, color: '#F75F56' },
+    { title: '其他', number: 2000, color: '#0F1222' },
+]);
+</script>
+
+<style scoped src="./index.less"></style>
+<style scoped>
+.count-data-list {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 24px;
+    .count-card {
+        background-color: #f7f7f8;
+        border-radius: 4px;
+        width: 16%;
+        height: 80px;
+        padding: 16px 20px;
+        .title {
+            font-family: PingFangSC-Regular;
+            font-size: 12px;
+            color: #646670;
+            line-height: 20px;
+            font-weight: 400;
+        }
+        .num {
+            font-family: PingFangSC-Medium;
+            font-size: 20px;
+            line-height: 28px;
+            font-weight: 500;
+        }
+    }
+}
+</style>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue b/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
new file mode 100644
index 0000000000..1c4b6a0ccc
--- /dev/null
+++ b/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
@@ -0,0 +1,181 @@
+<template>
+    <FDrawer
+        v-model:show="show"
+        placement="bottom"
+        hight="700px"
+        @ok="show = false"
+        :closable="false"
+        :resizable="true"
+    >
+        <template #title>
+            <div class="drawer-title">
+                <div class="buttons">
+                    <div class="full-screen-button">全屏</div>
+                    <div class="delimiter"></div>
+                    <div class="close-button" @click="show = false">关闭</div>
+                </div>
+                <div class="title-text">任务ID：{{ tableRawData?.taskId }}</div>
+                <FTabs @change="onTabChange" class="tabs">
+                    <template v-for="tab in tabs" :key="tab.name">
+                        <FTabPane
+                            :name="tab.name"
+                            :value="tab.value"
+                        ></FTabPane>
+                    </template>
+                </FTabs>
+                <div class="sub-tabs">
+                    <FTabs @change="onTabChange" class="tabs" type="card">
+                        <template v-for="tab in logClassTabs" :key="tab.name">
+                            <FTabPane
+                                :name="
+                                    tab.value === LOG_CLASS_PANE_VALUE.ALL
+                                        ? `${tab.name}`
+                                        : `${tab.name}(${tab.count})`
+                                "
+                                :value="tab.value"
+                                :style="`color:${tab.color}`"
+                            >
+                            </FTabPane>
+                        </template>
+                    </FTabs>
+                    <FInput
+                        class="search-input"
+                        placeholder="搜索
+                    "
+                    />
+                </div>
+            </div>
+        </template>
+        <template #default> 123 </template>
+    </FDrawer>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+enum TAB_PANE_VALUE {
+    'TASK_LOG' = 1,
+    'TASK_RESULT',
+    'ENGINE_LOG',
+}
+
+enum LOG_CLASS_PANE_VALUE {
+    'ALL' = 1,
+    'WARNING',
+    'ERROR',
+    'INFO',
+}
+
+const tabs = [
+    { name: '任务日志', value: TAB_PANE_VALUE.TASK_LOG },
+    { name: '任务结果', value: TAB_PANE_VALUE.TASK_RESULT },
+    { name: '引擎日志', value: TAB_PANE_VALUE.ENGINE_LOG },
+];
+
+const logClassTabs = [
+    {
+        name: 'All',
+        value: LOG_CLASS_PANE_VALUE.ALL,
+        count: 100,
+        color: '#0F1222',
+    },
+    {
+        name: 'Warning',
+        value: LOG_CLASS_PANE_VALUE.WARNING,
+        count: 100,
+        color: '#F29360',
+    },
+    {
+        name: 'Error',
+        value: LOG_CLASS_PANE_VALUE.ERROR,
+        count: 100,
+        color: '#F75F56 ',
+    },
+    {
+        name: 'Info',
+        value: LOG_CLASS_PANE_VALUE.INFO,
+        count: 100,
+        color: '#5384FF',
+    },
+];
+
+const activeTabPane = ref(TAB_PANE_VALUE.TASK_LOG);
+
+const show = ref(false);
+const tableRawData = ref<Record<string, string | number>>();
+const content = ref<string>('');
+
+const open = (rawData: Record<string, string | number>) => {
+    tableRawData.value = rawData;
+    // TODO:
+    content.value = '<div>123</div>';
+    show.value = true;
+};
+
+const onTabChange = (value: TAB_PANE_VALUE) => {
+    activeTabPane.value = value;
+};
+
+defineExpose({
+    open,
+});
+</script>
+
+<style scoped>
+:deep(.fes-tabs-tab-pane-wrapper) {
+    display: none;
+}
+:deep(.fes-drawer-header) {
+    border-bottom: none;
+    padding: 0;
+    display: block;
+}
+:deep(.tabs) {
+    transform: translateX(-16px);
+}
+.drawer-title {
+    transform: translateX(-4px);
+    width: 100%;
+    position: relative;
+    .buttons {
+        position: absolute;
+        display: flex;
+        gap: 12px;
+        right: 0;
+        font-family: PingFangSC-Regular;
+        font-size: 14px;
+        color: #63656f;
+        letter-spacing: 0;
+        line-height: 22px;
+        font-weight: 400;
+        .delimiter {
+            width: 1px;
+            height: 14px;
+            background: #e3e8ee;
+        }
+        .close-button,
+        .full-screen-button {
+            cursor: pointer;
+        }
+    }
+    .title-text {
+        height: 32px;
+        font-family: PingFangSC-Medium;
+        font-size: 14px;
+        color: #0f1222;
+        font-weight: 500;
+    }
+    .sub-tabs {
+        display: flex;
+        .tabs {
+            transform: translateX(-4px);
+        }
+        :deep(.fes-input-inner) {
+            margin-left: 95px;
+            height: 24px;
+            width: 140px;
+            margin-top: 4px;
+        }
+    }
+}
+</style>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
new file mode 100644
index 0000000000..c439ec3dc1
--- /dev/null
+++ b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
@@ -0,0 +1,145 @@
+<template>
+    <div class="label">全局任务查询</div>
+    <div class="filter">
+        <FForm class="form" v-show="!isCheckingTaskToStop">
+            <FFormItem label="任务ID">
+                <FInput placeholder="请输入" class="short-form-item"></FInput>
+            </FFormItem>
+
+            <FFormItem label="状态">
+                <FSelect clearable placeholder="请选择" class="short-form-item">
+                    <FOption
+                        v-for="(item, index) in optionList"
+                        :key="index"
+                        :value="item.value"
+                        :label="item.label"
+                    >
+                    </FOption>
+                </FSelect>
+            </FFormItem>
+
+            <FFormItem label="引擎">
+                <FSelect clearable placeholder="请选择" class="short-form-item">
+                    <FOption
+                        v-for="(item, index) in optionList"
+                        :key="index"
+                        :value="item.value"
+                        :label="item.label"
+                    ></FOption>
+                </FSelect>
+            </FFormItem>
+
+            <FFormItem label="创建时间" prop="time" class="long-form-item">
+                <FDatePicker
+                    type="daterange"
+                    :modelValue="[
+                        Date.now(),
+                        Date.now() + 7 * 24 * 60 * 60 * 1000,
+                    ]"
+                >
+                    <template #separator> - </template>
+                </FDatePicker>
+            </FFormItem>
+
+            <FFormItem label="创建人">
+                <FSelect clearable placeholder="请选择" class="short-form-item">
+                    <FOption
+                        v-for="(item, index) in optionList"
+                        :key="index"
+                        :value="item.value"
+                        :label="item.label"
+                    ></FOption>
+                </FSelect>
+            </FFormItem>
+
+            <div class="buttons">
+                <template v-if="!isCheckingTaskToStop">
+                    <FButton type="primary">查询</FButton>
+                    <FButton>重置</FButton>
+                    <FButton
+                        class="stop-button"
+                        @click="isCheckingTaskToStop = true"
+                    >
+                        批量停止
+                    </FButton>
+                </template>
+            </div>
+        </FForm>
+        <template v-if="isCheckingTaskToStop">
+            <div class="buttons">
+                <FButton
+                    type="primary"
+                    class="confirm-stop-button"
+                    @click="confirmStop"
+                >
+                    确定停止
+                </FButton>
+                <FButton
+                    class="confirm-stop-button"
+                    @click="isCheckingTaskToStop = false"
+                >
+                    取消
+                </FButton>
+            </div>
+        </template>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+const props = defineProps<{
+    checkedKeys: Array<string>;
+}>();
+
+const optionList = [
+    {
+        value: 'xxx',
+        label: 'xxx',
+    },
+    {
+        value: 'yyy',
+        label: 'yyy',
+    },
+    {
+        value: 'zzz',
+        label: 'zzz',
+    },
+];
+const isCheckingTaskToStop = ref(false);
+
+const confirmStop = () => {
+    console.log(props.checkedKeys);
+};
+
+defineExpose({
+    isCheckingTaskToStop,
+});
+</script>
+
+<style scoped src="./index.less"></style>
+<style scoped>
+.filter {
+    position: relative;
+    height: 54px;
+    .form {
+        display: flex;
+        gap: 22px;
+        .short-form-item {
+            width: 120px;
+        }
+        .long-form-item {
+            width: 314px;
+        }
+    }
+    .buttons {
+        flex: 1;
+        display: flex;
+        justify-content: flex-start;
+        gap: 16px;
+        .stop-button {
+            margin-left: auto;
+        }
+    }
+}
+</style>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/index.less b/linkis-web-next/src/pages/globalHistoryManagement/index.less
new file mode 100644
index 0000000000..06a2474f6b
--- /dev/null
+++ b/linkis-web-next/src/pages/globalHistoryManagement/index.less
@@ -0,0 +1,8 @@
+.label {
+  font-family: PingFangSC-Medium;
+  font-size: 14px;
+  color: #0f1222;
+  line-height: 22px;
+  font-weight: 600;
+  margin-bottom: 16px;
+}
\ No newline at end of file
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/index.vue b/linkis-web-next/src/pages/globalHistoryManagement/index.vue
new file mode 100644
index 0000000000..99effe3c0d
--- /dev/null
+++ b/linkis-web-next/src/pages/globalHistoryManagement/index.vue
@@ -0,0 +1,9 @@
+<template>
+    <Table></Table>
+</template>
+
+<script setup lang="ts">
+import Table from './table.vue';
+</script>
+
+<style scoped src="./index.less"></style>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
new file mode 100644
index 0000000000..aab082fa63
--- /dev/null
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -0,0 +1,259 @@
+<template>
+    <div class="wrapper">
+        <Count></Count>
+        <!-- <div @click="test">test</div> -->
+        <Filter ref="filterRef" :checkedKeys="checkedKeys"></Filter>
+        <f-table
+            :data="data"
+            class="table"
+            v-model:checkedKeys="checkedKeys"
+            :rowKey="
+                (row: Record<string, number|string>) => {
+                    return row.taskId;
+                }
+            "
+        >
+            <f-table-column
+                v-if="filterRef?.isCheckingTaskToStop"
+                type="selection"
+                :width="32"
+                fixed="left"
+            ></f-table-column>
+            <template v-for="col in tableColumns" :key="col.label">
+                <f-table-column
+                    v-if="col.formatter"
+                    :prop="col.prop"
+                    :label="col.label"
+                    :action="col.action"
+                    :formatter="col.formatter"
+                >
+                </f-table-column>
+                <f-table-column
+                    v-else
+                    :prop="col.prop"
+                    :label="col.label"
+                    :action="col.action"
+                >
+                </f-table-column>
+            </template>
+        </f-table>
+
+        <FPagination
+            class="pagination"
+            show-size-changer
+            :pageSizeOption="pageSizeOption"
+            :total-count="1000"
+            @change="handleChange"
+        ></FPagination>
+
+        <Drawer
+            ref="drawerRef"
+            :isShow="isShowDrawer"
+            @closeDrawer="setIsShowDrawer"
+        ></Drawer>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref, h, Ref } from 'vue';
+import Drawer from './drawer.vue';
+import Filter from './filter.vue';
+import Count from './count.vue';
+import TooltipText from './tooltipText.vue';
+
+const filterRef = ref<Ref<{ isCheckingTaskToStop: boolean }> | null>(null);
+
+const drawerRef = ref<Ref<{
+    // eslint-disable-next-line no-unused-vars
+    open: (rawData: Record<string, string | number>) => void;
+        }> | null>(null);
+const isShowDrawer = ref(false);
+const checkedKeys = reactive<Array<string>>([]);
+const pageSizeOption = reactive([10, 20, 30, 50, 100]);
+
+// TODO: subsequent adjustments to standard enumeration values
+const statusEnum: Record<string | number, Record<string, string>> = {
+    1: {
+        text: '排队中',
+        color: '#F29360',
+    },
+    2: {
+        text: '运行中',
+        color: '#F29360',
+    },
+    3: {
+        text: '运行成功',
+        color: '#00CB91',
+    },
+    4: {
+        text: '失败',
+        color: '#F75F56',
+    },
+    5: {
+        text: '取消',
+        color: '#93949B',
+    },
+    6: {
+        text: '资源申请中',
+        color: '#F29360',
+    },
+    7: {
+        text: '超时',
+        color: '#F75F56',
+    },
+};
+
+const setIsShowDrawer = (flag: boolean) => {
+    isShowDrawer.value = flag;
+};
+
+const tableColumns = [
+    {
+        prop: 'taskId',
+        label: '任务ID',
+    },
+    {
+        prop: 'taskName',
+        label: '任务名',
+    },
+    {
+        prop: 'status',
+        label: '状态',
+        formatter: ({ row }: { row: Record<string, number | string> }) => {
+            const attr = statusEnum[row.status];
+            return h('div', { style: `color:${attr.color}` }, attr.text);
+        },
+    },
+    {
+        prop: 'time',
+        label: '已耗时',
+    },
+    {
+        prop: 'query',
+        label: '查询语句',
+        formatter: ({ row }: { row: Record<string, number | string> }) =>
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            h(TooltipText, {
+                text: row.query,
+                tipTitle: '这是标题',
+                tipContent: '这是内容',
+            }),
+    },
+    {
+        label: '关键信息',
+        action: [
+            {
+                label: '查看',
+                func: (row: any) => {
+                    console.log('[table.action] [action.编辑] row:', row);
+                },
+            },
+        ],
+    },
+    {
+        prop: 'application',
+        label: '应用',
+    },
+    {
+        prop: 'engine',
+        label: '引擎',
+    },
+    {
+        prop: 'creator',
+        label: '创建人',
+    },
+    {
+        prop: 'creatingTime',
+        label: '创建时间',
+    },
+    {
+        label: '操作',
+        action: [
+            {
+                label: '查看',
+                func: (rawData: Record<string, string | number>) => {
+                    drawerRef.value?.open?.(rawData);
+                    // setIsShowDrawer(true);
+                },
+            },
+        ],
+    },
+];
+
+// TODO: replace mock data with the real
+const data = reactive([
+    {
+        taskId: '1',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },
+    {
+        taskId: '2',
+        taskName: '任务',
+        status: '3',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },
+    {
+        taskId: '3',
+        taskName: '任务',
+        status: '4',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },
+    {
+        taskId: '4',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },
+]);
+
+const handleChange = (currentPage: string, pageSize: string) => {
+    console.log(
+        '[pagination.sizes] [handleChange] currentPage:',
+        currentPage,
+        ' pageSize:',
+        pageSize,
+    );
+};
+</script>
+
+<style scoped src="./index.less"></style>
+<style scoped>
+.wrapper {
+    position: relative;
+    height: 100%;
+    .table {
+        right: 0;
+        top: 0;
+        /* height:
+        calc(100% - 32px); */
+    }
+    .pagination {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+    }
+}
+</style>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue b/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue
new file mode 100644
index 0000000000..193e818abf
--- /dev/null
+++ b/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue
@@ -0,0 +1,39 @@
+<template>
+    <FSpace class="wrapper">
+        <FTooltip mode="popover">
+            <div>{{ props.text }}</div>
+            <template #title>
+                <div class="title">
+                    {{ props.tipTitle }}
+                </div>
+            </template>
+            <template #content>
+                <div style="max-width: 640px">
+                    {{ props.tipContent }}
+                </div>
+            </template>
+        </FTooltip>
+    </FSpace>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+    text: string;
+    tipTitle: string;
+    tipContent: string;
+}>();
+</script>
+
+<style scoped>
+.wrapper {
+    cursor: pointer;
+    .title {
+        font-family: PingFangSC-Medium;
+        font-size: 16px;
+        color: #0f1222;
+        letter-spacing: 0;
+        line-height: 24px;
+        font-weight: 500;
+    }
+}
+</style>
diff --git a/linkis-web-next/src/pages/resource/history/index.less b/linkis-web-next/src/pages/resource/history/index.less
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/linkis-web-next/src/pages/resource/history/index.vue b/linkis-web-next/src/pages/resource/history/index.vue
new file mode 100644
index 0000000000..afdc5dbc64
--- /dev/null
+++ b/linkis-web-next/src/pages/resource/history/index.vue
@@ -0,0 +1 @@
+<template>history</template>
diff --git a/linkis-web-next/src/pages/resource/index.less b/linkis-web-next/src/pages/resource/index.less
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/linkis-web-next/src/pages/resource/index.vue b/linkis-web-next/src/pages/resource/index.vue
new file mode 100644
index 0000000000..67d43c5973
--- /dev/null
+++ b/linkis-web-next/src/pages/resource/index.vue
@@ -0,0 +1,25 @@
+<template>
+    <FTabs @change="onTabChange">
+        <FTabPane name="资源管理" value="/console/resource/manage"></FTabPane>
+        <FTabPane
+            name="历史管理"
+            value="/console/resource/history"
+            displayDirective="show"
+        >
+        </FTabPane>
+    </FTabs>
+    <router-view></router-view>
+</template>
+<script setup lang="ts">
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+const onTabChange = (key: string) => {
+    router.push(key);
+};
+</script>
+<style lang="less" scoped>
+:deep(.fes-tabs-tab-pane-wrapper) {
+    display: none;
+}
+</style>
diff --git a/linkis-web-next/src/pages/resource/manage/index.less b/linkis-web-next/src/pages/resource/manage/index.less
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/linkis-web-next/src/pages/resource/manage/index.vue b/linkis-web-next/src/pages/resource/manage/index.vue
new file mode 100644
index 0000000000..bf74267538
--- /dev/null
+++ b/linkis-web-next/src/pages/resource/manage/index.vue
@@ -0,0 +1 @@
+<template>manage</template>
diff --git a/linkis-web-next/src/router/index.ts b/linkis-web-next/src/router/index.ts
new file mode 100644
index 0000000000..35b2affc57
--- /dev/null
+++ b/linkis-web-next/src/router/index.ts
@@ -0,0 +1,68 @@
+import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
+
+// 设置路由规则
+const routes: Array<RouteRecordRaw> = [
+    {
+        path: '/',
+        name: 'layout',
+        redirect: '/console/globalHistoryManagement',
+        component: () => import('@/layout.vue'),
+        meta: {
+            title: 'Linkis',
+            publicPage: true, // Permission disclosure(权限公开)
+        },
+        children: [
+            {
+                name: 'globalHistoryManagement',
+                path: '/console/globalHistoryManagement',
+                component: () =>
+                    import('@/pages/globalHistoryManagement/index.vue'),
+                meta: {
+                    title: 'Global History Management',
+                    publicPage: true,
+                },
+            },
+            {
+                name: 'resource',
+                path: '/console/resource',
+                redirect: '/console/resource/manage',
+                component: () => import('@/pages/resource/index.vue'),
+                meta: {
+                    title: 'resource',
+                    publicPage: true,
+                },
+                children: [
+                    {
+                        name: 'history',
+                        path: '/console/resource/history',
+                        component: () =>
+                            import('@/pages/resource/history/index.vue'),
+                        meta: {
+                            title: 'Resource History',
+                            publicPage: true,
+                        },
+                    },
+                    {
+                        name: 'manage',
+                        path: '/console/resource/manage',
+                        component: () =>
+                            import('@/pages/resource/manage/index.vue'),
+                        meta: {
+                            title: 'Resource Manage',
+                            publicPage: true,
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+];
+
+// 设置路由
+const router = createRouter({
+    routes,
+    history: createWebHashHistory(),
+});
+
+// 导出路由
+export default router;
diff --git a/linkis-web-next/src/style/style.less b/linkis-web-next/src/style/style.less
new file mode 100644
index 0000000000..0f1e759154
--- /dev/null
+++ b/linkis-web-next/src/style/style.less
@@ -0,0 +1,628 @@
+@import '@/style/variable.less';
+* {
+    box-sizing: border-box;
+}
+html {
+    height: 100%;
+}
+body {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    color: #0f1222;
+    font-size: 14px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    text-decoration: none;
+    color: @blue-color;
+}
+
+ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+}
+
+#app {
+    height: 100%;
+}
+
+.wd-table-operate-btns {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    .btn-item {
+        margin-right: 16px;
+        cursor: pointer;
+        color: @blue-color;
+        &:last-of-type {
+            margin-right: 0;
+        }
+        &.red {
+            color: @red-color;
+        }
+        &.disabled {
+            color: #b7b7bc;
+            cursor: not-allowed;
+        }
+    }
+    .fes-btn {
+        margin-right: 8px;
+    }
+}
+
+.wd-page {
+    height: 100%;
+    background: #f7f8fa;
+    .wd-side-menus {
+        flex: 0 0 220px;
+    }
+}
+// 有些样式需要抽离出来
+.project-tags {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: -8px;
+    .tags-item {
+        padding: 0 6px;
+        margin-right: 8px;
+        margin-bottom: 8px;
+        height: 24px;
+        line-height: 22px;
+        font-size: 12px;
+        color: #000;
+        background: #f7f7f8;
+        border: 1px solid #cfd0d3;
+        border-radius: 2px;
+    }
+}
+.wd-content {
+    flex: 1;
+    padding: 16px 16px 32px;
+    overflow-y: auto;
+    .wd-content-title {
+        margin-bottom: 16px;
+        font-size: 24px;
+        line-height: 32px;
+    }
+    .wd-content-body {
+        position: relative;
+        padding: 24px;
+        margin-bottom: 16px;
+        background: #ffffff;
+        border-radius: 4px;
+        .wd-body-title {
+            margin-bottom: 24px;
+            font-size: 16px;
+            line-height: 24px;
+            color: #0f1222;
+            .upstream-switch {
+                margin-left: 222px;
+                font-size: 14px;
+                font-weight: normal;
+                color: #646670;
+            }
+        }
+        .wd-table-list {
+            .wd-table-row {
+                display: flex;
+                margin-bottom: 16px;
+                font-weight: 400;
+                .wd-table-header {
+                    width: 72px;
+                    color: #646670;
+                }
+                .wd-table-detail {
+                    .wd-table-input {
+                        width: 300px;
+                    }
+                }
+            }
+        }
+        .wd-body-menus {
+            position: absolute;
+            display: flex;
+            top: 24px;
+            right: 24px;
+            z-index: 10;
+            .wd-body-menu-item {
+                display: flex;
+                align-items: center;
+                color: @blue-color;
+                line-height: 22px;
+                padding-left: 16px;
+                cursor: pointer;
+                user-select: none;
+                &::after {
+                    content: '';
+                    display: block;
+                    margin-left: 16px;
+                    width: 1px;
+                    height: 14px;
+                    background: #cfd0d3;
+                }
+                &:last-child {
+                    &::after {
+                        display: none;
+                    }
+                }
+            }
+        }
+    }
+    .wd-project-header {
+        display: flex;
+        align-items: center;
+        padding-bottom: 16px;
+        .back,
+        .edit {
+            color: #93949b;
+            height: 24px;
+            width: 24px;
+            transform: scale(1.8);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .name-ctn {
+            // flex: 1;
+            // //通过设置宽度为0让整个name容器的宽度由flex自己分配控制
+            // width: 0;
+            min-width: 0;
+        }
+        .name {
+            font-size: 24px;
+            color: #0f1222;
+            margin: 0 12px;
+            // width: 600px;
+        }
+    }
+}
+
+.rule-detail-form {
+    margin-bottom: 24px;
+    .form-edit-input {
+        display: none;
+    }
+    .fes-select,
+    .fes-input,
+    .fes-textarea {
+        max-width: 290px;
+    }
+    .fes-form .fes-form-item.is-required .fes-form-item-label::before {
+        display: none;
+    }
+    .fes-tabs {
+        &.validation-tabs {
+            position: relative;
+            padding-top: 31px;
+            flex: 1 1 100%;
+            .fes-tabs-nav {
+                position: absolute;
+                top: 0;
+                width: 100%;
+                .fes-tabs-tab {
+                    border: 1px solid #cfd0d3;
+                    background-color: rgba(15, 18, 34, 0.03);
+                    &.fes-tabs-tab-active {
+                        margin-bottom: 0;
+                        border-bottom: 1px solid #fff;
+                        background-color: #fff;
+                        .fes-tabs-tab-label {
+                            color: #5384ff;
+                        }
+                    }
+                }
+                .fes-tabs-tab-pad {
+                    min-width: 8px;
+                    background-color: #cfd0d3;
+                    border: none;
+                }
+                .fes-tabs-nav-suffix {
+                    position: relative;
+                    padding: 0 0 0 8px;
+                    border: none;
+                    .fes-btn {
+                        margin-bottom: 0;
+                        height: 32px;
+                        color: #0f1222;
+                        background-color: rgba(15, 18, 34, 0.03);
+                        border: 1px solid #cfd0d3;
+                        border-bottom: none;
+                        border-radius: 4px 4px 0 0;
+                    }
+                }
+            }
+            .fes-tabs-tab-pane-wrapper {
+                padding: 16px;
+                border: 1px solid #cfd0d3;
+                border-radius: 0 4px 4px 4px;
+            }
+        }
+    }
+    .rule-sql-preview {
+        width: 100%;
+        min-height: 30px;
+        padding: 8px 16px;
+        background: rgba(15, 18, 34, 0.03);
+        border-radius: 4px;
+        line-height: 24px;
+    }
+    .fes-form .fes-form-item {
+        margin-bottom: 16px;
+    }
+    .rule-config-preview {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-column-gap: 16px;
+        .rule-form-config {
+            min-width: 400px;
+            padding: 16px 0 0 16px;
+            background: rgba(15, 18, 34, 0.03);
+            border-radius: 4px;
+            .hint {
+                position: absolute;
+                top: 50%;
+                right: 10px;
+                margin-top: -7px;
+                color: #646670;
+            }
+            &:last-child {
+                margin-right: 0;
+            }
+            &.edit {
+                background: transparent;
+                padding: 16px 26px 0 16px;
+                border: 1px solid #eee;
+                .hint {
+                    right: -20px;
+                }
+            }
+        }
+    }
+    .form-preview-label {
+        word-break: break-word;
+        &.inline {
+            display: inline;
+        }
+    }
+    .rule-detail-sub-form {
+        padding: 8px;
+        background: rgba(15, 18, 34, 0.03);
+        border-radius: 4px;
+        margin-bottom: 16px;
+        &:last-of-type {
+            margin-bottom: 0;
+        }
+        .fes-form-item {
+            &:last-child {
+                margin-bottom: 0;
+            }
+        }
+    }
+    .fes-form-item-label,
+    .input-preview-label {
+        color: #646670;
+    }
+    // 预览的时候不能显示错误信息
+    .fes-form-item-error {
+        display: none;
+    }
+    &.edit {
+        .fes-form-item-error {
+            display: block;
+        }
+        .rule-detail-sub-form {
+            padding: 0;
+            background: none;
+        }
+        .form-preview-label {
+            display: none;
+        }
+        .form-edit-input {
+            display: flex;
+            &.full {
+                width: 100%;
+            }
+        }
+        .fes-form .fes-form-item.is-required .fes-form-item-label::before {
+            display: inline-block;
+        }
+        .fes-form .fes-form-item {
+            margin-bottom: 22px;
+        }
+    }
+}
+
+.rule-form-table {
+    flex: 1;
+    flex-wrap: wrap;
+    color: #0f1222;
+    .form-table {
+        width: 100%;
+        border: 0;
+        border-collapse: collapse;
+        margin-bottom: 16px;
+        .table-header > th,
+        .table-row > td {
+            padding: 16px;
+            line-height: 22px;
+            &:nth-child(1),
+            &:nth-child(2) {
+                width: 40%;
+            }
+            &:last-child {
+                width: 20%;
+            }
+        }
+        .table-header {
+            text-align: center;
+            background: #f7f7f8;
+            > th {
+                font-weight: normal;
+            }
+        }
+        .table-row {
+            border-bottom: 1px solid #f0f0f0;
+            > td {
+                text-align: center;
+                .form-edit-input {
+                    max-width: 100%;
+                }
+                .btn {
+                    margin-right: 16px;
+                    &:last-child {
+                        margin-right: 0;
+                    }
+                    &.del {
+                        color: #f75f56;
+                    }
+                }
+            }
+        }
+        &.cross-table {
+            .table-header > th,
+            .table-row > td {
+                &:nth-child(1) {
+                    width: 30%;
+                }
+                &:nth-child(2) {
+                    width: 20%;
+                }
+                &:nth-child(3) {
+                    width: 30%;
+                }
+            }
+        }
+    }
+    .table-operation {
+        width: 100%;
+        text-align: center;
+        &.empty {
+            text-align: left;
+        }
+        &.cross-table {
+            padding-bottom: 16px;
+            border-bottom: 1px solid #f0f0f0;
+        }
+    }
+}
+
+.table-pagination-container {
+    padding-top: 16px;
+    .fes-pagination {
+        display: flex;
+        justify-content: flex-end;
+    }
+}
+
+.btn-file-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    cursor: pointer;
+}
+
+.fes-spin {
+    &[fixed] {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+}
+
+.btn-list {
+    display: flex;
+    align-items: center;
+    & > .btn-item {
+        margin-right: 16px;
+        &:last-of-type {
+            margin-right: 0;
+        }
+    }
+}
+
+.my-project {
+    .my-project-header {
+        margin-bottom: 8px;
+    }
+}
+
+.table-container {
+    margin-top: 24px;
+    .btn-delete {
+        color: @red-color;
+    }
+}
+
+.page-header-condition {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 24px;
+    border-bottom: 1px solid var(--f-border-color-split);
+    .condition-item {
+        align-items: center;
+        padding-right: 22px;
+        padding-bottom: 24px;
+        &:last-child {
+            padding-right: 0;
+        }
+        &.white {
+            color: #ffffff;
+        }
+        .condition-label {
+            padding-right: 16px;
+            font-size: 14px;
+            color: #0f1222;
+        }
+        .condition-value {
+            margin-right: 16px;
+        }
+        .fes-input,
+        .fes-select {
+            width: 160px;
+        }
+    }
+    .selected-count {
+        background: rgba(83, 132, 255, 0.06);
+        border: 1px solid #5384ff;
+        color: #5384ff;
+    }
+}
+
+.loading-block {
+    width: 100%;
+    height: 400px;
+    background: url('@/assets/images/icons/loading.gif') center no-repeat;
+}
+
+.empty-block {
+    .empty-data {
+        width: 100%;
+        height: 200px;
+        margin-top: 150px;
+        background: url('@/assets/images/emptyData.svg') center no-repeat;
+    }
+    .table-empty-tips {
+        margin-top: 23px;
+        margin-bottom: 155px;
+        height: 26px;
+        font-size: 18px;
+        color: #93949b;
+        text-align: center;
+        line-height: 26px;
+    }
+
+    .empty-query-result {
+        width: 100%;
+        height: 200px;
+        margin-top: 150px;
+        background: url('@/assets/images/emptyQueryResult.svg') center no-repeat;
+    }
+}
+
+.long-string-label {
+    display: -webkit-box;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    &.single {
+        -webkit-line-clamp: 1;
+        white-space: normal;
+    }
+}
+.long-string-content {
+    max-width: 360px;
+    word-break: break-all;
+}
+.index-detail-form .fes-form-item {
+    margin-bottom: 8px;
+}
+.index-detail-form .fes-form-item-content {
+    overflow: hidden;
+    word-wrap: break-word;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    color: #0f1222;
+}
+.a-link {
+    cursor: pointer;
+}
+.fes-popper {
+    .a-link {
+        color: var(--f-white);
+    }
+}
+.fes-tooltip-text {
+    max-width: 100vw;
+    word-break: break-all;
+}
+.fes-ellipsis {
+    .a-link {
+        color: @blue-color;
+    }
+}
+.project-template-style {
+    padding-top: 0;
+    margin-right: -24px;
+    margin-left: -24px;
+    :deep(.card) {
+        &.isEmbed {
+            margin: 16px 8px;
+        }
+    }
+}
+.execution-parameters-style {
+    .fes-modal-header {
+        font-weight: 700;
+    }
+}
+
+// 解决弹窗中英文字符连续过长时不会换行导致内容溢出弹窗的问题
+.fes-modal-body {
+    word-break: break-all;
+}
+
+// 删除按钮样式
+.del-btn {
+    font-family: PingFangSC-Regular;
+    font-size: 14px;
+    color: #93949b;
+    letter-spacing: 0;
+    line-height: 22px;
+    font-weight: 400;
+    display: flex;
+    align-items: center;
+    margin-right: 16px;
+    justify-content: space-between;
+    cursor: pointer;
+    width: 50px;
+    .del-text {
+        display: inline-block;
+    }
+}
+
+// 在button中使用fes-icon时样式
+.button-icon {
+    margin-right: 4px;
+    height: 14px;
+    width: 14px;
+}
diff --git a/linkis-web-next/src/style/variable.less b/linkis-web-next/src/style/variable.less
new file mode 100644
index 0000000000..d7a24976a6
--- /dev/null
+++ b/linkis-web-next/src/style/variable.less
@@ -0,0 +1,37 @@
+// 黑色
+@black-color: #0f1222;
+// 蓝色
+@blue-color: #5384ff;
+// 红色
+@red-color: #f75f56;
+// 橙色
+@orange-color: #ff9540;
+// 黄色
+@yellow-color: #fbc731;
+// 绿色
+@green-color: #00cb91;
+// 提示文案颜色
+@tips-color: rgba(15, 18, 34, 0.3);
+// 禁用色
+@disabled-color: rgba(15, 18, 34, 0.65);
+// 占位符字体颜色
+@placeholder-color: #cfd0d3;
+// 表单label颜色
+@label-color: #646670;
+
+// 成功的颜色
+@success-color: @green-color;
+// 警告的颜色
+@warn-color: #ff953b;
+// 失败的颜色
+@fail-color: @red-color;
+
+// 字体大小
+
+// 常规
+@font-regular-size: 14px;
+
+// 字体粗细
+
+// 常规
+@font-regular-weight: 400;
diff --git a/linkis-web-next/src/vite-env.d.ts b/linkis-web-next/src/vite-env.d.ts
new file mode 100644
index 0000000000..11f02fe2a0
--- /dev/null
+++ b/linkis-web-next/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/linkis-web-next/tsconfig.json b/linkis-web-next/tsconfig.json
new file mode 100644
index 0000000000..40e5efe559
--- /dev/null
+++ b/linkis-web-next/tsconfig.json
@@ -0,0 +1,29 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "useDefineForClassFields": true,
+        "module": "ES2020",
+        "lib": ["ES2020", "DOM", "DOM.Iterable"],
+        "skipLibCheck": true,
+        "paths": {
+            "@/*": ["./src/*"]
+        },
+
+        /* Bundler mode */
+        "moduleResolution": "node",
+        "allowImportingTsExtensions": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "preserve",
+
+        /* Linting */
+        "strict": true,
+        "noUnusedLocals": false,
+        "noUnusedParameters": true,
+        "noFallthroughCasesInSwitch": true
+    },
+    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+    "exclude": ["node_modules"],
+    "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/linkis-web-next/tsconfig.node.json b/linkis-web-next/tsconfig.node.json
new file mode 100644
index 0000000000..359886a1ae
--- /dev/null
+++ b/linkis-web-next/tsconfig.node.json
@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+        "composite": true,
+        "skipLibCheck": true,
+        "module": "ES2020",
+        "moduleResolution": "node",
+        "allowSyntheticDefaultImports": true
+    },
+    "include": ["vite.config.ts"]
+}
diff --git a/linkis-web-next/vite.config.ts b/linkis-web-next/vite.config.ts
new file mode 100644
index 0000000000..09f42b0f88
--- /dev/null
+++ b/linkis-web-next/vite.config.ts
@@ -0,0 +1,14 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { defineConfig } from 'vite';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import vue from '@vitejs/plugin-vue';
+import path from 'path';
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [vue()],
+    resolve: {
+        alias: {
+            '@': path.resolve(__dirname, 'src'),
+        },
+    },
+});

From faaf1ec590a4ef21dc06329775f4d5b2df24f725 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Sun, 10 Sep 2023 18:23:38 +0800
Subject: [PATCH 03/21] feat: complete the layout of the webpage
 parametersConfig of controller

---
 .../src/components/sidebar/index.vue          |   4 +-
 linkis-web-next/src/main.ts                   |   6 +-
 .../src/pages/parameterConfig/card.vue        |  76 +++++
 .../src/pages/parameterConfig/drawer.vue      | 315 ++++++++++++++++++
 .../src/pages/parameterConfig/ide/index.vue   |  70 ++++
 .../src/pages/parameterConfig/index.less      |   0
 .../src/pages/parameterConfig/index.vue       |  94 ++++++
 .../src/pages/parameterConfig/list.vue        |  64 ++++
 .../src/pages/parameterConfig/modal.vue       |  31 ++
 .../pages/parameterConfig/scripts/index.vue   |   3 +
 .../parameterConfig/tableauServer/index.vue   |   3 +
 linkis-web-next/src/router/index.ts           |  45 +++
 linkis-web-next/tsconfig.json                 |   3 +-
 .../module/globalHistoryManagement/index.vue  |   1 -
 14 files changed, 710 insertions(+), 5 deletions(-)
 create mode 100644 linkis-web-next/src/pages/parameterConfig/card.vue
 create mode 100644 linkis-web-next/src/pages/parameterConfig/drawer.vue
 create mode 100644 linkis-web-next/src/pages/parameterConfig/ide/index.vue
 create mode 100644 linkis-web-next/src/pages/parameterConfig/index.less
 create mode 100644 linkis-web-next/src/pages/parameterConfig/index.vue
 create mode 100644 linkis-web-next/src/pages/parameterConfig/list.vue
 create mode 100644 linkis-web-next/src/pages/parameterConfig/modal.vue
 create mode 100644 linkis-web-next/src/pages/parameterConfig/scripts/index.vue
 create mode 100644 linkis-web-next/src/pages/parameterConfig/tableauServer/index.vue

diff --git a/linkis-web-next/src/components/sidebar/index.vue b/linkis-web-next/src/components/sidebar/index.vue
index 07ce49fbda..fbc4450c31 100644
--- a/linkis-web-next/src/components/sidebar/index.vue
+++ b/linkis-web-next/src/components/sidebar/index.vue
@@ -51,8 +51,8 @@ import { useRouter } from 'vue-router';
 const router = useRouter();
 const menuItemsConfig = [
     { title: '任务概览', icon: '', path: '/console/globalHistoryManagement' },
-    { title: '资源管理', icon: '', path: '/console/resource/manage' },
-    { title: '参数配置', icon: '', path: '' },
+    { title: '资源管理', icon: '', path: '/console/resource' },
+    { title: '参数配置', icon: '', path: '/console/parameterConfig' },
     { title: '全局变量', path: '' },
     { title: 'ECM管理', path: '' },
     { title: '微服务管理', path: '' },
diff --git a/linkis-web-next/src/main.ts b/linkis-web-next/src/main.ts
index d96786b06a..b1e81b1a8d 100644
--- a/linkis-web-next/src/main.ts
+++ b/linkis-web-next/src/main.ts
@@ -27,7 +27,9 @@ import {
     FEllipsis,
     FMenu,
     FLayout,
-    FTimePicker
+    FTimePicker,
+    FCard,
+    FDivider,
 } from '@fesjs/fes-design';
 import App from '@/App.vue';
 import router from '@/router/index.ts';
@@ -61,3 +63,5 @@ app.use(FRadio);
 app.use(FLayout);
 app.use(FMenu);
 app.use(FTimePicker);
+app.use(FCard);
+app.use(FDivider);
diff --git a/linkis-web-next/src/pages/parameterConfig/card.vue b/linkis-web-next/src/pages/parameterConfig/card.vue
new file mode 100644
index 0000000000..0d43fb8699
--- /dev/null
+++ b/linkis-web-next/src/pages/parameterConfig/card.vue
@@ -0,0 +1,76 @@
+<template>
+    <div class="card-wrapper">
+        <FCard>
+            <template #header>
+                <div class="card-header">
+                    <div class="header-text">
+                        <div class="title">
+                            {{ props.name }}
+                        </div>
+                        <div class="description">
+                            {{ props.description }}
+                        </div>
+                    </div>
+                    <FButton type="link">操作</FButton>
+                </div>
+            </template>
+            <template #default>
+                <slot></slot>
+                <!-- <f-table :data="data" layout="auto" :showHeader="false">
+                    <f-table-column prop="text" label="text" :span="23">
+                        <div class="item-name">name</div>
+                        <div class="item-description">description</div>
+                    </f-table-column>
+
+                    <template v-if="true">
+                        <f-table-column :span="1">
+                            <div class="number"></div>
+                            <div class="item-description">description</div>
+                        </f-table-column>
+                    </template>
+                    <template v-else> </template>
+                </f-table> -->
+            </template>
+        </FCard>
+    </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+    name: string;
+    description: string;
+}>();
+</script>
+
+<style scoped>
+:deep(.fes-card__header) {
+    background: #f7f7f8;
+}
+:deep(.fes-btn, .fes-btn-type-link) {
+    padding-right: 0;
+}
+.card-wrapper {
+    .card-header {
+        .header-text {
+            .title {
+                font-family: PingFangSC-Medium;
+                font-size: 16px;
+                color: #0f1222;
+                line-height: 24px;
+                font-weight: 500;
+            }
+            .description {
+                font-family: PingFangSC-Regular;
+                font-size: 12px;
+                color: #93949b;
+                line-height: 20px;
+                font-weight: 400;
+            }
+        }
+        height: 56px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+}
+</style>
diff --git a/linkis-web-next/src/pages/parameterConfig/drawer.vue b/linkis-web-next/src/pages/parameterConfig/drawer.vue
new file mode 100644
index 0000000000..417edf6c46
--- /dev/null
+++ b/linkis-web-next/src/pages/parameterConfig/drawer.vue
@@ -0,0 +1,315 @@
+<template>
+    <FDrawer
+        v-model:show="show"
+        placement="right"
+        width="960"
+        @ok="show = false"
+    >
+        <template #title>
+            <div class="title">
+                <template v-if="isAddingApplicationAndEngine">
+                    <span
+                        class="back-icon"
+                        @click="isAddingApplicationAndEngine = false"
+                        >&lt;</span
+                    >
+                </template>
+                应用及引擎管理
+            </div>
+        </template>
+        <template v-if="!isAddingApplicationAndEngine">
+            <FButton
+                type="primary"
+                style="margin: 8px 0 24px"
+                @click="isAddingApplicationAndEngine = true"
+            >
+                添加应用及引擎
+            </FButton>
+        </template>
+
+        <div class="content-wrapper">
+            <template v-if="!isAddingApplicationAndEngine">
+                <f-table
+                    :data="data"
+                    class="table"
+                    :rowKey="
+                            (row: Record<string, number|string>) => {
+                                return row.taskId;
+                            }
+                        "
+                >
+                    <template v-for="col in tableColumns" :key="col.label">
+                        <f-table-column
+                            v-if="col.formatter"
+                            :prop="col.prop"
+                            :label="col.label"
+                            :action="col.action"
+                            :formatter="col.formatter"
+                        >
+                        </f-table-column>
+                        <f-table-column
+                            v-else
+                            :prop="col.prop"
+                            :label="col.label"
+                            :action="col.action"
+                        >
+                        </f-table-column>
+                    </template>
+                </f-table>
+            </template>
+
+            <template v-else>
+                <FForm :labelWidth="60">
+                    <FFormItem label="应用名称">
+                        <FInput placeholder="请输入"></FInput>
+                    </FFormItem>
+                    <FFormItem label="应用描述">
+                        <FInput placeholder="请输入"></FInput>
+                    </FFormItem>
+
+                    <div class="engine-config">
+                        <div class="label">引擎配置</div>
+                        <div class="configs">
+                            <template
+                                v-for="(config, index) in engineConfigList"
+                                :key="`${config.type}-${index}`"
+                            >
+                                <div class="config-card">
+                                    <div class="title">
+                                        引擎{{
+                                            (index + 1)
+                                                .toString()
+                                                .padStart(2, '0')
+                                        }}
+                                    </div>
+                                    <FFormItem label="引擎类型">
+                                        <FInput
+                                            placeholder="请输入"
+                                            v-model="config.type"
+                                        ></FInput>
+                                    </FFormItem>
+                                    <FFormItem label="引擎版本">
+                                        <FInput
+                                            placeholder="请输入"
+                                            v-model="config.version"
+                                        ></FInput>
+                                    </FFormItem>
+                                    <FFormItem label="引擎描述">
+                                        <FInput
+                                            placeholder="请输入"
+                                            v-model="config.description"
+                                        ></FInput>
+                                    </FFormItem>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                </FForm>
+            </template>
+        </div>
+    </FDrawer>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue';
+import { FButton } from '@fesjs/fes-design';
+
+const isAddingApplicationAndEngine = ref(false);
+
+const tableColumns = [
+    {
+        prop: 'taskId',
+        label: '任务ID',
+    },
+    {
+        prop: 'taskName',
+        label: '任务名',
+    },
+    {
+        prop: 'status',
+        label: '状态',
+        formatter: () => '1',
+    },
+    {
+        prop: 'time',
+        label: '已耗时',
+    },
+    {
+        prop: 'query',
+        label: '查询语句',
+        // { row }: { row: Record<string, number | string> }
+        formatter: () => '1q',
+        // h(TooltipText, {
+        //     text: row.query,
+        //     tipTitle: '这是标题',
+        //     tipContent: '这是内容',
+        // }),
+    },
+    {
+        label: '关键信息',
+        action: [
+            {
+                label: '查看',
+                func: () => {
+                    console.log('[table.action] [action.编辑] row:');
+                },
+            },
+        ],
+    },
+    {
+        prop: 'application',
+        label: '应用',
+    },
+    {
+        prop: 'engine',
+        label: '引擎',
+    },
+    {
+        prop: 'creator',
+        label: '创建人',
+    },
+    {
+        prop: 'creatingTime',
+        label: '创建时间',
+    },
+    {
+        label: '操作',
+        action: [
+            {
+                label: '查看',
+                func: () => {
+                    // drawerRef.value?.open?.(rawData);
+                    // setIsShowDrawer(true);
+                },
+            },
+        ],
+    },
+];
+
+const engineConfigList = [
+    {
+        type: '引擎类型',
+        version: '版本',
+        description: '描述',
+    },
+    {
+        type: '引擎类型',
+        version: '版本',
+        description: '描述',
+    },
+    {
+        type: '引擎类型',
+        version: '版本',
+        description: '描述',
+    },
+];
+
+// TODO: replace mock data with the real
+const data = reactive([
+    {
+        taskId: '1',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },
+    {
+        taskId: '2',
+        taskName: '任务',
+        status: '3',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },
+    {
+        taskId: '3',
+        taskName: '任务',
+        status: '4',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },
+    {
+        taskId: '4',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },
+]);
+
+const show = ref(false);
+const open = () => {
+    show.value = true;
+};
+
+defineExpose({
+    open,
+});
+</script>
+
+<style scoped>
+.title {
+    font-family: PingFangSC-Medium;
+    font-size: 16px;
+    color: #000000;
+    letter-spacing: 0;
+    line-height: 24px;
+    font-weight: 500;
+}
+.back-icon {
+    color: #93949b;
+    font-weight: 800;
+    cursor: pointer;
+}
+.content-wrapper {
+    width: 960px;
+
+    .engine-config {
+        display: flex;
+        .label {
+            min-width: 56px;
+            font-size: 14px;
+            color: #0f1222;
+            text-align: right;
+            line-height: 22px;
+            font-weight: 400;
+        }
+        .configs {
+            margin-left: 22px;
+            width: 100%;
+            .config-card {
+                width: 100%;
+                background: #ffffff;
+                border: 1px solid #cfd0d3;
+                border-radius: 4px;
+                padding: 16px 16px 0;
+                margin-bottom: 16px;
+
+                .title {
+                    font-family: PingFangSC-Medium;
+                    font-size: 14px;
+                    color: #0f1222;
+                    line-height: 22px;
+                    font-weight: 500;
+                    margin-bottom: 16px;
+                }
+            }
+        }
+    }
+}
+</style>
diff --git a/linkis-web-next/src/pages/parameterConfig/ide/index.vue b/linkis-web-next/src/pages/parameterConfig/ide/index.vue
new file mode 100644
index 0000000000..6daf23d26b
--- /dev/null
+++ b/linkis-web-next/src/pages/parameterConfig/ide/index.vue
@@ -0,0 +1,70 @@
+<template>
+    <div class="card-list">
+        <template v-for="item in cardList" :key="item.name">
+            <Card
+                :name="item.name"
+                :description="item.description"
+                class="card"
+            >
+                <List :data="item.listData"></List>
+            </Card>
+        </template>
+    </div>
+</template>
+
+<script setup lang="ts">
+import Card from '../card.vue';
+import List from '../list.vue';
+
+const cardList = [
+    {
+        name: 'card1',
+        description: 'desc1',
+        listData: [
+            { name: 'name1', description: 'description', value: 1 },
+            { name: 'name2', description: 'description', value: 1 },
+            { name: 'name3', description: 'description', value: 1 },
+        ],
+    },
+    {
+        name: 'card2',
+        description: 'desc2',
+        listData: [
+            { name: 'name1', description: 'description', value: 1 },
+            { name: 'name2', description: 'description', value: 1 },
+            { name: 'name3', description: 'description', value: 1 },
+        ],
+    },
+    {
+        name: 'card3',
+        description: 'desc3',
+        listData: [
+            { name: 'name1', description: 'description', value: 1 },
+            { name: 'name2', description: 'description', value: 1 },
+            { name: 'name3', description: 'description', value: 1 },
+        ],
+    },
+    {
+        name: 'card4',
+        description: 'desc3',
+        listData: [
+            { name: 'name1', description: 'description', value: 1 },
+            { name: 'name2', description: 'description', value: 1 },
+            { name: 'name3', description: 'description', value: 1 },
+        ],
+    },
+];
+</script>
+
+<style scoped>
+.card-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    .card {
+        width: calc(33.3% - 16px);
+        min-width: 280px;
+        overflow: hidden;
+    }
+}
+</style>
diff --git a/linkis-web-next/src/pages/parameterConfig/index.less b/linkis-web-next/src/pages/parameterConfig/index.less
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/linkis-web-next/src/pages/parameterConfig/index.vue b/linkis-web-next/src/pages/parameterConfig/index.vue
new file mode 100644
index 0000000000..86ef9965a6
--- /dev/null
+++ b/linkis-web-next/src/pages/parameterConfig/index.vue
@@ -0,0 +1,94 @@
+<template>
+    <f-layout class="wrapper">
+        <f-header class="f-header" style="margin-bottom: 19px">
+            <div class="title">应用列表：</div>
+            <FTabs @change="onTabChange">
+                <FTabPane name="IDE" value="/console/parameterConfig/ide">
+                </FTabPane>
+                <FTabPane
+                    name="Scripts"
+                    value="/console/parameterConfig/scripts"
+                    displayDirective="show"
+                >
+                </FTabPane>
+                <FTabPane
+                    name="TableauServer"
+                    value="/console/parameterConfig/TableauServer"
+                    displayDirective="show"
+                >
+                </FTabPane>
+            </FTabs>
+            <div class="options">
+                <FButton type="link" @click="openDrawer">
+                    应用及引擎管理
+                </FButton>
+                <div class="delimiter"></div>
+                <FButton type="link" @click="openModal">全局配置</FButton>
+                <Drawer ref="drawerRef"></Drawer>
+                <Modal ref="modalRef">
+                    <List :data="listData"></List>
+                </Modal>
+            </div>
+        </f-header>
+        <f-main>
+            <router-view></router-view>
+        </f-main>
+    </f-layout>
+</template>
+<script setup lang="ts">
+import { Ref, ref, reactive } from 'vue';
+import { useRouter } from 'vue-router';
+import Drawer from './drawer.vue';
+import Modal from './modal.vue';
+import List from './list.vue';
+
+const listData = reactive([
+    { name: '这是标题1', description: '1', value: '1' },
+    { name: '这是标题2', description: '2', value: '2' },
+    { name: '这是标题3', description: '3', value: '3' },
+]);
+
+const router = useRouter();
+const drawerRef = ref<Ref<{ open: () => void }> | null>(null);
+const modalRef = ref<Ref<{ open: () => void }> | null>(null);
+
+const openDrawer = () => {
+    drawerRef.value?.open();
+};
+
+const openModal = () => {
+    modalRef.value?.open();
+};
+
+const onTabChange = (key: string) => {
+    router.push(key);
+};
+</script>
+<style lang="less" scoped>
+:deep(.fes-tabs-tab-pane-wrapper) {
+    display: none;
+}
+
+.f-header {
+    position: relative;
+    height: 30px;
+    display: flex;
+
+    .title {
+        height: 22px;
+        transform: translateY(-12px);
+    }
+    .options {
+        display: flex;
+        position: absolute;
+        right: 0;
+        align-items: center;
+
+        .delimiter {
+            background: #d8d8d8;
+            width: 1px;
+            height: 14px;
+        }
+    }
+}
+</style>
diff --git a/linkis-web-next/src/pages/parameterConfig/list.vue b/linkis-web-next/src/pages/parameterConfig/list.vue
new file mode 100644
index 0000000000..722cd031c3
--- /dev/null
+++ b/linkis-web-next/src/pages/parameterConfig/list.vue
@@ -0,0 +1,64 @@
+<template>
+    <template v-for="dataItem in data" :key="dataItem.name">
+        <div>
+            <div class="line">
+                <div class="text">
+                    <div class="title">{{ dataItem.name }}</div>
+                    <div class="description">
+                        {{ dataItem.description }}
+                    </div>
+                </div>
+
+                <div class="value">
+                    <FInput
+                        style="width: 120px"
+                        ref="inputRef"
+                        v-model="dataItem.value"
+                        placeholder="请输入"
+                    />
+                </div>
+            </div>
+            <!-- <template v-if="index !== dataList.length - 1"> -->
+            <FDivider></FDivider>
+            <!-- </template> -->
+        </div>
+    </template>
+</template>
+
+<script setup lang="ts">
+interface Props {
+    data: Array<{
+        name: string;
+        description: string;
+        value: string | number;
+    }>;
+}
+
+const props = defineProps<Props>();
+const { data } = props;
+console.log('props', props.data);
+</script>
+
+<style scoped>
+.line {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .text {
+        .title {
+            font-family: PingFangSC-Regular;
+            font-size: 14px;
+            color: #0f1222;
+            line-height: 22px;
+            font-weight: 400;
+        }
+        .description {
+            font-family: PingFangSC-Regular;
+            font-size: 12px;
+            color: #93949b;
+            line-height: 20px;
+            font-weight: 400;
+        }
+    }
+}
+</style>
diff --git a/linkis-web-next/src/pages/parameterConfig/modal.vue b/linkis-web-next/src/pages/parameterConfig/modal.vue
new file mode 100644
index 0000000000..97d8ff61f3
--- /dev/null
+++ b/linkis-web-next/src/pages/parameterConfig/modal.vue
@@ -0,0 +1,31 @@
+<template>
+    <FSpace>
+        <FModal
+            v-model:show="show"
+            title="常规"
+            displayDirective="if"
+            @ok="show = false"
+        >
+            <template #title>
+                <slot name="title"></slot>
+            </template>
+            <template #default>
+                <slot name="default"></slot>
+            </template>
+        </FModal>
+    </FSpace>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const show = ref(false);
+
+const open = () => {
+    show.value = true;
+};
+
+defineExpose({
+    open,
+});
+</script>
diff --git a/linkis-web-next/src/pages/parameterConfig/scripts/index.vue b/linkis-web-next/src/pages/parameterConfig/scripts/index.vue
new file mode 100644
index 0000000000..ea4ba46e8d
--- /dev/null
+++ b/linkis-web-next/src/pages/parameterConfig/scripts/index.vue
@@ -0,0 +1,3 @@
+<template>scripts</template>
+
+<script setup lang="ts"></script>
diff --git a/linkis-web-next/src/pages/parameterConfig/tableauServer/index.vue b/linkis-web-next/src/pages/parameterConfig/tableauServer/index.vue
new file mode 100644
index 0000000000..266d548a70
--- /dev/null
+++ b/linkis-web-next/src/pages/parameterConfig/tableauServer/index.vue
@@ -0,0 +1,3 @@
+<template>123</template>
+
+<script setup lang="ts"></script>
diff --git a/linkis-web-next/src/router/index.ts b/linkis-web-next/src/router/index.ts
index 35b2affc57..4c7a9eb18e 100644
--- a/linkis-web-next/src/router/index.ts
+++ b/linkis-web-next/src/router/index.ts
@@ -54,6 +54,51 @@ const routes: Array<RouteRecordRaw> = [
                     },
                 ],
             },
+
+            {
+                name: 'parameterConfig',
+                path: '/console/parameterConfig',
+                redirect: '/console/parameterConfig/ide',
+                component: () => import('@/pages/parameterConfig/index.vue'),
+                meta: {
+                    title: 'parameterConfig',
+                    publicPage: true,
+                },
+                children: [
+                    {
+                        name: 'ide',
+                        path: '/console/parameterConfig/ide',
+                        component: () =>
+                            import('@/pages/parameterConfig/ide/index.vue'),
+                        meta: {
+                            title: 'setting ide',
+                            publicPage: true,
+                        },
+                    },
+                    {
+                        name: 'scripts',
+                        path: '/console/parameterConfig/scripts',
+                        component: () =>
+                            import('@/pages/parameterConfig/scripts/index.vue'),
+                        meta: {
+                            title: 'setting scripts',
+                            publicPage: true,
+                        },
+                    },
+                    {
+                        name: 'tableauServer',
+                        path: '/console/parameterConfig/tableauServer',
+                        component: () =>
+                            import(
+                                '@/pages/parameterConfig/tableauServer/index.vue'
+                            ),
+                        meta: {
+                            title: 'setting tableau server',
+                            publicPage: true,
+                        },
+                    },
+                ],
+            },
         ],
     },
 ];
diff --git a/linkis-web-next/tsconfig.json b/linkis-web-next/tsconfig.json
index 40e5efe559..1e65c020ec 100644
--- a/linkis-web-next/tsconfig.json
+++ b/linkis-web-next/tsconfig.json
@@ -5,16 +5,17 @@
         "module": "ES2020",
         "lib": ["ES2020", "DOM", "DOM.Iterable"],
         "skipLibCheck": true,
+        "baseUrl": ".",
         "paths": {
             "@/*": ["./src/*"]
         },
 
         /* Bundler mode */
         "moduleResolution": "node",
+        "noEmit": true,
         "allowImportingTsExtensions": true,
         "resolveJsonModule": true,
         "isolatedModules": true,
-        "noEmit": true,
         "jsx": "preserve",
 
         /* Linting */
diff --git a/linkis-web/src/apps/linkis/module/globalHistoryManagement/index.vue b/linkis-web/src/apps/linkis/module/globalHistoryManagement/index.vue
index 43955f7573..3c42cdc55c 100644
--- a/linkis-web/src/apps/linkis/module/globalHistoryManagement/index.vue
+++ b/linkis-web/src/apps/linkis/module/globalHistoryManagement/index.vue
@@ -105,7 +105,6 @@
           />
         </Select>
       </FormItem>
-      123
       <FormItem>
         <Button type="primary" @click="search" style="margin-right: 10px">{{
           $t('message.linkis.search')

From 6f8f1b798293f3d6de3dbd2c8005545b85da1e8d Mon Sep 17 00:00:00 2001
From: ChichengL <2560720865@qq.comm>
Date: Wed, 13 Sep 2023 22:42:51 +0800
Subject: [PATCH 04/21] feat: Complete the paging component under parameter
 configuration

---
 linkis-web-next/package-lock.json             |   6 +-
 linkis-web-next/package.json                  |   2 +-
 .../src/pages/parameterConfig/drawer.vue      | 228 ++++++++++++++----
 .../src/pages/parameterConfig/handleChange.ts |   7 +
 4 files changed, 190 insertions(+), 53 deletions(-)
 create mode 100644 linkis-web-next/src/pages/parameterConfig/handleChange.ts

diff --git a/linkis-web-next/package-lock.json b/linkis-web-next/package-lock.json
index 302f1de018..4abe21e499 100644
--- a/linkis-web-next/package-lock.json
+++ b/linkis-web-next/package-lock.json
@@ -8,7 +8,7 @@
             "name": "LINKIS-WEB-NEXT",
             "version": "0.0.0",
             "dependencies": {
-                "@fesjs/fes-design": "^0.7.31",
+                "@fesjs/fes-design": "^0.7.32",
                 "vue": "^3.2.47",
                 "vue-router": "^4.2.2"
             },
@@ -597,7 +597,7 @@
         },
         "node_modules/@fesjs/fes-design": {
             "version": "0.7.32",
-            "resolved": "https://registry.npmjs.org/@fesjs/fes-design/-/fes-design-0.7.32.tgz",
+            "resolved": "https://registry.npmmirror.com/@fesjs/fes-design/-/fes-design-0.7.32.tgz",
             "integrity": "sha512-EYneDcAeL5fsHkoFYo7Ik4Dwo59In/YUkeWoDl28plD+vDRncyRmzkTrVQRV+tk6YI+ev/aBX+Ao/b8ye839Bw==",
             "dependencies": {
                 "@babel/runtime": "^7.16.3",
@@ -6540,7 +6540,7 @@
         },
         "@fesjs/fes-design": {
             "version": "0.7.32",
-            "resolved": "https://registry.npmjs.org/@fesjs/fes-design/-/fes-design-0.7.32.tgz",
+            "resolved": "https://registry.npmmirror.com/@fesjs/fes-design/-/fes-design-0.7.32.tgz",
             "integrity": "sha512-EYneDcAeL5fsHkoFYo7Ik4Dwo59In/YUkeWoDl28plD+vDRncyRmzkTrVQRV+tk6YI+ev/aBX+Ao/b8ye839Bw==",
             "requires": {
                 "@babel/runtime": "^7.16.3",
diff --git a/linkis-web-next/package.json b/linkis-web-next/package.json
index dfb50bf8ec..9e902da140 100644
--- a/linkis-web-next/package.json
+++ b/linkis-web-next/package.json
@@ -10,7 +10,7 @@
         "prepare": "husky install"
     },
     "dependencies": {
-        "@fesjs/fes-design": "^0.7.31",
+        "@fesjs/fes-design": "^0.7.32",
         "vue": "^3.2.47",
         "vue-router": "^4.2.2"
     },
diff --git a/linkis-web-next/src/pages/parameterConfig/drawer.vue b/linkis-web-next/src/pages/parameterConfig/drawer.vue
index 417edf6c46..c497217422 100644
--- a/linkis-web-next/src/pages/parameterConfig/drawer.vue
+++ b/linkis-web-next/src/pages/parameterConfig/drawer.vue
@@ -30,32 +30,51 @@
         <div class="content-wrapper">
             <template v-if="!isAddingApplicationAndEngine">
                 <f-table
-                    :data="data"
+                    :data="currentData"
                     class="table"
                     :rowKey="
                             (row: Record<string, number|string>) => {
                                 return row.taskId;
                             }
                         "
+                    
                 >
                     <template v-for="col in tableColumns" :key="col.label">
+                        
                         <f-table-column
-                            v-if="col.formatter"
+                            v-if="col.formatter && col.label!=='操作'"
                             :prop="col.prop"
                             :label="col.label"
-                            :action="col.action"
                             :formatter="col.formatter"
                         >
                         </f-table-column>
                         <f-table-column
-                            v-else
+                            v-else-if="col.label !== '操作'"
                             :prop="col.prop"
                             :label="col.label"
-                            :action="col.action"
                         >
                         </f-table-column>
+                        
+                        <!-- 单独渲染操作这一栏 -->
+                        <f-table-column
+                            v-if="col.label === '操作'"
+                            :label="'操作'"
+                            :align="'center'"
+                            :width="200"
+                            :action="col.action"
+                            fixed="right"
+                        ></f-table-column>
                     </template>
+                    
                 </f-table>
+                <FPagination
+                    show-size-changer
+                    :total-count="data.length"
+                    v-model:currentPage="currentPage"
+                    @change="handleChange"
+                    :pageSizeOption="pageSizeOption"
+                    v-model:pageSize="pageSize"
+                ></FPagination>
             </template>
 
             <template v-else>
@@ -114,55 +133,26 @@
 import { ref, reactive } from 'vue';
 import { FButton } from '@fesjs/fes-design';
 
-const isAddingApplicationAndEngine = ref(false);
 
+const isAddingApplicationAndEngine = ref(false);
 const tableColumns = [
     {
         prop: 'taskId',
-        label: '任务ID',
+        label: '序号',
     },
     {
-        prop: 'taskName',
-        label: '任务名',
+        prop: 'application',
+        label: '应用名称',
     },
     {
-        prop: 'status',
-        label: '状态',
+        prop: 'statement',
+        label: '描述',
         formatter: () => '1',
     },
     {
-        prop: 'time',
-        label: '已耗时',
-    },
-    {
-        prop: 'query',
-        label: '查询语句',
-        // { row }: { row: Record<string, number | string> }
-        formatter: () => '1q',
-        // h(TooltipText, {
-        //     text: row.query,
-        //     tipTitle: '这是标题',
-        //     tipContent: '这是内容',
-        // }),
-    },
-    {
-        label: '关键信息',
-        action: [
-            {
-                label: '查看',
-                func: () => {
-                    console.log('[table.action] [action.编辑] row:');
-                },
-            },
-        ],
-    },
-    {
-        prop: 'application',
-        label: '应用',
-    },
-    {
-        prop: 'engine',
-        label: '引擎',
+        prop: 'engineNumber',
+        label: '引擎个数',
+        formatter: () => 0,
     },
     {
         prop: 'creator',
@@ -172,17 +162,26 @@ const tableColumns = [
         prop: 'creatingTime',
         label: '创建时间',
     },
+    
     {
         label: '操作',
         action: [
             {
-                label: '查看',
+                label: '编辑',
+                func: () => {
+                    // console.log('[table.action] [action.编辑] row:', row);
+                },
+                
+            },
+            {
+                label: '删除',
                 func: () => {
-                    // drawerRef.value?.open?.(rawData);
-                    // setIsShowDrawer(true);
+                    // console.log('[table.action] [action.删除] row:', row);
+                    
                 },
+                
             },
-        ],
+        ]
     },
 ];
 
@@ -205,6 +204,7 @@ const engineConfigList = [
 ];
 
 // TODO: replace mock data with the real
+
 const data = reactive([
     {
         taskId: '1',
@@ -216,6 +216,7 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
+        engineNumber:0
     },
     {
         taskId: '2',
@@ -225,8 +226,9 @@ const data = reactive([
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
-        creator: '张小明',
+        creator: '张小明222',
         creatingTime: '1204',
+        engineNumber:0
     },
     {
         taskId: '3',
@@ -238,9 +240,43 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
+        engineNumber:0
     },
     {
-        taskId: '4',
+        taskId: '41',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+        engineNumber:0
+    },{
+        taskId: '42',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+        engineNumber:0
+    },{
+        taskId: '43',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+        engineNumber:0
+    },{
+        taskId: '44',
         taskName: '任务',
         status: '1',
         time: '1',
@@ -249,9 +285,80 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
+        engineNumber:0
+    },{
+        taskId: '45',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+        engineNumber:0
+    },{
+        taskId: '46',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+        engineNumber:0
+    },{
+        taskId: '47',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+        engineNumber:0
+    },{
+        taskId: '48',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+        engineNumber:0
+    },{
+        taskId: '12',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+        engineNumber:0
     },
 ]);
 
+const pageSizeOption = reactive([10, 20, 30, 50, 100]);
+
+const currentData= ref([]);
+const currentPage = ref(1);
+const pageSize = ref(10);
+// eslint-disable-next-line no-shadow
+const handleChange = (currentPage:number, pageSize:number) => {
+    console.log('???', currentPage, pageSize);
+    const temp = data.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+    currentData.value = [...temp];
+    console.log(temp)
+};
+handleChange(currentPage.value, 10);
+
+
 const show = ref(false);
 const open = () => {
     show.value = true;
@@ -260,6 +367,24 @@ const open = () => {
 defineExpose({
     open,
 });
+// const totalItems = data.length;
+// const pageSize = 10;
+// let currentPage = 1;
+// let currentItems = [];
+// function getDataSubset() {  
+//     // 根据当前页码和每页数据个数，从数据源中获取对应的数据子集  
+//     // 这里使用简单的模拟数据，实际情况需要根据具体数据源进行适配  
+//     const start = (currentPage - 1) * pageSize;  
+//     const end = start + pageSize;  
+    
+// }
+// function handleChange(newPage:number) {  
+//     currentPage = newPage;  
+//     // 根据当前页码获取对应的数据子集  
+//     currentItems = getDataSubset();  
+// }
+
+
 </script>
 
 <style scoped>
@@ -312,4 +437,9 @@ defineExpose({
         }
     }
 }
+:deep(.fes-pagination){
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+}
 </style>
diff --git a/linkis-web-next/src/pages/parameterConfig/handleChange.ts b/linkis-web-next/src/pages/parameterConfig/handleChange.ts
new file mode 100644
index 0000000000..679e1eaa4e
--- /dev/null
+++ b/linkis-web-next/src/pages/parameterConfig/handleChange.ts
@@ -0,0 +1,7 @@
+import { reactive } from 'vue';
+import { data, currentData } from './drawer.vue';
+
+export const handleChange = (currentPage, pageSize) => {
+const temp = data.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+currentData = reactive(temp);
+};

From fc4aa6a268060331b71c26316639a485a36791a2 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Thu, 14 Sep 2023 17:28:14 +0800
Subject: [PATCH 05/21] feat: complete basic interaction on the page
 parameterConfig

---
 .../src/pages/parameterConfig/card.vue        | 106 +++++++++++++--
 .../src/pages/parameterConfig/ide/index.vue   |  26 +++-
 .../src/pages/parameterConfig/index.less      |  25 ++++
 .../src/pages/parameterConfig/index.vue       |  11 +-
 .../src/pages/parameterConfig/list.vue        | 124 ++++++++++++------
 .../src/pages/parameterConfig/modal.vue       |  49 ++++++-
 6 files changed, 270 insertions(+), 71 deletions(-)

diff --git a/linkis-web-next/src/pages/parameterConfig/card.vue b/linkis-web-next/src/pages/parameterConfig/card.vue
index 0d43fb8699..cc90b4f9f6 100644
--- a/linkis-web-next/src/pages/parameterConfig/card.vue
+++ b/linkis-web-next/src/pages/parameterConfig/card.vue
@@ -11,37 +11,109 @@
                             {{ props.description }}
                         </div>
                     </div>
-                    <FButton type="link">操作</FButton>
+                    <template v-if="isEditing === false">
+                        <FButton type="link" @click="options.edit">
+                            操作
+                        </FButton>
+                    </template>
+                    <template v-else>
+                        <div>
+                            <FButton type="link" @click="options.confirm">
+                                确定
+                            </FButton>
+                            <FButton type="link" @click="options.cancel">
+                                取消
+                            </FButton>
+                        </div>
+                    </template>
                 </div>
             </template>
             <template #default>
-                <slot></slot>
-                <!-- <f-table :data="data" layout="auto" :showHeader="false">
-                    <f-table-column prop="text" label="text" :span="23">
-                        <div class="item-name">name</div>
-                        <div class="item-description">description</div>
-                    </f-table-column>
+                <!-- <slot :setSlotRef="setSlotRef" :isEditing="isEditing"></slot> -->
+
+                <div class="list-wrapper">
+                    <template
+                        v-for="(dataItem, index) in listData"
+                        :key="dataItem.name"
+                    >
+                        <div class="line">
+                            <div class="text">
+                                <div class="title">{{ dataItem.name }}</div>
+                                <div class="description">
+                                    {{ dataItem.description }}
+                                </div>
+                            </div>
 
-                    <template v-if="true">
-                        <f-table-column :span="1">
-                            <div class="number"></div>
-                            <div class="item-description">description</div>
-                        </f-table-column>
+                            <div class="value">
+                                <FSpace>
+                                    <template v-if="isEditing">
+                                        <div>
+                                            <FInput
+                                                style="width: 120px"
+                                                ref="inputRef"
+                                                v-model="dataItem.value"
+                                                placeholder="请输入"
+                                            />
+                                        </div>
+                                    </template>
+                                    <template v-else>
+                                        {{ dataItem.value }}
+                                    </template>
+                                </FSpace>
+                            </div>
+                        </div>
+                        <template v-if="index !== dataList.length - 1">
+                            <FDivider></FDivider>
+                        </template>
                     </template>
-                    <template v-else> </template>
-                </f-table> -->
+                </div>
             </template>
         </FCard>
     </div>
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue';
+
+type DataList = Array<{
+    name: string;
+    description: string;
+    value: string | number;
+}>;
+
 const props = defineProps<{
     name: string;
     description: string;
+    dataList: DataList;
 }>();
+const isEditing = ref(false);
+const listData = ref<DataList>([...props.dataList]);
+const listDataBeforeEditing = ref<DataList>([]);
+
+const options = {
+    edit: () => {
+        isEditing.value = true;
+        listDataBeforeEditing.value = listData.value.map((item) => ({
+            ...item,
+        }));
+    },
+    confirm: () => {
+        isEditing.value = false;
+        listDataBeforeEditing.value = [...listData.value];
+        listDataBeforeEditing.value = listData.value.map((item) => ({
+            ...item,
+        }));
+    },
+    cancel: () => {
+        isEditing.value = false;
+        listData.value = listDataBeforeEditing.value.map((item) => ({
+            ...item,
+        }));
+    },
+};
 </script>
 
+<style src="./index.less" scoped></style>
 <style scoped>
 :deep(.fes-card__header) {
     background: #f7f7f8;
@@ -49,6 +121,12 @@ const props = defineProps<{
 :deep(.fes-btn, .fes-btn-type-link) {
     padding-right: 0;
 }
+:deep(.fes-card__body) {
+    height: 592px;
+}
+:deep(.fes-divider) {
+    margin: 16px 0;
+}
 .card-wrapper {
     .card-header {
         .header-text {
diff --git a/linkis-web-next/src/pages/parameterConfig/ide/index.vue b/linkis-web-next/src/pages/parameterConfig/ide/index.vue
index 6daf23d26b..42a9e36945 100644
--- a/linkis-web-next/src/pages/parameterConfig/ide/index.vue
+++ b/linkis-web-next/src/pages/parameterConfig/ide/index.vue
@@ -4,9 +4,9 @@
             <Card
                 :name="item.name"
                 :description="item.description"
+                :dataList="item.listData"
                 class="card"
             >
-                <List :data="item.listData"></List>
             </Card>
         </template>
     </div>
@@ -14,16 +14,29 @@
 
 <script setup lang="ts">
 import Card from '../card.vue';
-import List from '../list.vue';
+// import List from '../list.vue';
 
 const cardList = [
     {
         name: 'card1',
         description: 'desc1',
         listData: [
-            { name: 'name1', description: 'description', value: 1 },
-            { name: 'name2', description: 'description', value: 1 },
-            { name: 'name3', description: 'description', value: 1 },
+            {
+                name: 'spark引擎最大并发数',
+                description: '{wds.linkis.instance}',
+                value: 1,
+            },
+            { name: 'spark引擎核心个数', description: 'description', value: 1 },
+            { name: 'spark引擎内存', description: 'description', value: 1 },
+            {
+                name: 'spark执行器核心个数',
+                description: 'description',
+                value: 1,
+            },
+            { name: 'worker并发数', description: 'description', value: 1 },
+            { name: 'worker内存大小', description: 'description', value: 1 },
+            { name: 'python版本', description: 'description', value: 1 },
+            { name: '引擎空间退出时间', description: 'description', value: 1 },
         ],
     },
     {
@@ -57,6 +70,9 @@ const cardList = [
 </script>
 
 <style scoped>
+.list-wrapper {
+    height: 592px;
+}
 .card-list {
     display: flex;
     flex-wrap: wrap;
diff --git a/linkis-web-next/src/pages/parameterConfig/index.less b/linkis-web-next/src/pages/parameterConfig/index.less
index e69de29bb2..bbc3331d7e 100644
--- a/linkis-web-next/src/pages/parameterConfig/index.less
+++ b/linkis-web-next/src/pages/parameterConfig/index.less
@@ -0,0 +1,25 @@
+.list-wrapper {
+    height: 100%;
+    .line {
+        display: flex;
+        height: 42px;
+        justify-content: space-between;
+        align-items: center;
+        .text {
+            .title {
+                font-family: PingFangSC-Regular;
+                font-size: 14px;
+                color: #0f1222;
+                line-height: 22px;
+                font-weight: 400;
+            }
+            .description {
+                font-family: PingFangSC-Regular;
+                font-size: 12px;
+                color: #93949b;
+                line-height: 20px;
+                font-weight: 400;
+            }
+        }
+    }
+}
diff --git a/linkis-web-next/src/pages/parameterConfig/index.vue b/linkis-web-next/src/pages/parameterConfig/index.vue
index 86ef9965a6..99caed59db 100644
--- a/linkis-web-next/src/pages/parameterConfig/index.vue
+++ b/linkis-web-next/src/pages/parameterConfig/index.vue
@@ -26,7 +26,7 @@
                 <FButton type="link" @click="openModal">全局配置</FButton>
                 <Drawer ref="drawerRef"></Drawer>
                 <Modal ref="modalRef">
-                    <List :data="listData"></List>
+                    <!-- <List :dataList="listData" :isEditing="false"></List> -->
                 </Modal>
             </div>
         </f-header>
@@ -36,17 +36,10 @@
     </f-layout>
 </template>
 <script setup lang="ts">
-import { Ref, ref, reactive } from 'vue';
+import { Ref, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import Drawer from './drawer.vue';
 import Modal from './modal.vue';
-import List from './list.vue';
-
-const listData = reactive([
-    { name: '这是标题1', description: '1', value: '1' },
-    { name: '这是标题2', description: '2', value: '2' },
-    { name: '这是标题3', description: '3', value: '3' },
-]);
 
 const router = useRouter();
 const drawerRef = ref<Ref<{ open: () => void }> | null>(null);
diff --git a/linkis-web-next/src/pages/parameterConfig/list.vue b/linkis-web-next/src/pages/parameterConfig/list.vue
index 722cd031c3..a2ce87f71b 100644
--- a/linkis-web-next/src/pages/parameterConfig/list.vue
+++ b/linkis-web-next/src/pages/parameterConfig/list.vue
@@ -1,6 +1,9 @@
 <template>
-    <template v-for="dataItem in data" :key="dataItem.name">
-        <div>
+    <div class="wrapper">
+        <template
+            v-for="(dataItem, index) in tempDataList"
+            :key="dataItem.name"
+        >
             <div class="line">
                 <div class="text">
                     <div class="title">{{ dataItem.name }}</div>
@@ -10,54 +13,99 @@
                 </div>
 
                 <div class="value">
-                    <FInput
-                        style="width: 120px"
-                        ref="inputRef"
-                        v-model="dataItem.value"
-                        placeholder="请输入"
-                    />
+                    <FSpace>
+                        <template v-if="isEditing">
+                            <div>
+                                <FInput
+                                    style="width: 120px"
+                                    ref="inputRef"
+                                    v-model="dataItem.value"
+                                    placeholder="请输入"
+                                />
+                            </div>
+                        </template>
+                        <template v-else>
+                            {{ dataItem.value }}
+                        </template>
+                    </FSpace>
                 </div>
             </div>
-            <!-- <template v-if="index !== dataList.length - 1"> -->
-            <FDivider></FDivider>
-            <!-- </template> -->
-        </div>
-    </template>
+            <template v-if="index !== dataList.length - 1">
+                <FDivider></FDivider>
+            </template>
+        </template>
+    </div>
 </template>
 
 <script setup lang="ts">
+import { ref, watch } from 'vue';
+
+type PropsDataList = Array<{
+    name: string;
+    description: string;
+    value: string | number;
+}>;
+
 interface Props {
-    data: Array<{
-        name: string;
-        description: string;
-        value: string | number;
-    }>;
+    dataList: PropsDataList;
+    isEditing: boolean;
 }
 
 const props = defineProps<Props>();
-const { data } = props;
-console.log('props', props.data);
+const tempDataList = ref<PropsDataList>([...props.dataList]);
+const tempDataBeforeEditing = ref<PropsDataList>([...props.dataList]);
+
+const save = () => {
+    // TODO: send a request
+    tempDataList.value?.forEach((row, index) => {
+        tempDataBeforeEditing.value[index].value = row.value;
+    });
+};
+
+const cancel = (dataBeforeEditing: any) => {
+    tempDataBeforeEditing.value?.forEach((row, index) => {
+        tempDataList.value[index].value = row.value;
+    });
+    tempDataBeforeEditing.value = [...dataBeforeEditing];
+};
+// const { data, isEditing } = props;
+watch(
+    () => props.dataList,
+    (newDataList) => {
+        tempDataList.value = newDataList;
+    },
+);
+
+defineExpose({
+    data: tempDataList,
+    save,
+    cancel,
+});
 </script>
 
 <style scoped>
-.line {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    .text {
-        .title {
-            font-family: PingFangSC-Regular;
-            font-size: 14px;
-            color: #0f1222;
-            line-height: 22px;
-            font-weight: 400;
-        }
-        .description {
-            font-family: PingFangSC-Regular;
-            font-size: 12px;
-            color: #93949b;
-            line-height: 20px;
-            font-weight: 400;
+.wrapper {
+    height: 100%;
+    .line {
+        display: flex;
+        height: 42px;
+        justify-content: space-between;
+        align-items: center;
+        .text {
+            .title {
+                font-family: PingFangSC-Regular;
+                font-size: 14px;
+                color: #0f1222;
+                line-height: 22px;
+                font-weight: 400;
+            }
+            .description {
+                font-family: PingFangSC-Regular;
+                font-size: 12px;
+                color: #93949b;
+                line-height: 20px;
+                font-weight: 400;
+            }
         }
     }
 }
diff --git a/linkis-web-next/src/pages/parameterConfig/modal.vue b/linkis-web-next/src/pages/parameterConfig/modal.vue
index 97d8ff61f3..bb487198cc 100644
--- a/linkis-web-next/src/pages/parameterConfig/modal.vue
+++ b/linkis-web-next/src/pages/parameterConfig/modal.vue
@@ -7,20 +7,58 @@
             @ok="show = false"
         >
             <template #title>
-                <slot name="title"></slot>
-            </template>
-            <template #default>
-                <slot name="default"></slot>
+                <div>全局配置</div>
             </template>
+
+            <div class="list-wrapper">
+                <template
+                    v-for="(dataItem, index) in dataList"
+                    :key="dataItem.name"
+                >
+                    <div class="line">
+                        <div class="text">
+                            <div class="title">{{ dataItem.name }}</div>
+                            <div class="description">
+                                {{ dataItem.description }}
+                            </div>
+                        </div>
+
+                        <div class="value">
+                            <FSpace>
+                                <div>
+                                    <FInput
+                                        style="width: 120px"
+                                        ref="inputRef"
+                                        v-model="dataItem.value"
+                                        placeholder="请输入"
+                                    />
+                                </div>
+                            </FSpace>
+                        </div>
+                    </div>
+                    <template v-if="index !== dataList.length - 1">
+                        <FDivider></FDivider>
+                    </template>
+                </template>
+            </div>
         </FModal>
     </FSpace>
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, reactive } from 'vue';
 
 const show = ref(false);
 
+const dataList = reactive([
+    { name: 'yarn队列名', description: '{wds.linkis.yarnqueue}', value: '1' },
+    { name: '队列CPU使用上限', description: '2', value: '2' },
+    { name: '队列内存使用上限', description: '3', value: '3' },
+    { name: '全局各个引擎内存使用上限', description: '3', value: '3' },
+    { name: '全局各个引擎核心个数上限', description: '3', value: '3' },
+    { name: '全局各个引擎最大并发数', description: '3', value: '3' },
+]);
+
 const open = () => {
     show.value = true;
 };
@@ -29,3 +67,4 @@ defineExpose({
     open,
 });
 </script>
+<style src="./index.less" scoped></style>

From d3f0cf98adc274144629b4e294991d55f6d39fe4 Mon Sep 17 00:00:00 2001
From: ChichengL <2560720865@qq.comm>
Date: Fri, 15 Sep 2023 23:38:32 +0800
Subject: [PATCH 06/21] feat:Global History management completes paging but
 there are a few minor issues with the paging component

---
 .../pages/globalHistoryManagement/table.vue   | 192 +++++++++++++-----
 1 file changed, 140 insertions(+), 52 deletions(-)

diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
index aab082fa63..8f64ce71c7 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/table.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -3,49 +3,55 @@
         <Count></Count>
         <!-- <div @click="test">test</div> -->
         <Filter ref="filterRef" :checkedKeys="checkedKeys"></Filter>
-        <f-table
-            :data="data"
-            class="table"
-            v-model:checkedKeys="checkedKeys"
-            :rowKey="
-                (row: Record<string, number|string>) => {
-                    return row.taskId;
-                }
-            "
-        >
-            <f-table-column
-                v-if="filterRef?.isCheckingTaskToStop"
-                type="selection"
-                :width="32"
-                fixed="left"
-            ></f-table-column>
-            <template v-for="col in tableColumns" :key="col.label">
+        <FSpace vertical>
+            <FScrollbar>
+                <f-table
+                :data="currentData"
+                class="table"
+                v-model:checkedKeys="checkedKeys"
+                :rowKey="
+                    (row: Record<string, number|string>) => {
+                        return row.taskId;
+                    }
+                "
+            >
                 <f-table-column
-                    v-if="col.formatter"
-                    :prop="col.prop"
-                    :label="col.label"
-                    :action="col.action"
-                    :formatter="col.formatter"
-                >
-                </f-table-column>
-                <f-table-column
-                    v-else
-                    :prop="col.prop"
-                    :label="col.label"
-                    :action="col.action"
-                >
-                </f-table-column>
-            </template>
-        </f-table>
-
+                    v-if="filterRef?.isCheckingTaskToStop"
+                    type="selection"
+                    :width="32"
+                    fixed="left"
+                ></f-table-column>
+                <template v-for="col in tableColumns" :key="col.label">
+                    <f-table-column
+                        v-if="col.formatter"
+                        :prop="col.prop"
+                        :label="col.label"
+                        :action="col.action"
+                        :formatter="col.formatter"
+                    >
+                    </f-table-column>
+                    <f-table-column
+                        v-else
+                        :prop="col.prop"
+                        :label="col.label"
+                        :action="col.action"
+                    >
+                    </f-table-column>
+                </template>
+            </f-table>
+            
+            </FScrollbar>
+        </FSpace>
         <FPagination
-            class="pagination"
-            show-size-changer
-            :pageSizeOption="pageSizeOption"
-            :total-count="1000"
-            @change="handleChange"
-        ></FPagination>
-
+                class="pagination"
+                show-size-changer
+                :pageSizeOption="pageSizeOption"
+                :total-count="data.length"
+                @change="handleChange"
+                v-model:pageSize="pageSize"
+                v-model:currentPage="currentPage"
+            ></FPagination>
+            
         <Drawer
             ref="drawerRef"
             :isShow="isShowDrawer"
@@ -226,24 +232,103 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
+    },{
+        taskId: '5',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },{
+        taskId: '6',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },{
+        taskId: '7',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },{
+        taskId: '8',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },{
+        taskId: '9',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },
+    {
+        taskId: '10',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
+    },{
+        taskId: '11',
+        taskName: '任务',
+        status: '1',
+        time: '1',
+        query: '哈哈哈',
+        application: '应用',
+        engine: '引擎',
+        creator: '张小明',
+        creatingTime: '1204',
     },
 ]);
 
-const handleChange = (currentPage: string, pageSize: string) => {
-    console.log(
-        '[pagination.sizes] [handleChange] currentPage:',
-        currentPage,
-        ' pageSize:',
-        pageSize,
-    );
+// 需要展示的数据
+const currentData = ref([]);
+
+const currentPage = ref(1);
+const pageSize = ref(10);
+
+// eslint-disable-next-line no-shadow
+const handleChange = (currenPage:number,pageSize:number) =>{
+    const temp = data.slice((currenPage - 1) * pageSize, currenPage * pageSize);
+   currentData.value = reactive([...temp]);
 };
+handleChange(currentPage.value, pageSize.value);
+
 </script>
 
 <style scoped src="./index.less"></style>
 <style scoped>
+
 .wrapper {
     position: relative;
-    height: 100%;
+    height: 100vh;
+    overflow: auto;
+    
     .table {
         right: 0;
         top: 0;
@@ -251,9 +336,12 @@ const handleChange = (currentPage: string, pageSize: string) => {
         calc(100% - 32px); */
     }
     .pagination {
-        position: absolute;
-        bottom: 0;
-        right: 0;
+        /* position: absolute;
+        bottom: 5%;
+        right: 0%; */
+        display: flex;
+        justify-content: flex-end;
+        margin-top: 16px;
     }
 }
 </style>

From 91da03391e764443f24fdae9405c7db37d213344 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Mon, 18 Sep 2023 21:53:51 +0800
Subject: [PATCH 07/21] chore: adjust css style

---
 linkis-web-next/package-lock.json             |   40 +-
 linkis-web-next/package.json                  |    5 +-
 linkis-web-next/src/common/config/const.js    |   28 +
 linkis-web-next/src/common/config/db.js       |   33 +
 linkis-web-next/src/common/config/scriptis.js |  342 +++
 .../src/common/helper/clickoutside.js         |   42 +
 linkis-web-next/src/common/helper/db.js       |  208 ++
 .../src/common/helper/elementResizeEvent.js   |  134 +
 linkis-web-next/src/common/helper/emitter.js  |   58 +
 linkis-web-next/src/common/helper/eventbus.js |  112 +
 linkis-web-next/src/common/helper/fesx.js     |  108 +
 linkis-web-next/src/common/helper/storage.js  |  229 ++
 .../common/scriptis/module/webSocket/index.js |  145 +
 .../common/scriptis/service/db/globalcache.js |  104 +
 .../src/common/scriptis/service/db/history.js |   36 +
 .../src/common/scriptis/service/db/log.js     |   36 +
 .../common/scriptis/service/db/progress.js    |   36 +
 .../src/common/scriptis/service/db/result.js  |   36 +
 .../src/common/scriptis/service/db/tab.js     |   36 +
 .../src/common/scriptis/service/db/tree.js    |   36 +
 linkis-web-next/src/common/service/api.js     |  331 +++
 .../src/common/service/apiCache.js            |   76 +
 .../src/common/service/db/index.js            |   99 +
 linkis-web-next/src/common/service/execute.js |  675 +++++
 .../src/common/service/layoutMixin.js         |   55 +
 linkis-web-next/src/common/service/mixin.js   |   93 +
 .../src/common/service/moduleMixin.js         |  147 +
 linkis-web-next/src/common/service/socket.js  |  211 ++
 .../src/common/service/timeToCronMixin.js     |  247 ++
 .../src/common/style/headerCommon.scss        |  137 +
 .../src/common/style/headerUserMenu.scss      |   59 +
 .../src/common/style/variables.scss           |  272 ++
 .../src/components/editor/editor.vue          |  615 +++++
 .../src/components/editor/editorNext.vue      |  618 +++++
 .../src/components/editor/editorNext2.vue     |  615 +++++
 .../src/components/editor/highRiskGrammar.ts  |   34 +
 .../src/components/editor/index.less          |   61 +
 .../src/components/editor/index.ts            |   21 +
 .../src/components/editor/keyword/hql.ts      | 2384 +++++++++++++++++
 .../src/components/editor/keyword/python.ts   |  385 +++
 .../src/components/editor/keyword/sas.ts      |  172 ++
 .../src/components/editor/keyword/sh.ts       |  570 ++++
 .../src/components/editor/languages/hql.ts    | 1587 +++++++++++
 .../src/components/editor/languages/log.ts    |   43 +
 .../src/components/editor/languages/out.ts    | 1570 +++++++++++
 .../src/components/editor/languages/sas.ts    |   66 +
 .../src/components/editor/languages/sh.ts     |  220 ++
 .../src/components/editor/monaco-loader.ts    |   54 +
 .../editor/sqlFormatter/core/Formatter.ts     |  348 +++
 .../editor/sqlFormatter/core/Indentation.ts   |   87 +
 .../editor/sqlFormatter/core/InlineBlock.ts   |  120 +
 .../editor/sqlFormatter/core/Params.ts        |   47 +
 .../editor/sqlFormatter/core/Tokenizer.ts     |  508 ++++
 .../editor/sqlFormatter/core/tokenTypes.ts    |   36 +
 .../sqlFormatter/languages/Db2Formatter.ts    |  601 +++++
 .../sqlFormatter/languages/N1qlFormatter.ts   |  276 ++
 .../sqlFormatter/languages/PlSqlFormatter.ts  |  463 ++++
 .../languages/StandardSqlFormatter.ts         |  379 +++
 .../editor/sqlFormatter/sqlFormatter.ts       |   51 +
 .../components/editor/theme/defaultView.ts    |   30 +
 .../src/components/editor/theme/logView.ts    |   36 +
 linkis-web-next/src/components/editor/util.ts |  215 ++
 .../src/components/editor/util2.ts            |   52 +
 .../pages/globalHistoryManagement/drawer.vue  |   51 +-
 .../pages/globalHistoryManagement/index.less  |   16 +-
 .../pages/globalHistoryManagement/table.vue   |  143 +-
 .../globalHistoryManagement/tooltipText.vue   |    8 +-
 .../src/pages/parameterConfig/drawer.vue      |   50 +-
 .../src/pages/parameterConfig/index.vue       |    1 -
 linkis-web-next/tsconfig.json                 |    1 -
 70 files changed, 16631 insertions(+), 109 deletions(-)
 create mode 100644 linkis-web-next/src/common/config/const.js
 create mode 100644 linkis-web-next/src/common/config/db.js
 create mode 100644 linkis-web-next/src/common/config/scriptis.js
 create mode 100644 linkis-web-next/src/common/helper/clickoutside.js
 create mode 100644 linkis-web-next/src/common/helper/db.js
 create mode 100644 linkis-web-next/src/common/helper/elementResizeEvent.js
 create mode 100644 linkis-web-next/src/common/helper/emitter.js
 create mode 100644 linkis-web-next/src/common/helper/eventbus.js
 create mode 100644 linkis-web-next/src/common/helper/fesx.js
 create mode 100644 linkis-web-next/src/common/helper/storage.js
 create mode 100644 linkis-web-next/src/common/scriptis/module/webSocket/index.js
 create mode 100644 linkis-web-next/src/common/scriptis/service/db/globalcache.js
 create mode 100644 linkis-web-next/src/common/scriptis/service/db/history.js
 create mode 100644 linkis-web-next/src/common/scriptis/service/db/log.js
 create mode 100644 linkis-web-next/src/common/scriptis/service/db/progress.js
 create mode 100644 linkis-web-next/src/common/scriptis/service/db/result.js
 create mode 100644 linkis-web-next/src/common/scriptis/service/db/tab.js
 create mode 100644 linkis-web-next/src/common/scriptis/service/db/tree.js
 create mode 100644 linkis-web-next/src/common/service/api.js
 create mode 100644 linkis-web-next/src/common/service/apiCache.js
 create mode 100644 linkis-web-next/src/common/service/db/index.js
 create mode 100644 linkis-web-next/src/common/service/execute.js
 create mode 100644 linkis-web-next/src/common/service/layoutMixin.js
 create mode 100644 linkis-web-next/src/common/service/mixin.js
 create mode 100644 linkis-web-next/src/common/service/moduleMixin.js
 create mode 100644 linkis-web-next/src/common/service/socket.js
 create mode 100644 linkis-web-next/src/common/service/timeToCronMixin.js
 create mode 100644 linkis-web-next/src/common/style/headerCommon.scss
 create mode 100644 linkis-web-next/src/common/style/headerUserMenu.scss
 create mode 100644 linkis-web-next/src/common/style/variables.scss
 create mode 100644 linkis-web-next/src/components/editor/editor.vue
 create mode 100644 linkis-web-next/src/components/editor/editorNext.vue
 create mode 100644 linkis-web-next/src/components/editor/editorNext2.vue
 create mode 100644 linkis-web-next/src/components/editor/highRiskGrammar.ts
 create mode 100644 linkis-web-next/src/components/editor/index.less
 create mode 100644 linkis-web-next/src/components/editor/index.ts
 create mode 100644 linkis-web-next/src/components/editor/keyword/hql.ts
 create mode 100644 linkis-web-next/src/components/editor/keyword/python.ts
 create mode 100644 linkis-web-next/src/components/editor/keyword/sas.ts
 create mode 100644 linkis-web-next/src/components/editor/keyword/sh.ts
 create mode 100644 linkis-web-next/src/components/editor/languages/hql.ts
 create mode 100644 linkis-web-next/src/components/editor/languages/log.ts
 create mode 100644 linkis-web-next/src/components/editor/languages/out.ts
 create mode 100644 linkis-web-next/src/components/editor/languages/sas.ts
 create mode 100644 linkis-web-next/src/components/editor/languages/sh.ts
 create mode 100644 linkis-web-next/src/components/editor/monaco-loader.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/core/Formatter.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/core/Indentation.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/core/InlineBlock.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/core/Params.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/core/Tokenizer.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/core/tokenTypes.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/languages/Db2Formatter.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/languages/N1qlFormatter.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/languages/PlSqlFormatter.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/languages/StandardSqlFormatter.ts
 create mode 100644 linkis-web-next/src/components/editor/sqlFormatter/sqlFormatter.ts
 create mode 100644 linkis-web-next/src/components/editor/theme/defaultView.ts
 create mode 100644 linkis-web-next/src/components/editor/theme/logView.ts
 create mode 100644 linkis-web-next/src/components/editor/util.ts
 create mode 100644 linkis-web-next/src/components/editor/util2.ts

diff --git a/linkis-web-next/package-lock.json b/linkis-web-next/package-lock.json
index 4abe21e499..8974d0dea0 100644
--- a/linkis-web-next/package-lock.json
+++ b/linkis-web-next/package-lock.json
@@ -8,7 +8,10 @@
             "name": "LINKIS-WEB-NEXT",
             "version": "0.0.0",
             "dependencies": {
-                "@fesjs/fes-design": "^0.7.32",
+                "@fesjs/fes-design": "^0.7.31",
+                "@types/lodash": "^4.14.198",
+                "dexie": "^3.2.4",
+                "monaco-editor": "^0.43.0",
                 "vue": "^3.2.47",
                 "vue-router": "^4.2.2"
             },
@@ -772,9 +775,9 @@
             "dev": true
         },
         "node_modules/@types/lodash": {
-            "version": "4.14.197",
-            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.197.tgz",
-            "integrity": "sha512-BMVOiWs0uNxHVlHBgzTIqJYmj+PgCo4euloGF+5m4okL3rEYzM2EEv78mw8zWSMM57dM7kVIgJ2QDvwHSoCI5g=="
+            "version": "4.14.198",
+            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.198.tgz",
+            "integrity": "sha512-trNJ/vtMZYMLhfN45uLq4ShQSw0/S7xCTLLVM+WM1rmFpba/VS42jVUgaO3w/NOLiWR/09lnYk0yMaA/atdIsg=="
         },
         "node_modules/@types/lodash-es": {
             "version": "4.17.9",
@@ -1926,6 +1929,14 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/dexie": {
+            "version": "3.2.4",
+            "resolved": "https://registry.npmjs.org/dexie/-/dexie-3.2.4.tgz",
+            "integrity": "sha512-VKoTQRSv7+RnffpOJ3Dh6ozknBqzWw/F3iqMdsZg958R0AS8AnY9x9d1lbwENr0gzeGJHXKcGhAMRaqys6SxqA==",
+            "engines": {
+                "node": ">=6.0"
+            }
+        },
         "node_modules/diff": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
@@ -4210,6 +4221,11 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/monaco-editor": {
+            "version": "0.43.0",
+            "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.43.0.tgz",
+            "integrity": "sha512-cnoqwQi/9fml2Szamv1XbSJieGJ1Dc8tENVMD26Kcfl7xGQWp7OBKMjlwKVGYFJ3/AXJjSOGvcqK7Ry/j9BM1Q=="
+        },
         "node_modules/ms": {
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -6690,9 +6706,9 @@
             "dev": true
         },
         "@types/lodash": {
-            "version": "4.14.197",
-            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.197.tgz",
-            "integrity": "sha512-BMVOiWs0uNxHVlHBgzTIqJYmj+PgCo4euloGF+5m4okL3rEYzM2EEv78mw8zWSMM57dM7kVIgJ2QDvwHSoCI5g=="
+            "version": "4.14.198",
+            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.198.tgz",
+            "integrity": "sha512-trNJ/vtMZYMLhfN45uLq4ShQSw0/S7xCTLLVM+WM1rmFpba/VS42jVUgaO3w/NOLiWR/09lnYk0yMaA/atdIsg=="
         },
         "@types/lodash-es": {
             "version": "4.17.9",
@@ -7497,6 +7513,11 @@
                 "object-keys": "^1.1.1"
             }
         },
+        "dexie": {
+            "version": "3.2.4",
+            "resolved": "https://registry.npmjs.org/dexie/-/dexie-3.2.4.tgz",
+            "integrity": "sha512-VKoTQRSv7+RnffpOJ3Dh6ozknBqzWw/F3iqMdsZg958R0AS8AnY9x9d1lbwENr0gzeGJHXKcGhAMRaqys6SxqA=="
+        },
         "diff": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
@@ -9184,6 +9205,11 @@
                 "kind-of": "^6.0.3"
             }
         },
+        "monaco-editor": {
+            "version": "0.43.0",
+            "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.43.0.tgz",
+            "integrity": "sha512-cnoqwQi/9fml2Szamv1XbSJieGJ1Dc8tENVMD26Kcfl7xGQWp7OBKMjlwKVGYFJ3/AXJjSOGvcqK7Ry/j9BM1Q=="
+        },
         "ms": {
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
diff --git a/linkis-web-next/package.json b/linkis-web-next/package.json
index 9e902da140..91a720fc50 100644
--- a/linkis-web-next/package.json
+++ b/linkis-web-next/package.json
@@ -10,7 +10,10 @@
         "prepare": "husky install"
     },
     "dependencies": {
-        "@fesjs/fes-design": "^0.7.32",
+        "@fesjs/fes-design": "^0.7.31",
+        "@types/lodash": "^4.14.198",
+        "dexie": "^3.2.4",
+        "monaco-editor": "^0.43.0",
         "vue": "^3.2.47",
         "vue-router": "^4.2.2"
     },
diff --git a/linkis-web-next/src/common/config/const.js b/linkis-web-next/src/common/config/const.js
new file mode 100644
index 0000000000..6e92a4efa7
--- /dev/null
+++ b/linkis-web-next/src/common/config/const.js
@@ -0,0 +1,28 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+const DEVPROCESS = {
+    DEVELOPMENTCENTER: 'dev',// Develop center(开发中心)
+    PRODUCTCENTER: 'prod'// Production center(生产中心)
+};
+
+const ORCHESTRATORMODES = {
+    WORKFLOW: 'pom_work_flow',// Workflow Orchestration(工作流编排)
+    SINGLETASK: 'pom_single_task',// single task scheduling(单任务编排)
+    CONSTSTORCHESTRATOR: 'pom_consist_orchestrator'// Combination arrangement(组合编排)
+};
+export { DEVPROCESS, ORCHESTRATORMODES };
diff --git a/linkis-web-next/src/common/config/db.js b/linkis-web-next/src/common/config/db.js
new file mode 100644
index 0000000000..bc280fb988
--- /dev/null
+++ b/linkis-web-next/src/common/config/db.js
@@ -0,0 +1,33 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+// What table needs to be built for each application add here(各应用需要建什么表在这里添加)
+export const config = {
+    'version': 4,
+    'stores': {
+        'project': '&projectID',
+        'tab': '&id',
+        'log': '&tabId',
+        'history': '&tabId',
+        'result': '&tabId',
+        'globalCache': '&key, value',
+        'progress': '&tabId',
+        'node': '&nodeId',
+        'tree': '&treeId',
+    },
+};
diff --git a/linkis-web-next/src/common/config/scriptis.js b/linkis-web-next/src/common/config/scriptis.js
new file mode 100644
index 0000000000..d6f3466166
--- /dev/null
+++ b/linkis-web-next/src/common/config/scriptis.js
@@ -0,0 +1,342 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+export default Object.freeze([{
+    rule: /\.(bi)$/i,
+    executable: false,
+    logo: 'fi-bi',
+    color: '#9771E7',
+    isCanBeNew: false,
+    isCanBeOpen: true
+},
+{
+    rule: /\.(sql)$/i,
+    lang: 'hql',
+    executable: true,
+    application: 'spark',
+    runType: 'sql',
+    ext: '.sql',
+    scriptType: 'hive',
+    abbr: 'sql',
+    logo: 'fi-spark',
+    color: '#FF9900',
+    isCanBeNew: true,
+    label: 'Sql',
+    isCanBeOpen: true,
+    flowType: 'sql'
+},
+{
+    rule: /\.(hql)$/i,
+    lang: 'hql',
+    executable: true,
+    application: 'hive',
+    runType: 'hql',
+    ext: '.hql',
+    scriptType: 'hql',
+    abbr: 'hql',
+    logo: 'fi-hive',
+    color: '#F4CF38',
+    isCanBeNew: true,
+    label: 'Hive',
+    isCanBeOpen: true,
+    flowType: 'hql'
+},
+{
+    rule: /\.(out)$/i,
+    lang: 'out',
+    executable: true,
+    application: 'pipeline',
+    runType: 'pipeline',
+    ext: '.out',
+    scriptType: 'storage',
+    abbr: 'stor',
+    logo: 'fi-storage',
+    color: '#4DB091',
+    isCanBeNew: true,
+    label: 'Storage',
+    isCanBeOpen: true
+},
+{
+    rule: /\.scala$/i,
+    lang: 'java',
+    executable: true,
+    application: 'spark',
+    runType: 'scala',
+    ext: '.scala',
+    scriptType: 'scala',
+    abbr: 'scala',
+    logo: 'fi-scala',
+    color: '#ED4014',
+    isCanBeNew: true,
+    label: 'Scala',
+    isCanBeOpen: true,
+    flowType: 'scala'
+},
+{
+    rule: /\.scala$/i,
+    lang: 'java',
+    executable: true,
+    application: 'spark',
+    runType: 'function.mdq',
+    ext: '.scala',
+    scriptType: 'scala',
+    abbr: 'scala',
+    logo: 'fi-scala',
+    color: '#ED4014',
+    isCanBeNew: false,
+    label: 'Scala',
+    isCanBeOpen: true
+},
+{
+    rule: /\.jdbc$/i,
+    lang: 'hql',
+    executable: true,
+    application: 'jdbc',
+    runType: 'jdbc',
+    ext: '.jdbc',
+    scriptType: 'jdbc',
+    abbr: 'jdbc',
+    logo: 'fi-jdbc',
+    color: '#444444',
+    isCanBeNew: true,
+    label: 'JDBC',
+    isCanBeOpen: true
+},
+{
+    rule: /\.python$/i,
+    lang: 'python',
+    executable: true,
+    application: 'python',
+    runType: 'python',
+    ext: '.python',
+    scriptType: 'python',
+    abbr: 'py',
+    logo: 'fi-python',
+    color: '#3573A6',
+    isCanBeNew: true,
+    label: 'Python',
+    isCanBeOpen: true,
+    flowType: 'python'
+},
+{
+    rule: /\.py$/i,
+    lang: 'python',
+    executable: true,
+    application: 'spark',
+    runType: 'py',
+    ext: '.py',
+    scriptType: 'pythonSpark',
+    abbr: 'py',
+    logo: 'fi-spark-python',
+    color: '#3573A6',
+    isCanBeNew: true,
+    label: 'PythonSpark',
+    isCanBeOpen: true,
+    flowType: 'pyspark'
+},
+{
+    rule: /\.r$/i,
+    lang: 'r',
+    executable: true,
+    application: 'spark',
+    runType: 'r',
+    ext: '.r',
+    scriptType: 'r',
+    abbr: 'r',
+    logo: 'fi-r',
+    color: '#2D8CF0',
+    isCanBeNew: true,
+    label: 'R',
+    isCanBeOpen: true
+},
+{
+    rule: /\.sh$/i,
+    lang: 'sh',
+    executable: true,
+    application: 'shell',
+    runType: 'shell',
+    ext: '.sh',
+    scriptType: 'shell',
+    abbr: 'shell',
+    logo: 'fi-scriptis',
+    color: '#444444',
+    isCanBeNew: false,
+    label: 'Shell',
+    isCanBeOpen: true,
+    flowType: 'shell'
+},
+{
+    rule: /\.sh$/i,
+    lang: 'sh',
+    executable: true,
+    application: 'shell',
+    runType: 'sh',
+    ext: '.sh',
+    scriptType: 'shell',
+    abbr: 'shell',
+    logo: 'fi-scriptis',
+    color: '#444444',
+    isCanBeNew: true,
+    label: 'Shell',
+    isCanBeOpen: true,
+    flowType: 'shell'
+},
+{
+    rule: /\.qmlsql$/i,
+    lang: 'hql',
+    executable: false,
+    application: 'spark',
+    runType: 'sql',
+    ext: '.qmlsql',
+    scriptType: 'qmlsql',
+    abbr: 'qmlsql',
+    logo: 'fi-spark',
+    color: '#FF9900',
+    isCanBeNew: false,
+    label: 'QMLSQL',
+    isCanBeOpen: true
+},
+{
+    rule: /\.qmlpy$/i,
+    lang: 'python',
+    executable: false,
+    application: 'spark',
+    runType: 'python',
+    ext: '.qmlpy',
+    scriptType: 'qmlpy',
+    abbr: 'qmlpy',
+    logo: 'fi-python',
+    color: '#3573A6',
+    isCanBeNew: false,
+    label: 'QMLPy',
+    isCanBeOpen: true
+},
+{
+    rule: /\.txt$/i,
+    lang: 'text',
+    executable: false,
+    application: null,
+    runType: null,
+    ext: '.txt',
+    scriptType: 'txt',
+    abbr: '',
+    logo: 'fi-txt',
+    color: '#444444',
+    isCanBeNew: false,
+    isCanBeOpen: true
+},
+{
+    rule: /\.log$/i,
+    lang: 'text',
+    executable: false,
+    application: null,
+    runType: null,
+    ext: '.log',
+    scriptType: 'txt',
+    abbr: '',
+    logo: 'fi-log',
+    color: '#444444',
+    isCanBeNew: false,
+    isCanBeOpen: true
+},
+{
+    rule: /\."flowexecution"$/i,
+    lang: 'text',
+    executable: false,
+    application: 'flowexecution',
+    runType: 'json',
+    ext: '.txt',
+    scriptType: 'json',
+    abbr: '',
+    logo: 'fi-workflow',
+    color: '#444444',
+    isCanBeNew: false,
+    isCanBeOpen: true
+},
+{
+    rule: /\."appjoint"$/i,
+    lang: 'text',
+    executable: false,
+    application: 'appjoint',
+    runType: null,
+    ext: '.txt',
+    scriptType: 'json',
+    abbr: '',
+    logo: 'fi-workflow',
+    color: '#444444',
+    isCanBeNew: false,
+    isCanBeOpen: true
+},
+{
+    rule: /\.xls$/i,
+    logo: 'fi-xls',
+    color: '#36AF47',
+    isCanBeNew: false,
+    isCanBeOpen: false
+},
+{
+    rule: /\.xlsx$/i,
+    logo: 'fi-xlsx',
+    color: '#36AF47',
+    isCanBeNew: false,
+    isCanBeOpen: false
+},
+{
+    rule: /\.csv$/i,
+    logo: 'fi-csv',
+    color: '#36AF47',
+    isCanBeNew: false,
+    isCanBeOpen: false
+},
+{
+    rule: /\.jar$/i,
+    logo: 'fi-jar',
+    color: '#E45F3D',
+    isCanBeNew: false,
+    isCanBeOpen: false
+},
+{
+    rule: /\.ngql$/i,
+    lang: 'hql',
+    executable: true,
+    application: 'nebula',
+    runType: 'nebula',
+    ext: '.ngql',
+    scriptType: 'Nebula',
+    abbr: 'nebula',
+    logo: 'fi-txt',
+    color: '#3573A6',
+    isCanBeNew: true,
+    label: 'Nebula',
+    isCanBeOpen: true
+},
+{
+    rule: /(表详情)|(Table\sdetails)/,
+    executable: false,
+    isCanBeOpen: true
+},
+{
+    rule: /(建表向导)|(Table\screation\sguide)/,
+    executable: false,
+    isCanBeOpen: true
+},
+{
+    rule: /(库详情)|(Db\sdetails)/,
+    executable: false,
+    isCanBeOpen: true
+},
+]);
\ No newline at end of file
diff --git a/linkis-web-next/src/common/helper/clickoutside.js b/linkis-web-next/src/common/helper/clickoutside.js
new file mode 100644
index 0000000000..666a642ead
--- /dev/null
+++ b/linkis-web-next/src/common/helper/clickoutside.js
@@ -0,0 +1,42 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+const cache = {};
+let key = 1;
+export default {
+    inserted(el, binding) {
+        el.outsideKey = key++;
+        const self = {};
+        self.documentHandler = (e) => {
+            if (el.contains(e.target)) {
+                return false;
+            }
+            if (binding.value) {
+                binding.value(e);
+            }
+            return true;
+        };
+        cache[el.outsideKey] = self;
+        document.addEventListener('click', self.documentHandler);
+    },
+    unbind(el) {
+        const self = cache[el.outsideKey];
+        document.removeEventListener('click', self.documentHandler);
+        delete cache[el.outsideKey];
+    },
+};
diff --git a/linkis-web-next/src/common/helper/db.js b/linkis-web-next/src/common/helper/db.js
new file mode 100644
index 0000000000..da96429c3f
--- /dev/null
+++ b/linkis-web-next/src/common/helper/db.js
@@ -0,0 +1,208 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import Dexie from 'dexie';
+/**
+ * wrap db operator
+ * @class DB
+ */
+export default class DB {
+    /**
+     * Creates an instance of DB.
+     * @param {*} name
+     * @param {Object} stores
+     * @param {Number} version
+     * @memberof DB
+     */
+    constructor(name, stores, version = 1) {
+        this.db = new Dexie(name);
+        this.db.version(version).stores(stores);
+    }
+
+    /**
+     *
+     * @param {*} stores
+     * @param {*} version
+     * @memberof DB
+     */
+    updateVersion(stores, version) {
+        try {
+            this.db.version(version).stores(stores);
+        } catch (e) {
+            this._errorCatch(e);
+        }
+    }
+
+    /**
+     * wrap put method
+     * If an object with the same primary key already exists,
+     * it will be replaced with the given object.
+     * If it does not exist, it will be added.
+     * @param {String} table
+     * @param {Object | Array} fields
+     * @param {*} id
+     * @memberof DB
+     */
+    async put(table, fields) {
+        const promiseArr = [];
+        if (Array.isArray(fields)) {
+            fields.forEach((item) => {
+                promiseArr.push(this.db[table].put(item));
+            });
+        } else {
+            promiseArr.push(this.db[table].put(fields));
+        }
+        try {
+            return await Promise.all(promiseArr);
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+
+    /**
+     * wrap get method
+     * @param {String} table
+     * @param {Array} keys
+     * @memberof DB
+     */
+    async get(table, keys) {
+        const promiseArr = [];
+        if (Array.isArray(keys)) {
+            keys.forEach((item) => {
+                promiseArr.push(this.db[table].get(item));
+            });
+        } else {
+            promiseArr.push(this.db[table].get(keys));
+        }
+        try {
+            return await Promise.all(promiseArr);
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+
+    /**
+     *
+     * @param {*} table
+     * @param {String | Object} clause
+     * @memberof DB
+     * @return {this}
+     */
+    where(table, clause) {
+        this.whereClause = this.db[table].where(clause);
+        return this;
+    }
+
+    /**
+     *
+     * @param {*} table
+     * @param {*} key
+     * @param {*} changes
+     * @return {updated}
+     * @memberof DB
+     */
+    async update(table, key, changes) {
+        try {
+            return await this.db[table].update(key, changes);
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+
+    /**
+     *
+     * @param {String | Object} clause
+     * @memberof DB
+     * @return {this}
+     */
+    equals(clause) {
+        this.collection = this.whereClause.where(clause);
+        return this;
+    }
+
+    /**
+     *
+     * @param {String | Array} clause
+     * @memberof DB
+     * @return {this}
+     */
+    anyOf(clause) {
+        this.collection = this.whereClause.where(clause);
+        return this;
+    }
+
+    /**
+     *
+     * @param {Function} cb
+     * @memberof DB
+     * @return {Promise}
+     */
+    async first(cb) {
+        try {
+            return await this.collection.first(cb);
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+
+    /**
+     * db or table or collection delete
+     * @memberof DB
+     * @return {Promise}
+     */
+    async delete(...args) {
+        const len = args.length;
+        const table = args[0];
+        const key = args[1];
+        try {
+            if (len === 0) {
+                return await this.collection.delete();
+            } if (len === 2) {
+                return await this.db[table].delete(key);
+            }
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+
+    /**
+     * @param {*} table
+     * @memberof DB
+     * @return {Promise}
+     */
+    async toArray(table) {
+        try {
+            if (table) {
+                this.collection = this.db[table];
+            }
+            return await this.collection.toArray();
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+
+    /**
+     * wrap catch error
+     * @param {*} e
+     * @memberof DB
+     * @return {Promise}
+     */
+    _errorCatch(e) {
+        this.errHandler && this.errHandler(e.message);
+        return Promise.resolve(null);
+    }
+}
diff --git a/linkis-web-next/src/common/helper/elementResizeEvent.js b/linkis-web-next/src/common/helper/elementResizeEvent.js
new file mode 100644
index 0000000000..3e24fd1ba4
--- /dev/null
+++ b/linkis-web-next/src/common/helper/elementResizeEvent.js
@@ -0,0 +1,134 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+const requestFrame = (function() {
+    const raf = window.requestAnimationFrame ||
+      window.mozRequestAnimationFrame ||
+      window.webkitRequestAnimationFrame ||
+      function fallbackRAF(func) {
+          return window.setTimeout(func, 20);
+      };
+    return function requestFrameFunction(func) {
+        return raf(func);
+    };
+})();
+
+const cancelFrame = (function() {
+    const cancel = window.cancelAnimationFrame ||
+      window.mozCancelAnimationFrame ||
+      window.webkitCancelAnimationFrame ||
+      window.clearTimeout;
+    return function cancelFrameFunction(id) {
+        return cancel(id);
+    };
+})();
+
+/**
+ *Monitor size changes(监听大小改变)
+ * @param {*} e
+ */
+function resizeListener(e) {
+    const win = e.target || e.srcElement;
+    if (win.__resizeRAF__) {
+        cancelFrame(win.__resizeRAF__);
+    }
+    win.__resizeRAF__ = requestFrame(() => {
+        const trigger = win.__resizeTrigger__;
+        const listeners = trigger && trigger.__resizeListeners__;
+        if (listeners) {
+            listeners.forEach((fn) => {
+                fn.call(trigger, e);
+            });
+        }
+    });
+}
+
+const bind = function(element, fn) {
+    const {document} = window;
+    const {attachEvent} = document;
+
+    /**
+     *
+     */
+    function objectLoad() {
+        this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__;
+        this.contentDocument.defaultView.addEventListener('resize', resizeListener);
+        this.contentDocument.defaultView.dispatchEvent(new Event('resize'));
+    }
+
+    if (!element.__resizeListeners__) {
+        element.__resizeListeners__ = [];
+        if (attachEvent) {
+            element.__resizeTrigger__ = element;
+            element.attachEvent('onresize', resizeListener);
+        } else {
+            if (getComputedStyle(element).position === 'static') {
+                element.style.position = 'relative';
+            }
+            const obj = (element.__resizeTrigger__ = document.createElement('object'));
+            obj.setAttribute(
+                'style',
+                'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; opacity: 0;'
+            );
+            obj.setAttribute('class', 'resize-sensor');
+            obj.__resizeElement__ = element;
+            obj.onload = objectLoad;
+            obj.type = 'text/html';
+            obj.data = 'about:blank';
+            element.appendChild(obj);
+        }
+    }
+    element.__resizeListeners__.push(fn);
+};
+
+const unbind = function(element, fn) {
+    const {attachEvent} = document;
+    let listeners = element.__resizeListeners__ || [];
+    if (fn) {
+        const index = listeners.indexOf(fn);
+        if (index !== -1) {
+            listeners.splice(index, 1);
+        }
+    } else {
+        listeners = element.__resizeListeners__ = [];
+    }
+    if (!listeners.length) {
+        if (attachEvent) {
+            element.detachEvent('onresize', resizeListener);
+        } else if (element.__resizeTrigger__) {
+            if (element.__resizeTrigger__.contentDocument) {
+                element.__resizeTrigger__.contentDocument.defaultView.removeEventListener(
+                    'resize',
+                    resizeListener
+                );
+                delete element.__resizeTrigger__.contentDocument.defaultView.__resizeTrigger__;
+            }
+            element.__resizeTrigger__ = !element.removeChild(
+                element.__resizeTrigger__
+            );
+        }
+        delete element.__resizeListeners__;
+    }
+};
+
+export default {
+    bind: typeof window === 'undefined' ? bind : bind.bind(window),
+    unbind,
+    requestAnimationFrame: requestFrame,
+    cancelAnimationFrame: cancelFrame
+};
diff --git a/linkis-web-next/src/common/helper/emitter.js b/linkis-web-next/src/common/helper/emitter.js
new file mode 100644
index 0000000000..21aa65b9be
--- /dev/null
+++ b/linkis-web-next/src/common/helper/emitter.js
@@ -0,0 +1,58 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+/**
+ * brocast event to component
+ * @param {*} componentName
+ * @param {*} eventName
+ * @param {*} params
+ */
+function broadcast(componentName, eventName, params) {
+    this.$children.forEach((child) => {
+        const {name} = child.$options;
+
+        if (name === componentName) {
+            child.$emit(...[eventName].concat(params));
+        } else {
+            // todo if params is an empty array, it will be undefined(todo 如果 params 是空数组，接收到的会是 undefined)
+            broadcast.apply(child, [componentName, eventName].concat([params]));
+        }
+    });
+}
+export default {
+    methods: {
+        dispatch(componentName, eventName, params) {
+            let parent = this.$parent || this.$root;
+            let {name} = parent.$options;
+
+            while (parent && (!name || name !== componentName)) {
+                parent = parent.$parent;
+
+                if (parent) {
+                    name = parent.$options.name;
+                }
+            }
+            if (parent) {
+                parent.$emit(...[eventName].concat(params));
+            }
+        },
+        broadcast(componentName, eventName, params) {
+            broadcast.call(this, componentName, eventName, params);
+        },
+    },
+};
diff --git a/linkis-web-next/src/common/helper/eventbus.js b/linkis-web-next/src/common/helper/eventbus.js
new file mode 100644
index 0000000000..9c5391f7df
--- /dev/null
+++ b/linkis-web-next/src/common/helper/eventbus.js
@@ -0,0 +1,112 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+/**
+ *  事件bus
+ */
+class Eventbus {
+    /**
+     * Constructor(构造器)
+     */
+    constructor() {
+        this.storage = {};
+    }
+
+    /**
+     *
+     * @param {*} arr
+     * @param {*} x
+     * @return {Object}
+     */
+    findIndex(arr, x) {
+        return arr.findIndex((item) => item === x);
+    }
+
+    /**
+     * Registration issue(注册事件)
+     * @param {*} name
+     * @param {*} fn
+     * @return {undefined}
+     */
+    on(name, fn) {
+        if (Object.prototype.toString.call(this.storage[name]) === '[object Array]') {
+            this.storage[name].push(fn);
+        } else {
+            this.storage[name] = [fn];
+        }
+    }
+
+    /**
+    * delete event(删除事件)
+    * @param {*} name
+    * @param {*} fn
+    * @return {undefined}
+    */
+    off(name, fn) {
+        if (this.storage[name]) {
+            const i = this.findIndex(this.storage[name], fn);
+            if (i !== -1) this.storage[name].splice(i, 1);
+        }
+    }
+
+    /**
+     * Clear all events of the specified name(清空指定name的所有事件)
+     * @param {*} name
+     * @return {Object}
+     */
+    clear(name) {
+        if (name) {
+            this.storage[name] = [];
+        } else {
+            this.storage = {};
+        }
+        return this.storage;
+    }
+
+    /**
+     * trigger event(触发事件)
+     * @param {*} name
+     * @param {*} payload  parameter(参数)
+     * @param {*} cb     Callback( 回调函数)
+     * @return {undefined}
+     */
+    emit(name, payload, cb) {
+        const fns = this.storage[name];
+        if (fns) {
+            if (fns.length > 1) {
+                const arr = [];
+                this.storage[name].forEach((f) => {
+                    arr.push(Promise.resolve(f(payload, cb)));
+                });
+                return Promise.all(arr);
+            } if (fns.length === 1) {
+                return Promise.resolve(fns[0](payload, cb));
+            }
+        }
+    }
+}
+
+const eventbus = new Eventbus();
+
+
+export {
+    eventbus as
+    default,
+    eventbus,
+    Eventbus,
+};
diff --git a/linkis-web-next/src/common/helper/fesx.js b/linkis-web-next/src/common/helper/fesx.js
new file mode 100644
index 0000000000..6ff9904289
--- /dev/null
+++ b/linkis-web-next/src/common/helper/fesx.js
@@ -0,0 +1,108 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+/**
+ * global state management(全局状态管理)
+ */
+import Vue from 'vue';
+import util from '../util';
+// import storage from './storage';
+// import util from '../util';
+
+/**
+ * state management container(状态管理容器)
+ */
+class Fesx {
+    /**
+     * Constructor(构造器)
+     * @param {*} name
+     * @param {Object} data
+     */
+    constructor(name, data) {
+        Object.defineProperty(this, 'name', {
+            value: name,
+            enumerable: false,
+        });
+        Object.defineProperty(this, 'pre', {
+            value: `FesFesx_${  this.name  }_`,
+            enumerable: false,
+        });
+        if (util.isPlainObject(data)) {
+            for (const p in data) {
+                if (Object.prototype.hasOwnProperty.call(data, p)) {
+                    Vue.set(this, p, data[p]);
+                }
+            }
+        }
+    // let keys = Object.keys(sessionStorage)
+    // let len = keys.length
+    // for (let i = 0; i < len; i++) {
+    //     let key = keys[i];
+    //     if (key.indexOf(this.pre) === 0) {
+    //         Vue.set(this, key.slice(this.pre.length), storage.get(key));
+    //     }
+    // }
+    }
+
+    /**
+     * Get the corresponding state according to the prop(根据prop拿到对应的状态)
+     * @param {*} prop
+     * @return {*}
+     */
+    get(prop) {
+    // if (!this[prop]) {
+    //     this.set(prop, storage.get(this.pre + prop))
+    // }
+        return this[prop];
+    }
+
+    /**
+     * Get the corresponding state according to the prop(根据prop拿到对应的状态)
+     * @param {*} prop
+     * @param {*} value
+     * @return {*}
+     */
+    set(prop, value) {
+        Vue.set(this, prop, value);
+        // if (!util.isFunction(value)) {
+        //     storage.set(this.pre + prop, value);
+        // }
+        return this;
+    }
+
+    /**
+     * empty the current container(清空当前容器)
+     */
+    clear() {
+        for (const p in this) {
+            if (Object.prototype.hasOwnProperty.call(this, p)) {
+                Vue.set(this, p, undefined);
+            }
+        }
+    // let keys = Object.keys(sessionStorage)
+    // let len = keys.length
+    // for (let i = 0; i < len; i++) {
+    //     let key = keys[i];
+    //     if (key.indexOf(this.pre) === 0) {
+    //         storage.remove(key);
+    //     }
+    // }
+    }
+}
+
+export default Fesx;
diff --git a/linkis-web-next/src/common/helper/storage.js b/linkis-web-next/src/common/helper/storage.js
new file mode 100644
index 0000000000..aeb40916df
--- /dev/null
+++ b/linkis-web-next/src/common/helper/storage.js
@@ -0,0 +1,229 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+/* \
+|*|
+|*|  :: cookies.js ::
+|*|
+|*|  A complete cookies reader/writer framework with full unicode support.
+|*|
+|*|  https://developer.mozilla.org/en-US/docs/DOM/document.cookie
+|*|
+|*|  This framework is released under the GNU Public License, version 3 or later.
+|*|  http://www.gnu.org/licenses/gpl-3.0-standalone.html
+|*|
+|*|  Syntaxes:
+|*|
+|*|  * docCookies.setItem(name, value[, end[, path[, domain[, secure]]]])
+|*|  * docCookies.getItem(name)
+|*|  * docCookies.removeItem(name[, path], domain)
+|*|  * docCookies.hasItem(name)
+|*|  * docCookies.keys()
+|*|
+\ */
+
+const docCookies = {
+    getItem(sKey) {
+        return (
+            decodeURIComponent(
+                document.cookie.replace(
+                    new RegExp(
+                        `(?:(?:^|.*;)\\s*${encodeURIComponent(sKey).replace(
+                            /[\-\.\+\*]/g,
+                            '\\$&',
+                        )}\\s*\\=\\s*([^;]*).*$)|^.*$`,
+                    ),
+                    '$1',
+                ),
+            ) || null
+        );
+    },
+    setItem(sKey, sValue, vEnd, sPath, sDomain, bSecure) {
+        if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) {
+            return false;
+        }
+        let sExpires = '';
+        if (vEnd) {
+            switch (vEnd.constructor) {
+            case Number:
+                sExpires =
+                        vEnd === Infinity
+                            ? '; expires=Fri, 31 Dec 9999 23:59:59 GMT'
+                            : `; max-age=${vEnd}`;
+                break;
+            case String:
+                sExpires = `; expires=${vEnd}`;
+                break;
+            case Date:
+                sExpires = `; expires=${vEnd.toUTCString()}`;
+                break;
+            }
+        }
+        document.cookie = `${encodeURIComponent(sKey)}=${encodeURIComponent(
+            sValue,
+        )}${sExpires}${sDomain ? `; domain=${sDomain}` : ''}${
+            sPath ? `; path=${sPath}` : ''
+        }${bSecure ? '; secure' : ''}`;
+        return true;
+    },
+    removeItem(sKey, sPath, sDomain) {
+        if (!sKey || !this.hasItem(sKey)) {
+            return false;
+        }
+        document.cookie = `${encodeURIComponent(
+            sKey,
+        )}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${
+            sDomain ? `; domain=${sDomain}` : ''
+        }${sPath ? `; path=${sPath}` : ''}`;
+        return true;
+    },
+    hasItem(sKey) {
+        return new RegExp(
+            `(?:^|;\\s*)${encodeURIComponent(sKey).replace(
+                /[\-\.\+\*]/g,
+                '\\$&',
+            )}\\s*\\=`,
+        ).test(document.cookie);
+    },
+    keys: /* optional method: you can safely remove it! */ function () {
+        const aKeys = document.cookie
+            .replace(
+                /((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g,
+                '',
+            )
+            .split(/\s*(?:\=[^;]*)?;\s*/);
+        for (let nIdx = 0; nIdx < aKeys.length; nIdx++) {
+            aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]);
+        }
+        return aKeys;
+    },
+};
+
+/**
+ * 操作cookie、sessionStorage、localStorage、缓存
+ */
+
+const SESSION = 'session';
+
+const LOCAL = 'local';
+
+const COOKIE = 'cookie';
+
+export default {
+    set(key, value, category = SESSION, expired) {
+        const { storage, isWebStorage = true } = this._map(category);
+
+        if (isWebStorage) {
+            storageManager.set(key, value, storage);
+        } else {
+            cookieManager.set(key, value, expired);
+        }
+    },
+    get(key, category = SESSION) {
+        const { storage, isWebStorage = true } = this._map(category);
+
+        if (isWebStorage) {
+            return storageManager.get(key, storage);
+        }
+        return cookieManager.get(key);
+    },
+    clear(category = SESSION) {
+        const { storage, isWebStorage = true } = this._map(category);
+
+        if (isWebStorage) {
+            storageManager.clear(storage);
+        } else {
+            cookieManager.clear();
+        }
+    },
+    remove(key, category = SESSION) {
+        const { storage, isWebStorage = true } = this._map(category);
+
+        if (isWebStorage) {
+            storageManager.remove(key, storage);
+        } else {
+            cookieManager.remove(key);
+        }
+    },
+    _map(category) {
+        let isWebStorage = true;
+        let storage;
+
+        switch (true) {
+        case category === SESSION:
+            storage = 'sessionStorage';
+            break;
+        case category === LOCAL:
+            storage = 'localStorage';
+            break;
+        case category === COOKIE:
+            storage = 'cookie';
+            isWebStorage = false;
+            break;
+        default:
+            storage = 'sessionStorage';
+        }
+
+        return { isWebStorage, storage };
+    },
+};
+
+const isProd = process.env.NODE_ENV === 'production';
+
+export const storageManager = {
+    set(key, value, storage) {
+        try {
+            window[storage].setItem(key, JSON.stringify(value));
+        } catch (e) {
+            !isProd && window.console.error(e);
+        }
+    },
+    get(key, storage) {
+        try {
+            if (window[storage].getItem(key)) {
+                return JSON.parse(window[storage].getItem(key));
+            }
+            return window[storage].getItem(key);
+        } catch (e) {
+            !isProd && window.console.error(e, key);
+        }
+    },
+    clear(storage) {
+        window[storage].clear();
+    },
+    remove(key, storage) {
+        window[storage].removeItem(key);
+    },
+};
+
+export const cookieManager = {
+    set(key, value, expired) {
+        if (expired) docCookies.setItem(key, value, expired);
+        else docCookies.setItem(key, value);
+    },
+    get(key) {
+        return docCookies.getItem(key);
+    },
+    clear() {
+        docCookies.keys().forEach((key) => {
+            docCookies.removeItem(key);
+        });
+    },
+    remove(key) {
+        docCookies.removeItem(key);
+    },
+};
diff --git a/linkis-web-next/src/common/scriptis/module/webSocket/index.js b/linkis-web-next/src/common/scriptis/module/webSocket/index.js
new file mode 100644
index 0000000000..9cd35c96ca
--- /dev/null
+++ b/linkis-web-next/src/common/scriptis/module/webSocket/index.js
@@ -0,0 +1,145 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+// a web app only has a socket
+import Socket from '@/common/service/socket';
+
+const manager = {
+    timer: null,
+    socket: null,
+    interval: 100,
+    retryInterval: 1000,
+    retryTimer: null,
+    retryCounter: 3,
+    errCode: 0,
+    delayCounter: 0,
+};
+const module = {
+    name: 'WebSocket',
+    events: [],
+    dispatchs: ['Workbench:socket'],
+    methods: {
+        init() {
+            if (manager.socket) {
+                if (manager.socket.readyState === 3) {
+                    manager.retryCounter = 3;
+                    return module.methods.reconnect();
+                }
+                return;
+            }
+            manager.socket = new Socket({
+                url: `ws://${process.env.VUE_APP_HOST || window.location.host}${process.env.VUE_APP_MN_CONFIG_SOCKET}`,
+                errHandler: () => {
+                    // window.$Wa.log(JSON.stringify(e));
+                },
+            });
+            manager.socket.on('inconnect', () => {
+                module.methods.downgrade();
+                window.console.warn('socket连接失败，后续请求将使用http');
+            });
+            manager.socket.on('close', (e) => {
+                module.methods.clearTimer();
+                manager.errCode = e.code;
+                if (e.code != 1001 && e.code != 1005) {
+                    manager.retryTimer = setTimeout(() => {
+                        module.methods.reconnect(null, e.code);
+                    }, manager.retryInterval);
+                } else {
+                    manager.retryCounter = 3;
+                }
+            });
+            manager.socket.on('data', (data) => {
+                module.dispatch('Workbench:socket', {
+                    type: 'data',
+                    data,
+                });
+            });
+            manager.socket.on('dataError', (data) => {
+                module.dispatch('Workbench:socket', {
+                    type: 'dataError',
+                    data,
+                });
+            });
+        },
+        close() {
+            manager.socket && manager.socket.close(1000);
+        },
+        send(data) {
+            // handle socket disconnect while
+            if (!manager.socket) {
+                module.methods.downgrade(data);
+                // handle idle, socket will not connect immediately insteads while sending data
+            } else if (manager.socket.readyState === 0) {
+                module.methods.delaySend(data);
+            } else if (manager.socket.readyState === 1) {
+                manager.socket.send(data);
+            } else if (manager.errCode === 1001) {
+                module.methods.reconnect(data, 1001);
+                module.methods.reSend(data);
+            } else {
+                window.console.warn(`socket readystate${manager.socket.readyState}：本次请求将使用http`);
+                module.methods.downgrade(data);
+            }
+        },
+        delaySend(data) {
+            if (manager.delayCounter > 10) {
+                manager.delayCounter = 0;
+                window.console.warn('socket readystate重试多次不为open：本次请求将使用http');
+                return module.methods.downgrade(data);
+            }
+            module.methods.reSend(data);
+            manager.delayCounter++;
+        },
+        downgrade(data) {
+            if (data) {
+                module.methods.clearResendTimer();
+            }
+            module.methods.clearTimer();
+            manager.retryCounter = 1;
+            module.dispatch('Workbench:socket', {
+                type: 'downgrade',
+                data,
+            });
+        },
+        reconnect(data = null, code) {
+            module.methods.clearTimer();
+            if (--manager.retryCounter > 0) {
+                manager.socket.reconnect(data);
+            } else {
+                module.methods.downgrade(data);
+                window.console.warn(`错误码${code}：本次请求将使用http`);
+            }
+        },
+        reSend(data) {
+            module.methods.clearResendTimer();
+            manager.timer = setTimeout(() => {
+                module.methods.send(data);
+            }, manager.interval);
+        },
+        clearTimer() {
+            clearTimeout(manager.retryTimer);
+        },
+        clearResendTimer() {
+            clearTimeout(manager.timer);
+        },
+    },
+}
+;
+// Close the socket first and register(先关socket全局注册)
+// export default module;
+export default { name: 'WebSocket' };
diff --git a/linkis-web-next/src/common/scriptis/service/db/globalcache.js b/linkis-web-next/src/common/scriptis/service/db/globalcache.js
new file mode 100644
index 0000000000..f04fc7f9dc
--- /dev/null
+++ b/linkis-web-next/src/common/scriptis/service/db/globalcache.js
@@ -0,0 +1,104 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import { isNil, remove } from 'lodash';
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class Globalcache
+ * @extends {Basic}
+ */
+class Globalcache extends Basic {
+    /**
+     *Creates an instance of Globalcache.
+     * @param {*} table
+     * @param {*} db
+     * @memberof Globalcache
+     */
+    constructor(table) {
+        super(table);
+    }
+
+    /**
+     * @param {*} args
+     * @return {*}
+     */
+    async setCache(args) {
+        const cache = await this.getCache(args.key);
+        let cacheToUpdate = args;
+        if (!isNil(cache)) {
+            cacheToUpdate = { _id: cache._id, ...cacheToUpdate };
+        }
+        return this.add(cacheToUpdate);
+    }
+
+    /**
+     * @param {*} key
+     * @return {*}
+     */
+    async getCache(key) {
+        const caches = (await this.get(key)) || [];
+        return caches[0];
+    }
+
+    /**
+     * @param {*} args
+     * @return {*}
+     */
+    async removeCache(args) {
+        const cache = await this.getCache(args.id);
+        let tabList = [];
+        if (!isNil(cache)) {
+            tabList = cache.tabList;
+            remove(tabList, (n) => n === args.tabId);
+        }
+        return this.update(args.id, { key: args.id, tabList });
+    }
+
+    /**
+     * @param {*} args
+     * @return {*}
+     */
+    async updateCache(args) {
+        if (args.work) {
+            const cache = await this.getCache(args.id);
+            const {id} = args.work;
+            let tabList = [];
+            if (!isNil(cache)) {
+                tabList = cache.tabList;
+                if (cache.tabList.indexOf(id) === -1) {
+                    tabList.push(id);
+                }
+            } else {
+                tabList.push(id);
+            }
+            return this.update(args.id, { key: args.id, tabList });
+        }
+        if (args.fnList) {
+            this.update(args.id, { key: args.id, fnList: args.fnList });
+        }
+        if (args.variableList) {
+            this.update(args.id, {
+                key: args.id,
+                variableList: args.variableList,
+            });
+        }
+        
+    }
+}
+const globalcache = new Globalcache('globalCache');
+
+export default globalcache;
diff --git a/linkis-web-next/src/common/scriptis/service/db/history.js b/linkis-web-next/src/common/scriptis/service/db/history.js
new file mode 100644
index 0000000000..97feeece62
--- /dev/null
+++ b/linkis-web-next/src/common/scriptis/service/db/history.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class History
+ * @extends {Basic}
+ */
+class History extends Basic {
+    /**
+     *Creates an instance of History.
+     * @param {*} table
+     * @memberof History
+     */
+    constructor(table) {
+        super(table);
+    }
+}
+const history = new History('history');
+
+export default history;
diff --git a/linkis-web-next/src/common/scriptis/service/db/log.js b/linkis-web-next/src/common/scriptis/service/db/log.js
new file mode 100644
index 0000000000..41c11a7f23
--- /dev/null
+++ b/linkis-web-next/src/common/scriptis/service/db/log.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class Log
+ * @extends {Basic}
+ */
+class Log extends Basic {
+    /**
+     *Creates an instance of Log.
+     * @param {*} table
+     * @memberof Log
+     */
+    constructor(table) {
+        super(table);
+    }
+}
+const log = new Log('log');
+
+export default log;
diff --git a/linkis-web-next/src/common/scriptis/service/db/progress.js b/linkis-web-next/src/common/scriptis/service/db/progress.js
new file mode 100644
index 0000000000..84013ab296
--- /dev/null
+++ b/linkis-web-next/src/common/scriptis/service/db/progress.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class progress
+ * @extends {Basic}
+ */
+class Progress extends Basic {
+    /**
+     *Creates an instance of progress.
+     * @param {*} table
+     * @memberof progress
+     */
+    constructor(table) {
+        super(table);
+    }
+}
+const progress = new Progress('progress');
+
+export default progress;
diff --git a/linkis-web-next/src/common/scriptis/service/db/result.js b/linkis-web-next/src/common/scriptis/service/db/result.js
new file mode 100644
index 0000000000..571f4c4943
--- /dev/null
+++ b/linkis-web-next/src/common/scriptis/service/db/result.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class Result
+ * @extends {Basic}
+ */
+class Result extends Basic {
+    /**
+     *Creates an instance of Result.
+     * @param {*} table
+     * @memberof Result
+     */
+    constructor(table) {
+        super(table);
+    }
+}
+const result = new Result('result');
+
+export default result;
diff --git a/linkis-web-next/src/common/scriptis/service/db/tab.js b/linkis-web-next/src/common/scriptis/service/db/tab.js
new file mode 100644
index 0000000000..c8667c9160
--- /dev/null
+++ b/linkis-web-next/src/common/scriptis/service/db/tab.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class Tab
+ * @extends {Basic}
+ */
+class Tab extends Basic {
+    /**
+     *Creates an instance of Tab.
+     * @param {*} table
+     * @memberof Tab
+     */
+    constructor(table) {
+        super(table);
+    }
+}
+const tab = new Tab('tab');
+
+export default tab;
diff --git a/linkis-web-next/src/common/scriptis/service/db/tree.js b/linkis-web-next/src/common/scriptis/service/db/tree.js
new file mode 100644
index 0000000000..314d32c43d
--- /dev/null
+++ b/linkis-web-next/src/common/scriptis/service/db/tree.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class Tab
+ * @extends {Basic}
+ */
+class Tree extends Basic {
+    /**
+     *Creates an instance of Tab.
+     * @param {*} table
+     * @memberof Tree
+     */
+    constructor(table) {
+        super(table);
+    }
+}
+const tree = new Tree('tree');
+
+export default tree;
diff --git a/linkis-web-next/src/common/service/api.js b/linkis-web-next/src/common/service/api.js
new file mode 100644
index 0000000000..02f5c1473a
--- /dev/null
+++ b/linkis-web-next/src/common/service/api.js
@@ -0,0 +1,331 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+/**
+ * Manipulate APIs(操作Api)
+ */
+import axios from 'axios';
+import { Message } from 'iview';
+import util from '@/common/util';
+import cache from './apiCache';
+import i18n from '../../common/i18n';
+
+// what an array is used to store the cancel function and id for each request(什么一个数组用于存储每个请求的取消函数和标识)
+const pending = [];
+let cancelConfig = null;
+const {CancelToken} = axios;
+const removePending = (config) => {
+    for (let p = 0; p < pending.length; p++) {
+        const params = JSON.stringify(config.params);
+        // Cancel if it exists(如果存在则执行取消操作)
+        if (pending[p].u === `${config.url  }&${  config.method  }&${  params}`) {
+            // pending[p].f();// perform cancellation(执行取消操作)
+            pending.splice(p, 1);// remove record(移除记录)
+        }
+    }
+};
+
+const cutReq = (config) => {
+    for (let p = 0; p < pending.length; p++) {
+        const params = JSON.stringify(config.params);
+        if (pending[p].u === `${config.url  }&${  config.method  }&${  params}`) {
+            return true;
+        }
+    }
+};
+
+const instance = axios.create({
+    baseURL: process.env.VUE_APP_MN_CONFIG_PREFIX || `${window.location.protocol}//${window.location.host}/api/rest_j/v1/`,
+    timeout: 600000,
+    withCredentials: true,
+    headers: { 'Content-Type': 'application/json;charset=UTF-8' },
+});
+
+instance.interceptors.request.use((config) => {
+    // Add internationalization parameters(增加国际化参数)
+    config.headers['Content-language'] = localStorage.getItem('locale') || 'zh-CN';
+    const flag = cutReq(config);
+    // The second same request cannot be made when the last same request is not completed(当上一次相同请求未完成时，无法进行第二次相同请求)
+    if (flag === true) {
+        removePending(config);
+        return config;
+    } 
+    const params = JSON.stringify(config.params);
+    // It is used to remove when there is an error in the normal request(用于正常请求出现错误时移除)
+    cancelConfig = config;
+    config.cancelToken = new CancelToken((c) => {
+        // Add identity and cancel functions(添加标识和取消函数)
+        pending.push({
+            u: `${config.url  }&${  config.method  }&${  params}`,
+            f: c,
+        });
+    });
+    return config;
+  
+}, (error) => {
+    Promise.reject(error);
+});
+
+instance.interceptors.response.use((response) => {
+    // Perform the cancellation operation after an ajax response is successful, and remove the completed request from the pending(在一个ajax响应成功后再执行取消操作，把已完成的请求从pending中移除)
+    removePending(response.config);
+    return response;
+}, (error) => {
+    // Judgment when an interface exception or timeout occurs(出现接口异常或者超时时的判断)
+    if ((error.message && error.message.indexOf('timeout') >= 0) || (error.request && error.request.status !== 200)) {
+        for (const p in pending) {
+            if (pending[p].u === `${cancelConfig.url  }&${  cancelConfig.method  }&${  JSON.stringify(cancelConfig.params)}`) {
+                pending.splice(p, 1);// remove record(移除记录)
+            }
+        }
+        // The error information returned by the background is returned first, followed by the interface return(优先返回后台返回的错误信息，其次是接口返回)
+        return error.response || error;
+    } if (axios.Cancel) {
+    // If it is in pengding state, a prompt will pop up!(如果是pengding状态，弹出提示！)
+        return {
+            // data: { message: 'Interface requesting! please wait……' }(data: { message: '接口请求中！请稍后……' })
+        };
+    } 
+    return error;
+  
+});
+
+const api = {
+    instance,
+    error: {
+        '-1': function (res) {
+            if (res.data && res.data.enableSSO && res.data.SSOURL) {
+                return window.location.replace(res.data.SSOURL);
+            }
+
+            const isLoginPath = window.location.hash == '#/login';
+            if (!isLoginPath) {
+                window.location.hash = '#/login';
+                throw new Error('您尚未登录，请先登录!');
+            }
+        },
+    },
+    constructionOfResponse: {
+        codePath: 'status',
+        successCode: '0',
+        messagePath: 'message',
+        resultPath: 'data'
+    },
+};
+
+const getData = function (data) {
+    const _arr = ['codePath', 'messagePath', 'resultPath'];
+    const res = {};
+    _arr.forEach((item) => {
+        const pathArray = api.constructionOfResponse[item].split('.');
+        let result = pathArray.length === 1 && pathArray[0] === '*' ? data : data[pathArray[0]];
+        for (let j = 1; j < pathArray.length; j++) {
+            result = result[pathArray[j]];
+            if (!result) {
+                if (j < pathArray.length - 1) {
+                    window.console.error(`【FEX】ConstructionOfResponse配置错误：${item}拿到的值是undefined，请检查配置`);
+                }
+                break;
+            }
+        }
+        res[item] = result;
+    });
+    return res;
+};
+
+const success = function (response) {
+    if (util.isNull(api.constructionOfResponse.codePath) || util.isNull(api.constructionOfResponse.successCode) ||
+        util.isNull(api.constructionOfResponse.messagePath) || util.isNull(api.constructionOfResponse.resultPath)) {
+        window.console.error('【FEX】Api配置错误: 请调用setConstructionOfResponse来设置API的响应结构');
+        return;
+    }
+    let data;
+    if (response) {
+        const linkis_errorMsgTip = (sessionStorage.getItem('linkis.errorMsgTip') || '').replace(/%s/g, response.config.url);
+        if (util.isString(response.data)) {
+            data = JSON.parse(response.data);
+        } else if (util.isObject(response.data)) {
+            data = response.data;
+        } else {
+            throw new Error(linkis_errorMsgTip || i18n.t('message.common.exceptionTips'));
+        }
+        const res = getData(data);
+        const code = res.codePath;
+        const message = res.messagePath;
+        const result = res.resultPath;
+        const errorMsgTip = result ? result.errorMsgTip : '';
+        if (errorMsgTip) {
+            sessionStorage.setItem('linkis.errorMsgTip', errorMsgTip);
+        }
+        if (code != api.constructionOfResponse.successCode) {
+            if (api.error[code]) {
+                api.error[code](response);
+                throw new Error('');
+            } else {
+                throw new Error(message || linkis_errorMsgTip || i18n.t('message.common.exceptionTips'));
+            }
+        }
+        if (result) {
+            let len = 0;
+            const hasBigData = Object.values(result).some(item => {
+                if (Array.isArray(item)) {
+                    len = item.length > len ? item.length : len;
+                    return len > 200;
+                }
+            });
+            if (hasBigData) {
+                window.console.log(response.data, '潜在性能问题大数据量', len);
+            }
+        }
+
+        return result || {};
+    }
+};
+
+const fail = function (error) {
+    let _message = '';
+    const {response} = error;
+    if (response && api.error[response.status]) {
+        api.error[response.status].forEach((fn) => fn(response));
+    } else {
+        _message = i18n.t('message.common.exceptionTips');
+        if (response && response.config) _message = (sessionStorage.getItem('linkis.errorMsgTip') || '').replace(/%s/g, response.config.url) || i18n.t('message.common.exceptionTips');
+        if (response && response.data) {
+            let data;
+            if (util.isString(response.data)) {
+                data = JSON.parse(response.data);
+            } else if (util.isObject(response.data)) {
+                data = response.data;
+            }
+            if (data) {
+                const res = getData(data);
+                _message = res.messagePath;
+            }
+        }
+    }
+    error.message = _message;
+    throw error;
+};
+
+const param = function (url, data, option) {
+    const method = 'post';
+    if (util.isNull(url)) {
+        return window.console.error('请传入URL');
+    } if (!util.isNull(url) && util.isNull(data) && util.isNull(option)) {
+        option = {
+            method,
+        };
+    } else if (!util.isNull(url) && !util.isNull(data) && util.isNull(option)) {
+        option = {
+            method,
+        };
+        if (util.isString(data)) {
+            option.method = data;
+        } else if (util.isObject(data)) {
+            option.data = data;
+        }
+    } else if (!util.isNull(url) && !util.isNull(data) && !util.isNull(option)) {
+        if (!util.isObject(data)) {
+            data = {};
+        }
+        if (util.isString(option)) {
+            option = {
+                method: option,
+            };
+        } else if (util.isObject(option)) {
+            option.method = option.method || method;
+        } else {
+            option = {
+                method,
+            };
+        }
+        if (option.method == 'get' || option.method == 'delete' || option.method == 'head' || option.method == 'options') {
+            option.params = data;
+        }
+        if (option.method == 'post' || option.method == 'put' || option.method == 'patch') {
+            option.data = data;
+        }
+    }
+    // cacheOptions interface data cache {time} When the time is 0, the data cached in the memory will not be cleaned up after the request(cacheOptions接口数据缓存 {time} time为0则请求之后缓存在内存里的数据不清理)
+    if (option.cacheOptions) {
+        option.adapter = cache(option.cacheOptions);
+    }
+    option.url = url;
+
+    return instance.request(option);
+};
+
+const action = function (url, data, option) {
+    return param(url, data, option)
+        .then(success, fail)
+        .then((response) => response)
+        .catch((error) => {
+            if (error.message) {
+                const urlReg = /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?/g;
+                const result = error.message.match(urlReg);
+                result ? Message.error({
+                    duration: 3,
+                    render: h => {
+                        const context = error.message.split(result[0]);
+                        return h('span', [
+                            context[0],
+                            h('a', {
+                                domProps: {
+                                    href: result[0],
+                                    target: '_blank'
+                                },
+                            }, result[0]),
+                            context[1],
+                        ]);
+                    }
+                }) : Message.error({
+                    duration: 1.5,
+                    content: error.message
+                });
+            }
+            throw error;
+        });
+};
+
+api.fetch = action;
+
+api.option = function (option) {
+    if (option.root) {
+        instance.defaults.baseURL = option.root;
+    }
+    if (option.timeout && util.isNumber(option.timeout)) {
+        instance.defaults.timeout = option.timeout;
+    }
+    if (option.config && util.isObject(option.config)) {
+        Object.keys(option.config).forEach((key) => {
+            instance.defaults[key] = option.config[key];
+        });
+    }
+};
+
+api.setError = function (option) {
+    if (option && util.isObject(option)) {
+        util.merge(api.error, option);
+    }
+};
+
+api.setResponse = function (constructionOfResponse) {
+    this.constructionOfResponse = constructionOfResponse;
+};
+
+export default api;
diff --git a/linkis-web-next/src/common/service/apiCache.js b/linkis-web-next/src/common/service/apiCache.js
new file mode 100644
index 0000000000..2263e7a01f
--- /dev/null
+++ b/linkis-web-next/src/common/service/apiCache.js
@@ -0,0 +1,76 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import axios from 'axios';
+
+// data storage(数据存储)
+export const cache = {
+    data: {},
+    set(key, data) {
+        this.data[key] = data;
+    },
+    get(key) {
+        return this.data[key];
+    },
+    clear(key) {
+        delete this.data[key];
+    }
+};
+
+// Create a unique key value(建立唯一的key值)
+export const buildUniqueUrl = (url, method, params = {}, data = {}) => {
+    const paramStr = (obj) => {
+        if (toString.call(obj) === '[object Object]') {
+            return JSON.stringify(Object.keys(obj).sort().reduce((result, key) => {
+                result[key] = obj[key];
+                return result;
+            }, {}));
+        } 
+        return JSON.stringify(obj);
+    
+    };
+    url += `?${paramStr(params)}&${paramStr(data)}&${method}`;
+    return url;
+};
+
+// prevent duplicate requests(防止重复请求)
+export default (options = {}) => async config => {
+    const defaultOptions = {
+        time: 0, // Set to 0, do not clear the cache(设置为0，不清除缓存)
+        ...options
+    };
+    const index = buildUniqueUrl(config.url, config.method, config.params, config.data);
+    let responsePromise = cache.get(index);
+    if (!responsePromise) {
+        responsePromise = (async () => {
+            try {
+                const response = await axios.defaults.adapter(config);
+                return Promise.resolve(response);
+            } catch (reason) {
+                cache.clear(index);
+                return Promise.reject(reason);
+            }
+        })();
+        cache.set(index, responsePromise);
+        if (defaultOptions.time !== 0) {
+            setTimeout(() => {
+                cache.clear(index);
+            }, defaultOptions.time);
+        }
+    }
+    return responsePromise.then(data => JSON.parse(JSON.stringify(data))); // To prevent data source pollution(为防止数据源污染)
+};
diff --git a/linkis-web-next/src/common/service/db/index.js b/linkis-web-next/src/common/service/db/index.js
new file mode 100644
index 0000000000..57094e1173
--- /dev/null
+++ b/linkis-web-next/src/common/service/db/index.js
@@ -0,0 +1,99 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import DB from '@/common/helper/db.js';
+import { config } from '@/common/config/db.js';
+// To update the schema please use db.updateVersion(stores, version)(更新schema请用db.updateVersion(stores, version))
+const db = new DB('bdp-ide', config.stores, config.version);
+// To change the primary key, you must delete the original store before it can be updated. For other non-primary key modifications, call updateVersion directly.(更改主键要先删掉原来的store才能更新，其他非主键修改直接调用updateVersion)
+// db.updateVersion(Object.assign({}, config.stores), config.version + 1);
+/**
+ * @class basic
+ */
+class Basic {
+    /**
+     *Creates an instance of basic.
+     * @memberof basic
+     * @param {*} table
+     */
+    constructor(table) {
+        this.table = table;
+    }
+
+    /**
+     * @param {Tab} tab
+     * @param {*} id
+     * @memberof Tab
+     * @return {promise}
+     */
+    add(tab) {
+        return db.put(this.table, tab);
+    }
+
+    /**
+     * @param {string}key
+     * @return {promise} tabList or query tab by key
+     * @memberof Tab
+     */
+    get(key) {
+        if (key) {
+            return db.get(this.table, key);
+        }
+        return db.toArray(this.table);
+    }
+
+    /**
+     *
+     *
+     * @param {*} key
+     * @return {promise}
+     * @memberof basic
+     */
+    remove(key) {
+        return db.delete(this.table, key);
+    }
+
+    /**
+     * @param {*} key
+     * @param {*} changes
+     * @return {*}
+     */
+    update(key, changes) {
+        return db.update(this.table, key, changes);
+    }
+
+    /**
+     *
+     * @param {*} oldKey
+     * @param {*} newKey
+     */
+    async modifyPrimaryKey(oldKey, newKey) {
+        let object = await db.get(this.table, oldKey);
+        if (object && object[0]) {
+            await db.delete(this.table, oldKey);
+            if (this.table === 'tab') {
+                object[0].id = newKey;
+                object = Object.assign(object, { id: newKey });
+            } else {
+                object[0].tabId = newKey;
+                object = Object.assign(object, { tabId: newKey });
+            }
+            return db.put(this.table, object);
+        }
+    }
+}
+export { db, Basic };
diff --git a/linkis-web-next/src/common/service/execute.js b/linkis-web-next/src/common/service/execute.js
new file mode 100644
index 0000000000..adbebfb370
--- /dev/null
+++ b/linkis-web-next/src/common/service/execute.js
@@ -0,0 +1,675 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+import api from '@/common/service/api';
+import router from '@/router';
+import storage from '@/common/helper/storage';
+import Vue from 'vue';
+import axios from 'axios';
+import { Message } from 'iview';
+import i18n from '@/common/i18n';
+
+/**
+ * Provide script running related methods, including execution methods, status polling, log reception, and obtaining results, etc.(提供脚本运行相关方法，包括执行方法，状态轮询，日志接收，获取结果等)
+ * * 1. By default, socket communication is used. If the socket connection fails, the http method is used.(默认使用socket方式通信，若socket连接失败则使用http方式)
+ * * 2. Click Execute to call the start method, and enter the executing state after receiving the taskID(点击执行调用start方法，收到taskID后进入执行中状态)
+ * * 3.The task in execution closes the script tab, and needs to restore the state when reopening(执行中任务关闭脚本tab，重新打开时需要恢复状态)
+ * * 4.After the task socket is downgraded to http, call queryStatus to poll the progress, log(执行中任务socket降级http之后调用queryStatus轮询进度，日志)
+ * ! 5.This method is a public method that is reused during script execution and workflow node execution.(本方法是script执行、工作流节点执行时复用的公共方法)
+ * @param { Object } data 待执行脚本信息
+ */
+function Execute(data) {
+    this.executeTimout = null;
+    this.statusTimeout = null;
+    this.diagnosisTimeout = null;
+    this.diagnosisTimer = 300;
+    this.beginTime = Date.now();
+    this.progress = 0;
+    this.id = null;
+    this.status = null;
+    // Only used by the /api/jobhistory/${id}/get interface(仅/api/jobhistory/${id}/get接口使用)
+    this.taskID = null;
+    this.postType = process.env.NODE_ENV === 'sandbox' ? 'http' : (data.data.postType || 'socket');
+    delete data.data.postType;
+    this.data = data;
+    this.executionCode = null;
+    this.model = 'normal';
+    this.fromLine = data.fromLine || 1;
+    this.runType = data.data.runType;
+    this.event = new Vue();
+    this.run = false;
+    // Store the relevant information of the result set, use the log and result path inside(存储结果集的相关信息，用到里面的日志和结果路径)
+    this.resultsetInfo = null;
+    // Stores all information in the result set directory, which can be used to get a single result set(存储结果集目录下的所有信息，可用于拿到单个结果集)
+    this.resultList = [];
+    // the path of the current result set(当前结果集的path)
+    this.currentResultPath = '';
+    this.isDiagnosisFailed = false;
+    // Used to control the url to get the result set(用来控制获取结果集的url)
+    this.getResultUrl = data.getResultUrl || 'filesystem',
+    this.on('execute', () => {
+        this.run = true;
+    // The comment is reserved for when the request is initiated, when the first interface is not returned for a long time(注释是留作发起请求时，长时间没返回第一个接口时)
+    // timeoutCheck(this);
+    });
+    this.on('execute:queryState', () => {
+        this.queryStatus({ isKill: false });
+        this.queryProgress();
+    });
+    this.on('stateEnd', () => {
+        this.getResultPath();
+    });
+    this.on('getResultList', () => {
+        this.getResultList();
+    });
+    this.on('getResult', () => {
+        this.getFirstResult();
+    });
+    this.on('stop', () => {
+        clearTimeout(this.executeTimout);
+        clearTimeout(this.statusTimeout);
+        this.run = false;
+    });
+    this.on('kill', () => {
+        if (this.postType === 'http') {
+            this.queryStatus({ isKill: true });
+        }
+    });
+    // data is the return data of the interface(data是接口的返回数据)
+    // execute.data is the request data sent from the foreground to the background(execute.data是前台发送至后台的请求数据)
+    this.on('data', ({ data, execute }) => {
+        if (execute.postType !== 'socket') return;
+        // Here, we judge the situation that the first interface execute of websocket will directly return errorMsg(这里对websocket第一个接口execute直接会返回errorMsg的情况进行判断)
+        if (Object.prototype.hasOwnProperty.call(data.data, 'errorMsg')) {
+            execute.trigger('stop');
+            execute.trigger('error');
+            return;
+        }
+        const {method} = execute.data;
+        if (!execute.taskID) {
+            const socketTag = data.data && data.data.websocketTag;
+            if (execute.data.websocketTag === socketTag && data.method === method) {
+                // clearTimeout(execute.executeTimout);
+                timeoutCheck(execute);
+                api.fetch('/jobhistory/list', {
+                    pageSize: 100,
+                    status: 'Running,Inited,Scheduled',
+                }, 'get').then((rst) => {
+                    execute.trigger('updateResource', rst.tasks.length);
+                });
+                deconstructExecute(execute, data.data);
+                this.trigger('steps', 'Inited');
+            }
+        } else {
+            const id = data.data && data.data.taskID;
+            const prefix = method.slice(0, method.lastIndexOf('/') + 1);
+            if (execute.taskID !== id) {
+                // For the case where the expired data is not updated when the temporary script is right-clicked multiple times(针对临时脚本多次右键点击的，过期数据不更新的情况)
+                if (data.data.status) {
+                    return execute.trigger('updateExpireHistory', data.data);
+                }
+                return;
+            }
+            if (data.method === `${prefix  }${execute.id}/status`) {
+                reawakening(execute);
+                deconstructStatus(execute, data.data);
+            } else if (data.method === `${prefix  }${execute.id}/progressWithResource`) {
+                reawakening(execute);
+                execute.trigger('progress', data.data);
+            } else if (data.method === `${prefix  }${execute.id}/log`) {
+                reawakening(execute);
+                execute.trigger('log', data.data.log);
+            } else if (data.method === `${prefix  }${execute.id}/waitingSize`) {
+                const log = `**Waiting queue：${i18n.t('message.common.execute.waitingQueue', { num: data.data.waitingSize })}`;
+                execute.trigger('log', log);
+                execute.trigger('progress', { progress: 0, progressInfo: [], waitingSize: data.data.waitingSize });
+                clearTimeout(execute.executeTimout);
+                clearTimeout(execute.statusTimeout);
+            } else if (data.method === `${prefix  }${execute.id}/runtimeTuning`) {
+                execute.trigger('diagnosis', data.data.diagnosticInfo);
+            } else {
+                if (data.data.status) {
+                    execute.trigger('updateExpireHistory', data.data);
+                }
+                clearTimeout(execute.executeTimout);
+                clearTimeout(execute.statusTimeout);
+            }
+        }
+    });
+    this.on('downgrade', ({ execute }) => {
+        execute.postType = 'http';
+        // When the script is running, if the socket is downgraded to http, the http interface is used to poll the progress(脚本运行中，由socket降级成http则使用http接口轮询进度)
+        // There are two possibilities when the websocket is downgraded, 1. The task has been started and the connection is disconnected before returning the id, 2. One is that the connection is lost before starting(当websocket降级时有两种可能，1，，任务已经启动，在返回id前就断了连接， 2.一种是在启动前就失去连接)
+        if (execute.run) {
+            if (this.id && this.taskID) {
+                execute.queryStatus({isKill: false});
+            } else {
+                // run the task again(重新跑任务)
+                console.warn('[websocket降级没有获取到taskID]');
+                // this.execute(); // Do not actively help users start tasks(不主动帮用户启动任务)
+            }
+        }
+    });
+    this.on('dataError', ({ data, execute }) => {
+        execute.run = false;
+        if (data.data.status === -1) {
+            router.push('/login');
+            Message.warning(data.message);
+        } else {
+            this.trigger('notice', {
+                type: 'warning',
+                msg: data.message,
+                autoJoin: false,
+            });
+        }
+    });
+}
+
+Execute.prototype.start = function() {
+    setTimeout(() => {
+        this.execute();
+    }, 0);
+};
+
+Execute.prototype.restore = function({ execID, taskID }) {
+    this.id = execID;
+    this.taskID = taskID;
+    this.run = true;
+    this.postType = 'http';
+    this.trigger('execute:queryState');
+};
+
+Execute.prototype.halfExecute = function({ execID, taskID }) {
+    this.id = execID;
+    this.taskID = taskID;
+    this.run = true;
+    this.postType = 'http';
+    this.trigger('execute:queryState');
+};
+
+Execute.prototype.on = function(name, cb) {
+    this.event.$on(name, cb);
+};
+Execute.prototype.off = function() {
+    this.event.$off();
+};
+Execute.prototype.once = function(name, cb) {
+    this.event.$once(name, cb);
+};
+Execute.prototype.trigger = function(name, data) {
+    this.event.$emit(name, data);
+};
+
+Execute.prototype.execute = function() {
+    this.trigger('execute');
+    if (this.postType === 'http') {
+        return this.httpExecute();
+    }
+    this.trigger('WebSocket:send', this.data);
+};
+
+Execute.prototype.httpExecute = function() {
+    this.trigger('execute');
+    const method = this.data.method.slice(this.data.method.indexOf('entrance'), this.data.method.length);
+    api.fetch(method, this.data.data)
+        .then((ret) => {
+            deconstructExecute(this, ret);
+            this.trigger('execute:queryState');
+            this.trigger('steps', 'Inited');
+        })
+        .catch(() => {
+            this.trigger('stop');
+            this.trigger('error', 'execute');
+        });
+};
+
+Execute.prototype.outer = function(outerUrl, ret) {
+    axios.put(
+        outerUrl, {
+            need_repair: true,
+            task_id: ret.id,
+        }, {
+            withCredentials: true,
+        }
+    );
+};
+
+Execute.prototype.queryStatus = function({ isKill }) {
+    const requestStatus = (ret) => {
+        if (isKill) {
+            deconstructStatusIfKill(this, ret);
+        } else {
+            deconstructStatus(this, ret);
+        }
+    };
+    api.fetch(`/entrance/${this.id}/status`, {taskID: this.taskID}, 'get')
+        .then((ret) => {
+            this.status = ret.status;
+            requestStatus(ret);
+        })
+        .catch(() => {
+            requestStatus({
+                status: this.status
+            });
+        });
+};
+
+Execute.prototype.queryProgress = function() {
+    api.fetch(`/entrance/${this.id}/progressWithResource`, 'get')
+        .then((rst) => {
+            this.trigger('progress', { progress: rst.progress, progressInfo: rst.progressInfo });
+        });
+};
+
+Execute.prototype.queryLog = function() {
+    return api.fetch(`/entrance/${this.id}/log`, {
+        fromLine: this.fromLine,
+        size: -1,
+    }, 'get')
+        .then((rst) => {
+            this.fromLine = rst.fromLine;
+            this.trigger('log', rst.log);
+            return Promise.resolve();
+        }).catch(() => Promise.resolve());
+};
+
+Execute.prototype.getResultPath = function() {
+    this.trigger('steps', 'ResultLoading');
+    // api执行时的路径不一样
+    const taskUrl = this.getResultUrl !== 'filesystem' ? this.getResultUrl : 'jobhistory';
+    api.fetch(`/${taskUrl}/${this.taskID}/get`, 'get')
+        .then((rst) => {
+            if (rst.task) {
+                this.resultsetInfo = rst.task;
+                this.trigger('querySuccess', {
+                    type: '执行',
+                    task: rst.task,
+                });
+                this.trigger('getResultList');
+                this.updateLastHistory(rst.task);
+            } else {
+                throw new Error('task null');
+            }
+        })
+        .catch((err) => {
+            this.trigger('steps', 'FailedToGetResultPath');
+            logError(err, this);
+        });
+};
+
+Execute.prototype.getResultList = function() {
+    if (this.resultsetInfo && this.resultsetInfo.resultLocation) {
+        const params = {
+            path: `${this.resultsetInfo.resultLocation}`,
+        };
+        // If it is api execution, you need to bring taskId(如果是api执行需要带上taskId)
+        if (this.getResultUrl !== 'filesystem') {
+            params.taskId = this.taskID;
+        }
+        api.fetch(
+            `/${this.getResultUrl}/getDirFileTrees`, params,
+            'get'
+        )
+            .then((rst) => {
+                // The order of the result set in the background is sorted by string according to the name of the result set. When displaying, there will be a problem that the result set cannot be matched, so add sorting(后台的结果集顺序是根据结果集名称按字符串排序的，展示时会出现结果集对应不上的问题，所以加上排序)
+                if(rst.dirFileTrees && rst.dirFileTrees.children) {
+                    this.resultList = rst.dirFileTrees.children.sort((a, b) => {
+                        const slice = (name) => Number(name.slice(1, name.lastIndexOf('.')));
+                        return slice(a.name) - slice(b.name);
+                    });
+                }
+                this.trigger('getResult');
+            })
+            .catch((err) => {
+                this.trigger('steps', 'FailedToGetResultList');
+                logError(err, this);
+            });
+    } else {
+        this.trigger('notice', {
+            type: 'error',
+            msg: i18n.t('message.common.execute.error.getResultList'),
+            autoJoin: true,
+        });
+    }
+};
+
+Execute.prototype.getFirstResult = function() {
+    if (this.resultList.length < 1 ) {
+        const log = '**result tips: empty!';
+        this.trigger('log', log);
+        this.trigger('steps', 'Completed');
+        this.run = false;
+    } else {  // Get the first result set(获取第一个结果集)
+        this.currentResultPath = this.resultList[0].path;
+        // The log path needs to be provided to download the log(需要提供日志路径，用于下载日志)
+        this.trigger('history', {
+            execID: this.id,
+            logPath: this.resultsetInfo.logPath,
+            taskID: this.taskID,
+            status: this.status,
+        });
+        const params = {
+            path: this.currentResultPath,
+            pageSize,
+        };
+        // If it is api execution, you need to bring taskId(如果是api执行需要带上taskId)
+        if (this.getResultUrl !== 'filesystem') {
+            params.taskId = this.taskID;
+        }
+        const url = `/${this.getResultUrl}/openFile`;
+        const pageSize = 5000;
+        api.fetch(url, params, 'get')
+            .then((rst) => {
+                this.trigger('result', rst);
+                const log = `**result tips: ${i18n.t('message.common.execute.success.getResultList')}`;
+                this.trigger('log', log);
+                this.trigger('steps', 'Completed');
+                this.run = false;
+            })
+            .catch((err) => {
+                this.trigger('steps', 'FailedToGetResultFirst');
+                logError(err, this);
+            });
+    }
+};
+
+// Get error reason and update history(获取错误原因，并更新历史)
+Execute.prototype.updateLastHistory = function(option, cb) {
+    if (option) {
+        return this.trigger('history', {
+            taskID: option.taskID,
+            execID: '',
+            createDate: option.createdTime,
+            runningTime: option.costTime,
+            status: option.status,
+            failedReason: '',
+        });
+    }
+    // The path when the api is executed is different(api执行时的路径不一样)
+    const taskUrl = this.getResultUrl !== 'filesystem' ? this.getResultUrl : 'jobhistory';
+    api.fetch(`/${taskUrl}/${this.taskID}/get`, 'get')
+        .then((res) => {
+            const {task} = res;
+            if (cb) {
+                cb(task);
+            }
+            this.executionCode = task.executionCode;
+            this.trigger('history', {
+                taskID: task.taskID,
+                execID: '',
+                createDate: task.createdTime,
+                runningTime: task.costTime,
+                // This is changed to the status of execute because the state may not be flipped in the case of a large result set in the database, but the state pushed by the websocket is correct(这里改成使用execute的status是因为数据库中在大结果集的情况下可能会发生状态不翻转的情况，但websocket推送的状态是对的)
+                status: this.status,
+                failedReason: task.errCode && task.errDesc ? task.errCode + task.errDesc : task.errCode || task.errDesc || ''
+            });
+            if (task.progress === 1) {
+                this.trigger('costTime', task.costTime);
+            }
+        }).catch(() => {
+            this.trigger('history', {
+                taskID: this.taskID,
+                status: this.status,
+                isPartialUpdate: true,
+            });
+        });
+};
+
+/**
+ * When killing, go to poll to get the canceled status(kill的时候去轮询获取cancelled状态)
+ * @param {*} execute
+ * @param {*} ret
+ */
+function deconstructStatusIfKill(execute, ret) {
+    if (ret.status !== 'Cancelled') {
+        setTimeout(() => {
+            execute.queryStatus({ isKill: true });
+        }, 5000);
+    } else {
+        const msg = '查询已被取消';
+        queryException(execute, 'warning', msg);
+    }
+}
+
+/**
+ * poll status(轮询状态)
+ * @param {*} execute
+ * @param {*} ret
+ */
+function deconstructStatus(execute, ret) {
+    clearTimeout(execute.executeTimout);
+    execute.status = ret.status;
+    execute.trigger('steps', ret.status);
+    execute.trigger('status', ret.status);
+    switch (ret.status) {
+    case 'Inited': case 'Scheduled': case 'Running':
+        // Update history when state changes(在状态发生改变的时候更新历史)
+        execute.updateLastHistory();
+        if (execute.postType !== 'socket') {
+        // Send a request every 5 seconds(5秒发送一次请求)
+            if (!execute.run) return;
+            setTimeout(() => {
+                execute.queryStatus({ isKill: false });
+                execute.queryProgress();
+                execute.queryLog();
+            }, 5000);
+        }
+        break;
+    case 'Succeed':
+        if ((!execute.fromLine || execute.fromLine === 1) && execute.postType !== 'socket') {
+            execute.queryLog().then(() => {
+                whenSuccess(execute);
+            });
+            break;
+        }
+        whenSuccess(execute);
+        break;
+    default:
+        if ((!execute.fromLine || execute.fromLine === 1) && execute.postType !== 'socket') {
+            execute.queryLog().then(() => {
+                whenException(execute, ret);
+            });
+            break;
+        }
+        whenException(execute, ret);
+        break;
+    }
+}
+
+/**
+ * Logic to execute when the status is successful(当状态为成功时执行的逻辑)
+ * @param {*} execute
+ */
+function whenSuccess(execute) {
+    if (execute.runType !== 'pipeline') {
+    // stateEnd needs to obtain the result set, and the history will be updated when the result set is obtained(stateEnd是需要获取结果集的，获取结果集的同时会更新历史)
+        execute.trigger('stateEnd');
+        const log = `**result tips: ${i18n.t('message.common.execute.success.stateEnd')}`;
+        execute.trigger('log', log);
+    } else {
+    // Import and export do not need to request the result set, but need to update the history, otherwise there will be a problem that the state is not flipped.(导入导出不需要请求结果集，但需要更新历史，否则会出现状态未翻转的问题。)
+        const log = `**result tips: ${i18n.t('message.common.execute.error.noResultList')}`;
+        execute.trigger('log', log);
+        execute.trigger('steps', 'Completed');
+        execute.updateLastHistory('', (task) => {
+            execute.trigger('querySuccess', {
+                type: '导入/导出',
+                task,
+            });
+        });
+    }
+    execute.trigger('stop');
+}
+
+/**
+ * Logic to execute when the state is abnormal(当状态为异常状态时执行的逻辑)
+ * @param {*} execute
+ * @param {*} ret
+ */
+function whenException(execute, ret) {
+    if (ret.status === 'Failed') {
+        const msg = i18n.t('message.common.execute.error.failed');
+        queryException(execute, 'error', msg);
+    }
+    if (ret.status === 'Cancelled') {
+        const msg = i18n.t('message.common.execute.error.canceled');
+        queryException(execute, 'warning', msg);
+    }
+    if (ret.status === 'Timeout') {
+        const msg = i18n.t('message.common.execute.error.executeTimeout');
+        queryException(execute, 'error', msg);
+        clearInterval(execute.diagnosisTimeout);
+    }
+}
+
+/**
+ * inner helper
+ * @param {*} execute
+ * @param {*} ret
+ */
+function deconstructExecute(execute, ret) {
+    if (Object.prototype.hasOwnProperty.call(ret, 'errorMsg')) {
+        execute.updateLastHistory();
+        execute.trigger('stop');
+        execute.trigger('error');
+        execute.trigger('notice', {
+            type: 'error',
+            msg: ret.errorMsg.desc,
+            autoJoin: false,
+        });
+    } else {
+        execute.id = ret.execID;
+        execute.taskID = ret.taskID;
+        const flag = ['qmlsql', 'qmlpy'].includes(execute.runType);
+        const outerUrl = storage.get('outerUrl');
+        if (flag && outerUrl) {
+            execute.outer(outerUrl, ret);
+        }
+        execute.trigger('history', {
+            taskID: ret.taskID,
+            execID: ret.execID,
+            createDate: execute.beginTime,
+            runningTime: 0,
+            status: 'Inited',
+            failedReason: '',
+        });
+        setModelAndGetCode(execute, execute.data.method).then((code) => {
+            execute.trigger('sendStart', code);
+        });
+    }
+}
+
+/**
+ * More than one minute does not return,then terminate the request.
+ * @param {*} execute
+ */
+function timeoutCheck(execute) {
+    const timeout = 1000 * 60;
+    clearTimeout(execute.executeTimout);
+    execute.executeTimout = setTimeout(() => {
+        execute.trigger('stop');
+        execute.trigger('error');
+        execute.trigger('notice', {
+            type: 'error',
+            msg: i18n.t('message.common.execute.error.executeTimeout'),
+            autoJoin: true,
+        });
+    }, timeout);
+}
+
+/**
+ * When the websocket request has not returned for more than 1 minute, send a status request to wake up again.(当websocket请求超过1分钟未返回时，发送一个status请求重新唤醒.)
+ * @param {*} execute
+ */
+function reawakening(execute) {
+    const timeout = 1000 * 60;
+    clearTimeout(execute.statusTimeout);
+    execute.statusTimeout = setTimeout(() => {
+    // http方式
+    // api.fetch(`/entrance/${execute.id}/status`, 'get')
+    //     .then((ret) => {
+    //         execute.status = ret.status;
+    //     });
+    // websocket方式
+        const data = {
+            method: `/api/rest_j/v1/entrance/${execute.id}/status`,
+        };
+        execute.trigger('WebSocket:send', data);
+    }, timeout);
+}
+
+/**
+ *
+ * @param {*} err
+ * @param {*} that
+ */
+function logError(err, that) {
+    that.run = false;
+    const notResultLog = `**result tips: ${i18n.t('message.common.execute.error.noResultList')}`;
+    const errorLog = `**result tips: ${err},${i18n.t('message.common.execute.error.errorLog')}`;
+    const notResult = err.message === 'Cannot read property \'children\' of null';
+    const log = notResult ? notResultLog : errorLog;
+    that.trigger('log', log);
+    if (notResult) {
+        that.trigger('steps', 'Completed');
+    }
+}
+
+/**
+ * Action when query is abnormal(查询异常时的操作)
+ * @param {*} execute the current object(execute 当前的对象)
+ * @param {*} type notice的类型(type notice的类型)
+ * @param {*} The prompt text of msg notice(msg notice的提示文本)
+ */
+function queryException(execute, type, msg) {
+    clearInterval(execute.diagnosisTimeout);
+    execute.updateLastHistory();
+    execute.trigger('stop');
+    execute.trigger('error');
+    execute.trigger('notice', {
+        type,
+        msg,
+        autoJoin: true,
+    });
+}
+
+/**
+ * When webscoket is in background mode, when receiving the execute interface, the get request or the script content spliced ​​in the background is called;(webscoket为background模式时，在接收execute接口时调用get请求或者后台拼接的脚本内容；)
+ * @param {*} execute
+ * @param {*} method
+ * @return {*}
+ */
+function setModelAndGetCode(execute, method) {
+    return new Promise((resolve) => {
+        const model = method.slice(method.lastIndexOf('/') + 1, method.length);
+        if (model === 'backgroundservice') {
+            execute.model = 'background';
+            api.fetch(`/jobhistory/${execute.taskID}/get`, 'get').then((res) => {
+                execute.executionCode = res.task.executionCode;
+                resolve(execute.executionCode);
+            }).catch(() => {
+                execute.executionCode = null;
+            });
+        } else if (model === 'execute') {
+            execute.model = 'normal';
+            resolve('');
+        }
+    });
+}
+
+export default Execute;
diff --git a/linkis-web-next/src/common/service/layoutMixin.js b/linkis-web-next/src/common/service/layoutMixin.js
new file mode 100644
index 0000000000..b6c04f0e0c
--- /dev/null
+++ b/linkis-web-next/src/common/service/layoutMixin.js
@@ -0,0 +1,55 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import storage from '@/common/helper/storage';
+import tree from '@/apps/scriptis/service/db/tree.js';
+
+export default {
+    data() {
+        return {};
+    },
+
+    created() {
+    // Refreshing the page still needs to clear the cache, because the number structure in scriptis is cached. If it is not clear, the background update will not be able to see the refresh page(刷新页面还是需要清缓存的，因为scriptis里的数结构都是缓存，如果不清，后台更新了刷新页面也看不到)
+        this.clearSession();
+    },
+    mounted() {
+        document.addEventListener('copy', this.copyAction, false);
+    },
+    beforeDestroy() {
+        document.removeEventListener('copy', this.copyAction, false);
+    },
+    methods: {
+        copyAction(event) {
+            // The clipboardData object in Google Chrome exists in the event event, which is used to obtain the data in the clipboard, which can only be monitored during the copy operation.(谷歌浏览器中的clipboardData对象存在event事件里，用于获取剪贴板中的数据，只有在复制操作过程中才能监听到)
+            const string = event.clipboardData.getData('text/plain') || event.target.value || event.target.outerText;
+            storage.set('copyString', string);
+        },
+        clearSession() {
+            tree.remove('scriptTree');
+            tree.remove('hdfsTree');
+            storage.set('shareRootPath', '');
+            storage.set('hdfsRootPath', '');
+            tree.remove('hiveTree');
+            tree.remove('udfTree');
+            tree.remove('functionTree');
+            storage.set('copyString', '');
+            // Refresh basic user information without clearing the login(刷新不用清登录的用户基础信息)
+            // storage.set('baseInfo', '');
+        },
+    }
+};
diff --git a/linkis-web-next/src/common/service/mixin.js b/linkis-web-next/src/common/service/mixin.js
new file mode 100644
index 0000000000..e14a429546
--- /dev/null
+++ b/linkis-web-next/src/common/service/mixin.js
@@ -0,0 +1,93 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+import storage from '@/common/helper/storage';
+import SUPPORTED_LANG_MODES from '@/common/config/scriptis';
+
+export default {
+    data () {
+        return {
+            SUPPORTED_LANG_MODES,
+        };
+    },
+
+    created () {},
+    mounted () {},
+    beforeDestroy () {},
+    destroyed () {},
+    methods: {
+        getVsBiUrl(name = 'visualis') {
+            const baseInfo = storage.get('baseInfo', 'local');
+            if (!baseInfo) return;
+            const vsBi = baseInfo.applications.find((item) => item.name === name) || {};
+            return vsBi.url;
+        },
+        getProjectJsonResult(key, name = 'visualis') {
+            window.console.log(key,name);
+            // Used to determine what return value to return(用于判断返回什么样的返回值)
+            const baseInfo = storage.get('baseInfo', 'local');
+            if (!baseInfo) {
+                // When linkis is deployed alone, there is no baseinfo, no restrictions(linkis单独部署的时候没有baseinfo, 不用限制)
+                return true;
+            } 
+            return baseInfo.resultSetExportEnable;
+      
+        },
+        getFAQUrl() {
+            const baseInfo = storage.get('baseInfo', 'local');
+            if (!baseInfo) return;
+            const url = baseInfo.DWSParams.faq;
+            return url;
+        },
+        getSupportModes() {
+            return this.SUPPORTED_LANG_MODES;
+        },
+        async gotoCommonIframe(type, query = {}) {
+            const baseInfo = storage.get('baseInfo', 'local');
+            if (!baseInfo) return;
+            const info = baseInfo.applications.find((item) => item.name === type) || {};
+            // According to whether there is a projectid to determine whether to go to the home page or the engineering page(根据是否有projectid来确定是走首页还是工程页)
+            let url = '';
+            if (!query.projectID) {
+                localStorage.removeItem('appJointProjectId');
+                url = info.homepageUrl;
+            }
+            // If the user is not prompted, the function has not yet been developed(如果没有提示用户功能暂未开发)
+            if (Object.keys(info).length === 0) {
+                this.$Message.warning(this.$t('message.common.warning.comingSoon'));
+            } else if (!info.ifIframe) {
+                this.$router.push({
+                    path: url,
+                    query
+                });
+            } else {
+                this.$router.push({
+                    name: 'commonIframe',
+                    query: {
+                        ...query,
+                        url,
+                        type
+                    }
+                });
+            }
+        },
+        getUserName() {
+            return  storage.get('userName') || null;
+        },
+    },
+};
diff --git a/linkis-web-next/src/common/service/moduleMixin.js b/linkis-web-next/src/common/service/moduleMixin.js
new file mode 100644
index 0000000000..deb65b680a
--- /dev/null
+++ b/linkis-web-next/src/common/service/moduleMixin.js
@@ -0,0 +1,147 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+/**
+ * Global mixin Dispatch processing events, global mixin(全局混入Dispatch处理事件，全局mixin)
+ */
+import eventbus from '@/common/helper/eventbus';
+import storage from '@/common/helper/storage';
+import util from '@/common/util';
+
+const module = function(config) {
+    if (!config.name) {
+        return window.console.error('请配置独一无二的ModuleName');
+    }
+    // Control events thrown out(控制对外抛出的事件)
+    let dispatchs = config.dispatchs || [];
+    if (util.isPlainObject(dispatchs)) {
+        const arr = [];
+        for (const p in dispatchs) {
+            if (util.isArray(dispatchs[p])) {
+                dispatchs[p].forEach((item) => {
+                    arr.push(`${p}:${item}`);
+                });
+            }
+        }
+        dispatchs = arr;
+    }
+    // processing module methods(处理模块 methods)
+    if (config.methods) {
+        const methods = Object.keys(config.methods);
+        if (methods.length > 0) {
+            methods.forEach((name) => {
+                const method = config.methods[name];
+                if (method) {
+                    eventbus.on(`${config.name}:${name}`, method.bind(config));
+                }
+            });
+        }
+    }
+    /**
+     * Mount dispatch to empty module(挂载dispatch到空模块)
+     * @param {*} name
+     * @param {*} param
+     * @param {*} [cb=new Function()]
+     * @return {Promise}
+     */
+    config.dispatch = function(name, param, cb = new Function()) {
+        let result;
+        if (util.isArray(dispatchs) && dispatchs.indexOf(name) != -1) {
+            result = eventbus.emit(name, param, cb);
+        }
+        return Promise.resolve(result);
+    };
+
+    return {
+        data() {
+            const data = {
+            };
+            return data;
+        },
+        created() {
+            // Component monitoring under the processing module(处理模块下的组件监听)
+            if (config.events) {
+                const {events} = config;
+                if (util.isArray(events) && events.length > 0) {
+                    events.forEach((name) => {
+                        const method = this[name];
+                        if (method) {
+                            eventbus.on(`${name}`, method);
+                        }
+                    });
+                }
+            }
+        },
+        beforeDestroy() {
+            if (config.events) {
+                const {events} = config;
+                if (util.isArray(events) && events.length > 0) {
+                    events.forEach((name) => {
+                        const method = this[name];
+                        if (method) {
+                            eventbus.off(name, method);
+                        }
+                    });
+                }
+            }
+        },
+        methods: {
+            // trigger event(触发事件)
+            dispatch: config.dispatch,
+            getUserName() {
+                return  storage.get('baseInfo', 'local') ? storage.get('baseInfo', 'local').username : null;
+            },
+            // Get the current orchestration environment(获取当前编排的环境)
+            getCurrentDsslabels() {
+                return storage.get('currentDssLabels') ? storage.get('currentDssLabels') : null;
+            }
+        },
+    };
+};
+
+const modules = {};
+/**
+ * Provide Dispatch method to unify event handling(提供Dispatch方法统一事件处理方式)
+ */
+export default function mixinDispatch (requireComponent, requireComponentVue) {
+    if (requireComponent) {
+        requireComponent.keys().forEach((fileName) => {
+            // Get component configuration(获取组件配置)
+            let moduleConfig = requireComponent(fileName);
+            moduleConfig = moduleConfig.default || moduleConfig;
+            moduleConfig.mixin = module(moduleConfig);
+            modules[fileName] = moduleConfig;
+        });
+    }
+
+    if (requireComponentVue) {
+        requireComponentVue.keys().forEach((fileName) => {
+            // Get component configuration(获取组件配置)
+            let vueConfig = requireComponentVue(fileName);
+            vueConfig = vueConfig.default || vueConfig;
+            const indexPath = `./${  fileName.split('/')[1]  }/index.js`;
+            const moduleConfig = modules[indexPath];
+            const mixin = moduleConfig && moduleConfig.mixin;
+            if (!vueConfig.mixins) {
+                vueConfig.mixins = [mixin];
+            } else if (vueConfig.mixins.indexOf(mixin) == -1) {
+                vueConfig.mixins.push(mixin);
+            }
+        });
+    }
+}
diff --git a/linkis-web-next/src/common/service/socket.js b/linkis-web-next/src/common/service/socket.js
new file mode 100644
index 0000000000..3a705c8135
--- /dev/null
+++ b/linkis-web-next/src/common/service/socket.js
@@ -0,0 +1,211 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+import { Eventbus } from '@/common/helper/eventbus';
+/**
+ *
+ * @class Socket
+ * @extends {Eventbus}
+ */
+class Socket extends Eventbus {
+    /**
+     *Creates an instance of Socket.
+     * @param {*} options
+     * @memberof Socket
+     */
+    constructor(options) {
+        super();
+        this.options = options;
+        this.errHandler = options.errHandler;
+        this.init();
+    }
+
+    /**
+     *get current state
+     * @readonly
+     * @memberof Socket
+     */
+    get readyState() {
+        return this.ws.readyState;
+    }
+
+    /**
+     * init event
+     * @memberof Socket
+     */
+    init() {
+        try {
+            this.ws = new WebSocket(this.options.url);
+            this.ws.debug = true;
+        } catch (e) {
+            this.emit('inconnect', {
+                type: 'inconnect',
+                message: 'socket连接失败',
+            });
+        }
+        this._onError();
+        this._onClose();
+        this._onOpen();
+        this._onMessage();
+    }
+
+    /**
+     *
+     * @param {*} options
+     * @memberof Socket
+     */
+    send(options) {
+        if (this._validState('send')) {
+            this.ws.send(JSON.stringify(options));
+        }
+    }
+
+    /**
+     * @param {*} code
+     * @memberof Socket
+     */
+    close(code) {
+        this.ws.close(code);
+    }
+
+    /**
+     * @return {this}
+     * @memberof Socket
+     */
+    reconnect() {
+        this.init();
+        return this;
+    }
+
+    /**
+     * onMessage
+     * @memberof Socket
+     */
+    _onMessage() {
+        const instance = this;
+        this.ws.onmessage = (event = {}) => {
+            if (event.data) {
+                const msg = JSON.parse(event.data);
+                const result = instance._validMessage(msg);
+                if(result) {
+                    instance.emit('data', result);
+                }
+            } else {
+                instance.errHandler && instance.errHandler({
+                    type: 'message',
+                    msg: '接收到无效数据',
+                });
+            }
+        };
+    }
+
+    /**
+     * onOpen
+     * @memberof Socket
+     */
+    _onOpen() {
+        this.ws.onopen = () => {
+            this.connected = true;
+            this.emit('open', {
+                msg: '连接成功',
+            });
+        };
+    }
+
+    /**
+     *
+     * @param {*} e
+     * @memberof Socket
+     */
+    _onError() {
+        this.ws.onerror = (e) => {
+            const data = {
+                type: 'socket listening error',
+                msg: e,
+            };
+            this.errHandler && this.errHandler(data);
+        };
+    }
+
+    /**
+     * onClose
+     * @memberof Socket
+     */
+    _onClose() {
+        this.ws.onclose = (e) => {
+            const {code} = e;
+            const {reason} = e;
+            const data = {
+                msg: 'socket close tips',
+                reason,
+                code,
+            };
+            this.connected = false;
+            this.errHandler && this.errHandler(data);
+            this.emit('close', data);
+        };
+    }
+
+    /**
+     * @param {*} type
+     * @memberof Socket
+     * @return {Boolean} valid
+     */
+    _validState(type) {
+        const state = this.ws.readyState;
+        const stateMap = {
+            0: '正在连接',
+            1: '成功',
+            2: '正在关闭',
+            3: '连接已经关闭或打开连接失败',
+        };
+        if (state === 2 || state === 3) {
+            const error = {
+                type,
+                msg: stateMap[state],
+            };
+            this.errHandler && this.errHandler(error);
+        }
+        return state === 1;
+    }
+
+    /**
+     * @param {*} data
+     * @memberof Socket
+     * @return {*} data
+     */
+    _validMessage(data = {}) {
+        const msgData = data.data;
+        const {method} = data;
+        // Ignore duplicate push data without log information(忽略无日志信息的重复推送数据)
+        const notEmpty = msgData && Array.isArray(msgData.log) ? msgData.log.some((it) => it.length > 0) : msgData.log;
+        if (/\/log$/.test(method) && !notEmpty ) {
+            return;
+        }
+        if (!(data instanceof Object)) return;
+        if (data.status !== 0) {
+            this.emit('dataError', {
+                type: 'network',
+                message: data.message,
+                data,
+            });
+        }
+        return data;
+    }
+}
+export default Socket;
diff --git a/linkis-web-next/src/common/service/timeToCronMixin.js b/linkis-web-next/src/common/service/timeToCronMixin.js
new file mode 100644
index 0000000000..b8e78a90dc
--- /dev/null
+++ b/linkis-web-next/src/common/service/timeToCronMixin.js
@@ -0,0 +1,247 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import { debounce } from 'lodash';
+import i18n from '@/common/i18n';
+
+const DATELANG = {
+    'MIN': i18n.t('message.common.time.MIN'),
+    'HOUR': i18n.t('message.common.time.HOUR'),
+    'DAY': i18n.t('message.common.time.DAY'),
+    'WEEK': i18n.t('message.common.time.WEEK'),
+    'MONTH': i18n.t('message.common.time.MONTH'),
+    'YEAR': i18n.t('message.common.time.YEAR'),
+    'Mon': i18n.t('message.common.time.Mon'),
+    'Tue': i18n.t('message.common.time.Tue'),
+    'Wed': i18n.t('message.common.time.Wed'),
+    'Thu': i18n.t('message.common.time.Thu'),
+    'Fri': i18n.t('message.common.time.Fri'),
+    'Sat': i18n.t('message.common.time.Sat'),
+    'Sun': i18n.t('message.common.time.Sun')
+};
+const TIMEDATA = {
+    zeroList: [],
+    minuesList: [],
+    hourList: [],
+    weekList: [
+        {value: '2', label: DATELANG.Mon},
+        {value: '3', label: DATELANG.Tue},
+        {value: '4', label: DATELANG.Wed},
+        {value: '5', label: DATELANG.Thu},
+        {value: '6', label: DATELANG.Fri},
+        {value: '7', label: DATELANG.Sat},
+        {value: '1', label: DATELANG.Sun}
+    ],
+    monthList: [],
+    dayList: [],
+    dayNum: {},
+    selectType: [
+        {value: 'MIN', label: DATELANG.MIN},
+        {value: 'HOUR', label: DATELANG.HOUR},
+        {value: 'DAY', label: DATELANG.DAY},
+        {value: 'WEEK', label: DATELANG.WEEK},
+        {value: 'MONTH', label: DATELANG.MONTH},
+        {value: 'YEAR', label: DATELANG.YEAR}]
+};
+const baseMonthsDay = [31,29,31,30,31,30,31,31,30,31,30,31];// 各月天数
+for(let i = 0; i < 60; i++) {
+    TIMEDATA.zeroList.push({value: i, label: i < 10 ? `0${  i}` : String(i)});
+}
+for(let i = 0; i < 60; i++) {
+    TIMEDATA.minuesList.push({value: i, label: i < 10 ? `0${  i  }${DATELANG.MIN}` : String(i) + DATELANG.MIN});
+}
+for(let i = 0; i < 24; i++) {
+    TIMEDATA.hourList.push({value: i, label: i < 10 ? `0${  i  }${DATELANG.HOUR}` : String(i) + DATELANG.HOUR});
+}
+for(let i = 1; i <= 12; i++) {
+    TIMEDATA.monthList.push({value: i, label: i < 10 ? `0${  i  }${DATELANG.MONTH}`: String(i) + DATELANG.MONTH});
+}
+for(let i = 1; i <= 31; i++) {
+    TIMEDATA.dayList.push({value: i, label: i < 10 ? `0${  i  }${DATELANG.DAY}`: String(i) + DATELANG.DAY});
+}
+for (let i = 1; i <= 12; i++) {
+    const dayNum = [];
+    for (let j = 1; j <= baseMonthsDay[i-1]; j++) {
+        dayNum.push({value: j, label: j < 10 ? `0${  j  }${DATELANG.DAY}` : String(j) + DATELANG.DAY});
+    }
+    TIMEDATA.dayNum[i] = dayNum;
+
+}
+export default {
+    data() {
+        return {
+            zeroSelect: 0,
+            oneSelect: 'MIN',
+            towSelect: DATELANG.MIN,
+            threeSelect: '',
+            fourSelect: '',
+            fiveSelect: '',
+            zeroList: TIMEDATA.zeroList,
+            oneList: TIMEDATA.selectType,
+            towList: [
+            ],
+            threeList: [],
+            fourList: TIMEDATA.hourList,
+            fiveList: TIMEDATA.minuesList,
+            selectHourAndMinues: false,
+        };
+    },
+    computed: {
+        timeToCron() {
+            // Convert selected time to cron format(将所选时间转换成cron格式)
+            // Still have to determine what is the first choice to decide how to write the expression(还是得先确定第一个选择的是什么来决定表达是怎么写)
+            if (this.oneSelect === 'MIN') {
+                return `0 0/${this.zeroSelect} * * * ?`;
+            } if (this.oneSelect === 'HOUR') {
+                return `0 ${this.towSelect} 0/1 * * ?`;
+            } if (this.oneSelect === 'DAY') {
+                return `0 ${this.fiveSelect} ${this.fourSelect} 1/1 * ?`;
+            } if (this.oneSelect === 'WEEK') {
+                return `0 ${this.fiveSelect} ${this.fourSelect} ? * ${this.towSelect}`;
+            } if (this.oneSelect === 'MONTH') {
+                return `0 ${this.fiveSelect} ${this.fourSelect} ${this.threeSelect} * ?`;
+            } if (this.oneSelect === 'YEAR') {
+                return `0 ${this.fiveSelect} ${this.fourSelect} ${this.threeSelect} ${this.towSelect} ? *`;
+            } 
+            return '';
+      
+        }
+    },
+    watch: {
+        timeToCron(val) {
+            this.scheduleParams.scheduleTime = val;
+            const emitFun =  debounce(() => {
+                this.$emit('change-schedule', this.scheduleParams);
+            }, 1000);
+            emitFun(this);
+        },
+        towSelect(val) {
+            if(this.isSelectYear) {
+                this.threeList = TIMEDATA.dayNum[val];
+            }
+        }
+    },
+    methods: {
+        selectOneChange(value) {
+            if (value === 'MIN') {
+                this.zeroSelect = this.zeroList[0].value;
+                this.towList = [];
+                this.threeList = [];
+                this.selectHourAndMinues = false;
+                this.isSelectYear = false;
+            } else if (value === 'HOUR') {
+                this.towList = TIMEDATA.minuesList;
+                this.isSelectYear = false;
+                this.towSelect = this.towList[0].value;
+                this.selectHourAndMinues = false;
+            } else if (value === 'DAY') {// If you choose the day two and three selection boxes not to be displayed, display the fourth and fifth selection boxes(如果选择天二三选择框不用展示，展示四五选择框)
+                this.selectHourAndMinues = true;
+                this.isSelectYear = false;
+                this.towList = [];
+                this.threeList = [];
+                this.fourSelect = this.fourList[0].value;
+                this.fiveSelect = this.fiveList[0].value;
+            } else if (value === 'WEEK') {
+                this.selectHourAndMinues = true;
+                this.isSelectYear = false;
+                this.towList = TIMEDATA.weekList;
+                this.threeList = [];
+                this.towSelect = this.towList[0].value;
+                this.fourSelect = this.fourList[0].value;
+                this.fiveSelect = this.fiveList[0].value;
+            } else if (value === 'MONTH') {
+                this.selectHourAndMinues = true;
+                this.isSelectYear = false;
+                this.towList = [];
+                this.threeList = TIMEDATA.dayList;
+                this.threeSelect = this.threeList[0].value;
+                this.fourSelect = this.fourList[0].value;
+                this.fiveSelect = this.fiveList[0].value;
+            } else if (value === 'YEAR') {
+                this.selectHourAndMinues = true;
+                this.isSelectYear = true;
+                this.towList = TIMEDATA.monthList;
+                this.threeList = TIMEDATA.dayNum[1];
+                this.towSelect = this.towList[0].value;
+                this.threeSelect = this.threeList[0].value;
+                this.fourSelect = this.fourList[0].value;
+                this.fiveSelect = this.fiveList[0].value;
+            }
+        },
+        alarmUserChange() {
+            if (/^[a-zA-Z0-9_@]+$/.test(this.scheduleParams.alarmUserEmails)) {
+                const emitFun =  debounce(() => {
+                    this.$emit('change-schedule', this.scheduleParams);
+                }, 500);
+                emitFun(this);
+            }
+        },
+        selectLevelChange() {
+            this.$emit('change-schedule', this.scheduleParams);
+        },
+        cronToTime() {
+            if (Object.keys(this.scheduleParams).length > 0 && this.scheduleParams.scheduleTime) {
+                // Convert corn format to time format 0 2 2 3 * * ?(将corn格式转换成时间格式0 2 2 3 * * ?)
+                const tepArr = this.scheduleParams.scheduleTime.split(' ');
+                // First determine whether to choose the year(先判断是否选的年)
+                if (tepArr.length >= 7) {
+                    this.oneSelect = 'YEAR';
+                    this.selectHourAndMinues = true;
+                    this.isSelectYear = true;
+                    this.towList = TIMEDATA.monthList;
+                    this.threeList = TIMEDATA.dayNum[Number(tepArr[4])];
+                    this.towSelect = Number(tepArr[4]);
+                    this.threeSelect = Number(tepArr[3]);
+                    this.fourSelect = Number(tepArr[2]);
+                    this.fiveSelect = Number(tepArr[1]);
+                } else if (tepArr[4] === '*' && tepArr[3] !== '*' && tepArr[3] !== '1/1' && tepArr[5] === '?') {
+                    this.selectHourAndMinues = true;
+                    this.oneSelect = 'MONTH';
+                    this.towList = [];
+                    this.threeList = TIMEDATA.dayList;
+                    this.threeSelect = Number(tepArr[3]);
+                    this.fourSelect = Number(tepArr[2]);
+                    this.fiveSelect = Number(tepArr[1]);
+                } else if (tepArr[5] !== '?') {
+                    this.oneSelect = 'WEEK';
+                    this.selectHourAndMinues = true;
+                    this.towList = TIMEDATA.weekList;
+                    this.threeList = [];
+                    this.towSelect = tepArr[5];
+                    this.fourSelect = Number(tepArr[2]);
+                    this.fiveSelect = Number(tepArr[1]);
+                } else if (tepArr[4] === '*' && tepArr[3] === '1/1' && tepArr[2] !== '*' && tepArr[2] !== '0/1') {
+                    this.oneSelect = 'DAY';
+                    this.selectHourAndMinues = true;
+                    this.towList = [];
+                    this.threeList = [];
+                    this.fourSelect = Number(tepArr[2]);
+                    this.fiveSelect = Number(tepArr[1]);
+                } else if (tepArr[4] === '*' && tepArr[3] === '*' && tepArr[2] === '0/1') {
+                    this.oneSelect = 'HOUR';
+                    this.towList = TIMEDATA.minuesList;
+                    this.towSelect = Number(tepArr[1]);
+                } else if (tepArr[4] === '*' && tepArr[3] === '*' && tepArr[2] === '*') {
+                    this.zeroSelect = Number(tepArr[1].substring(2));
+                    this.oneSelect = 'MIN';
+                    this.threeList = [];
+                    this.selectHourAndMinues = false;
+                }
+            }
+        }
+    }
+};
diff --git a/linkis-web-next/src/common/style/headerCommon.scss b/linkis-web-next/src/common/style/headerCommon.scss
new file mode 100644
index 0000000000..cfa074a635
--- /dev/null
+++ b/linkis-web-next/src/common/style/headerCommon.scss
@@ -0,0 +1,137 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+.layout-header {
+    position: $fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    width: 100%;
+    height: 54px;
+    line-height: 40px;
+    padding: 0 20px;
+    background-color: $background-color-header;
+    color: $dark-color;
+    box-shadow: $shadow-down;
+    z-index: $zindex-affix;
+    user-select: none;
+    clear: both;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    .layout-header-menu-icon {
+        display: flex;
+        cursor: pointer;
+        margin-right: 10px;
+        height: 54px;
+        line-height: 54px;
+        &:hover {
+            color: $primary-color;
+        }
+    }
+    .logo {
+        margin-left: 10px;
+        display: inline-block;
+        vertical-align: top;
+        font-size: 20px;
+        color: $body-background;
+        margin-top: 2px;
+        position: relative;
+        .logo-img {
+            height: 36px;
+            margin-top: 7px;
+        }
+        .version {
+            position: absolute;
+            //   right: -40px;
+            white-space: nowrap;
+            bottom: 10px;
+            font-size: $font-size-small;
+            height: 15px;
+            line-height: 15px;
+        }
+    }
+    .menu {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        vertical-align: top;
+        margin-left: 60px;
+        .menu-item {
+            position: $relative;
+            float: left;
+            padding: 0 20px;
+            font-size: $font-size-base;
+            text-align: center;
+            text-indent: 0;
+            border-right: none;
+            white-space: nowrap;
+            cursor: pointer;
+            &:hover,
+            &.selected {
+                color: $body-background;
+                background: $dark-bg-dark;
+            }
+            .menu-item-beat {
+                position: $absolute;
+                top: 0;
+                right: 0;
+            }
+        }
+    }
+    .icon-group {
+        float: right;
+        cursor: pointer;
+        text-align: center;
+        padding: 0 6px;
+        line-height: 54px;
+        height: 54px;
+        font-size: $font-size-base;
+        i {
+            font-size: 20px;
+            margin-right: 10px;
+            &:hover {
+                color: #fff;
+            }
+        }
+    }
+    .user {
+        height: 54px;
+        cursor: pointer;
+        position: absolute;
+        right: 5px;
+        top: 0px;
+        span {
+            display: inline-block;
+            line-height: 54px;
+            font-size: $font-size-base;
+            padding: 0 7px 0 10px;
+        }
+        .user-icon {
+            padding-right: 10px;
+        }
+        &:hover,
+        &.selected {
+            background: $menu-dark-active-bg;
+        }
+        .user-image {
+            border-radius: 50%;
+            width: 40px;
+            height: auto;
+        }
+    }
+}
diff --git a/linkis-web-next/src/common/style/headerUserMenu.scss b/linkis-web-next/src/common/style/headerUserMenu.scss
new file mode 100644
index 0000000000..8e99715b22
--- /dev/null
+++ b/linkis-web-next/src/common/style/headerUserMenu.scss
@@ -0,0 +1,59 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+@import '@/common/style/variables.less';
+.user-menu {
+    background: $menu-dark-active-bg;
+    width: 130px;
+    border: none;
+    position: $absolute;
+    top: 62px;
+    left: 50%;
+    margin-left: -110px;
+    border-radius: $border-radius-small;
+    .user-menu-arrow {
+        width: 0;
+        height: 0;
+        border: 8px solid $body-background;
+        border-color: transparent transparent $menu-dark-active-bg transparent;
+        border-top: 0;
+        list-style: none;
+        position: $absolute;
+        top: -8px;
+        left: 50%;
+        margin-left: 40px;
+    }
+    .user-menu-item {
+        list-style: none;
+        padding-left: 20px;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        font-size: $font-size-base;
+        &:hover {
+            color: $body-background;
+            background: $dark-bg-dark;
+            border-top: none;
+            border-radius: $border-radius-small;
+        }
+        .user-menu-item-icon {
+            font-size: $font-size-large;
+            font-weight: bold;
+        }
+    }
+}
diff --git a/linkis-web-next/src/common/style/variables.scss b/linkis-web-next/src/common/style/variables.scss
new file mode 100644
index 0000000000..935368865f
--- /dev/null
+++ b/linkis-web-next/src/common/style/variables.scss
@@ -0,0 +1,272 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+// Color
+$primary-color: #2d8cf0;
+$info-color: #2db7f5;
+$success-color: #19be6b;
+$processing-color: $primary-color;
+$warning-color: #ff9900;
+$error-color: #ed4014;
+$normal-color: #e6ebf1;
+$link-color: #2d8cf0;
+$link-hover-color: mix(#ffffff, $link-color, 20%);
+$link-active-color: mix(#000000, $link-color, 5%);
+$selected-color: rgba($primary-color, 90%);
+$tooltip-color: #fff;
+$subsidiary-color: #808695;
+$rate-star-color: #f5a623;
+$pink-color: rgba(243, 133, 243, 0.753);
+$yellow-color: #f4cf2a;
+// Base
+$body-background: #fff;
+$font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
+    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+$code-family: Consolas, Menlo, Courier, monospace;
+$title-color: #17233d;
+$text-color: #515a6e;
+$font-size-base: 14px;
+$font-size-small: 12px;
+$font-size-large: 16px;
+$line-height-base: 1.5;
+$line-height-computed: floor(($font-size-base * $line-height-base));
+$border-radius-base: 6px;
+$border-radius-small: 4px;
+$border-radius-large: 8px;
+$cursor-disabled: not-allowed;
+// Border color
+$border-color-base: #dcdee2; // outside
+$border-color-split: #e8eaec; // inside
+$border-color-bule: #3c8dbc;
+$border-width-base: 1px; // width of the border for a component
+$border-style-base: solid; // style of a components border
+// Background color
+$background-color-white: #fff;
+$background-color-base: #f7f7f7; // base
+$background-color-select-hover: #f3f3f3;
+$background-color-header: #001c40;
+$tooltip-bg: rgba(70, 76, 91, 0.9);
+$head-bg: #f9fafc;
+$table-thead-bg: #f8f8f9;
+$table-thead-blue-bg: $primary-color;
+$table-td-stripe-bg: #f8f8f9;
+$table-td-hover-bg: #ebf7ff;
+$table-td-highlight-bg: #ebf7ff;
+$menu-dark-title: #515a6e;
+$menu-dark-active-bg: #363e4f;
+$menu-dark-subsidiary-color: rgba(255, 255, 255, 0.7);
+$menu-dark-group-title-color: rgba(255, 255, 255, 0.36);
+$date-picker-cell-hover-bg: #e1f0fe;
+// Shadow
+$shadow-color: rgba(0, 0, 0, 0.2);
+$shadow-base: -1px 0 6px $shadow-color;
+$shadow-card: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+$shadow-up: 0 -1px 6px $shadow-color;
+$shadow-down: 0 1px 6px $shadow-color;
+$shadow-left: -1px 0 6px $shadow-color;
+$shadow-right: 1px 0 6px $shadow-color;
+$shadow-inset: inset 0 0 5px $shadow-color;
+// Button
+$btn-font-weight: normal;
+$btn-padding-base: 5px 15px 6px;
+$btn-padding-large: 6px 15px 6px 15px;
+$btn-padding-small: 1px 7px 2px;
+$btn-padding-base-icon: 5px 15px 6px;
+$btn-padding-large-icon: 6px 15px 6px 15px;
+$btn-padding-small-icon: 1px 7px 2px;
+$btn-font-size: 12px;
+$btn-font-size-large: 14px;
+$btn-border-radius: 4px;
+$btn-border-radius-small: 3px;
+$btn-group-border: shade($primary-color, 5%);
+$btn-disable-color: #c5c8ce;
+$btn-disable-bg: $background-color-base;
+$btn-disable-border: $border-color-base;
+$btn-default-color: $text-color;
+$btn-default-bg: #fff;
+$btn-default-border: $border-color-base;
+$btn-primary-color: #fff;
+$btn-primary-bg: $primary-color;
+$btn-ghost-color: $text-color;
+$btn-ghost-bg: #fff;
+$btn-ghost-border: $border-color-base;
+$btn-circle-size: 32px;
+$btn-circle-size-large: 36px;
+$btn-circle-size-small: 24px;
+// Layout and Grid
+$grid-columns: 24;
+$grid-gutter-width: 0;
+$layout-body-background: #f5f7f9;
+$layout-header-background: #515a6e;
+$layout-header-height: 64px;
+$layout-header-padding: 0 50px;
+$layout-footer-padding: 24px 50px;
+$layout-footer-background: $layout-body-background;
+$layout-sider-background: $layout-header-background;
+$layout-trigger-height: 48px;
+$layout-trigger-color: #fff;
+$layout-zero-trigger-width: 36px;
+$layout-zero-trigger-height: 42px;
+// Legend
+$legend-color: #999;
+// Input
+$input-height-base: 32px;
+$input-height-large: 36px;
+$input-height-small: 24px;
+$input-padding-horizontal: 7px;
+$input-padding-vertical-base: 4px;
+$input-padding-vertical-small: 1px;
+$input-padding-vertical-large: 6px;
+$input-placeholder-color: $btn-disable-color;
+$input-color: $text-color;
+$input-border-color: $border-color-base;
+$input-bg: #fff;
+$input-group-bg: #f8f8f9;
+$input-hover-border-color: $primary-color;
+$input-focus-border-color: $primary-color;
+$input-disabled-bg: #f3f3f3;
+// Tag
+$tag-font-size: 12px;
+// Media queries breakpoints
+// Extra small screen / phone
+$screen-xs: 480px;
+$screen-xs-min: $screen-xs;
+$screen-xs-max: ($screen-xs-min - 1);
+// Small screen / tablet
+$screen-sm: 768px;
+$screen-sm-min: $screen-sm;
+$screen-sm-max: ($screen-sm-min - 1);
+// Medium screen / desktop
+$screen-md: 992px;
+$screen-md-min: $screen-md;
+$screen-md-max: ($screen-md-min - 1);
+// Large screen / wide desktop
+$screen-lg: 1200px;
+$screen-lg-min: $screen-lg;
+$screen-lg-max: ($screen-lg-min - 1);
+// Z-index
+$zindex-spin: 8;
+$zindex-affix: 10;
+$zindex-back-top: 10;
+$zindex-select: 900;
+$zindex-modal: 1000;
+$zindex-drawer: 1000;
+$zindex-message: 1010;
+$zindex-notification: 1010;
+$zindex-tooltip: 1060;
+$zindex-transfer: 1060;
+$zindex-loading-bar: 2000;
+$zindex-spin-fullscreen: 2010;
+// Animation
+$animation-time: 0.3s;
+$transition-time: 0.2s;
+$ease-in-out: ease-in-out;
+// Slider
+$slider-color: tint($primary-color, 20%);
+$slider-height: 4px;
+$slider-margin: 16px 0;
+$slider-button-wrap-size: 18px;
+$slider-button-wrap-offset: -4px;
+$slider-disabled-color: #ccc;
+// Avatar
+$avatar-size-base: 32px;
+$avatar-size-lg: 40px;
+$avatar-size-sm: 24px;
+$avatar-font-size-base: 18px;
+$avatar-font-size-lg: 24px;
+$avatar-font-size-sm: 14px;
+$avatar-bg: #ccc;
+$avatar-color: #fff;
+$avatar-border-radius: $border-radius-small;
+// Anchor
+$anchor-border-width: 2px;
+$dark-bg: #252a2f;
+$dark-bg-light: rgb(0, 33, 64);
+$dark-bg-dark: rgb(0, 12, 23);
+$dark-color: rgba(255, 255, 255, 0.8);
+$dark-selected-bg: rgb(24, 144, 255);
+$dark-selected-color: #ffffff;
+$dark-active-color: #2e92f7;
+// global position variables
+$fixed: fixed;
+$absolute: absolute;
+$relative: relative;
+// scrollbar
+$scrollbar-color: #cdcdcd;
+// 新加入的
+// global color variables
+// button color schema
+$btn-origin-color: #0a9fec;
+$btn-over-color: #54bcf2;
+$btn-click-color: #076fa5;
+// actionbar color schema
+$actionbar-origin-color: #898989;
+$actionbar-over-color: #b5b5b5;
+$actionbar-click-color: #0a9fec;
+$actionbar-run-color: #ff0000;
+// text-color
+$text-blue: #0a9fec;
+$text-origin-color: darken(#898989, 30%);
+$text-click-color: #0a9fec;
+$text-over-color: #b5b5b5;
+$text-red-color: #ff0000;
+$text-color: #515a6e;
+$input-placeholder-color: #c5c8ce;
+$text-title-color: rgba(0, 0, 0, 0.85);
+$text-desc-color: rgba(0, 0, 0, 0.65);
+$text-tille-light-color: rgba(255, 255, 255, 0.85);
+$grey-bg-color: #eff1f6;
+$darken-grey-bg: darken(#eff1f6, 5%);
+// line color schema
+$line-color: darken(#dcdee2, 12%);
+$line-border: 1px solid $line-color;
+$blue-line-bd: 3px solid #0a9fec;
+$black-line-bd: 3px solid #3d3d3d;
+// global dimension variables
+$header-height: 36px;
+$sidenav-width: 45px;
+$sidewin-width: 306px;
+$sidewin-min-width: 206px;
+$sidenav-item-height: 110px;
+$actionbar-height: 34px;
+$editor-height: 200px;
+$editor-tab-height: 35px;
+$output-tab-height: 35px;
+$common-tab-height: 35px;
+// global font size variables
+$text-sz-default: 12px;
+$font-size: 12px;
+$font-size-14: 14px;
+// global align variables
+$align-left: left;
+$align-right: right;
+$align-center: center;
+// global maring padding variables
+$margin: 10px;
+$padding: 10px;
+$padding-25: 25px;
+// global % variables
+$percent-all: 100%;
+$percent-half: 50%;
+// @mixin button-stress($color)
+//   color: white
+//   background-color: $color
+// @mixin button-normal($color)
+//   color: $color
+//   background-color: white
+$workspace-background: #f4f7fb;
+$toolbarWidth: 40px;
diff --git a/linkis-web-next/src/components/editor/editor.vue b/linkis-web-next/src/components/editor/editor.vue
new file mode 100644
index 0000000000..3d0315d10d
--- /dev/null
+++ b/linkis-web-next/src/components/editor/editor.vue
@@ -0,0 +1,615 @@
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+
+<template>
+    <div :class="editorName" class="we-editor" />
+</template>
+<script>
+import { merge, debounce } from 'lodash';
+import storage from '@/common/helper/storage';
+import monaco from './monaco-loader';
+import highRiskGrammar from './highRiskGrammar';
+
+const types = {
+    code: {
+        theme: 'defaultView',
+    },
+    log: {
+        language: 'log',
+        theme: 'logview',
+        readOnly: true,
+        glyphMargin: false,
+        selectOnLineNumbers: false,
+        wordWrap: 'on',
+    },
+};
+export default {
+    name: 'WeEditor',
+    props: {
+        id: {
+            type: String,
+            required: false,
+        },
+        type: {
+            type: String,
+            default: 'code',
+        },
+        theme: String,
+        language: String,
+        value: String,
+        readOnly: {
+            type: Boolean,
+            default: false,
+        },
+        options: Object,
+        executable: {
+            type: Boolean,
+            default: true,
+        },
+        scriptType: String,
+        application: String,
+    },
+    data() {
+        return {
+            editor: null,
+            editorModel: null,
+            decorations: null,
+            isParserClose: true, // Syntax validation is turned off by default(默认关闭语法验证)
+            closeParser: null,
+            openParser: null,
+            sqlParser: null,
+        };
+    },
+    computed: {
+        editorName() {
+            return `we-editor-${this.type}`;
+        },
+        currentConfig() {
+            const typeConfig = types[this.type];
+            const config = merge(
+                {
+                    automaticLayout: false,
+                    scrollBeyondLastLine: false,
+                    minimap: {
+                        enabled: false,
+                    },
+                    readOnly: this.readOnly,
+                    glyphMargin: true,
+                },
+                typeConfig,
+                this.options,
+                {
+                    value: this.value,
+                    theme: this.theme,
+                    language: this.language,
+                },
+            );
+            return config;
+        },
+    },
+    watch: {
+        'currentConfig.readOnly': function (val) {
+            this.editor.updateOptions({ readOnly: val });
+        },
+        value(newValue) {
+            if (this.editor) {
+                this.$emit('on-operator');
+                this.deltaDecorations(newValue);
+                if (newValue == this.getValue()) {
+                    return;
+                }
+                const { readOnly } = this.currentConfig;
+                if (readOnly) {
+                    // Both editor.setValue and model.setValue lose the undo stack(editor.setValue 和 model.setValue 都会丢失撤销栈)
+                    // this.editorModel.setValue(newValue);
+                    const range = this.editor.getModel().getFullModelRange();
+                    const text = newValue;
+                    const op = {
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editorModel.pushEditOperations('insertValue', [op]);
+                } else {
+                    // With undo stack(有撤销栈)
+                    const range = this.editor.getModel().getFullModelRange();
+                    const text = newValue;
+                    const op = {
+                        identifier: {
+                            major: 1,
+                            minor: 1,
+                        },
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editor.executeEdits('insertValue', [op]);
+                }
+            }
+        },
+        language() {
+            this.initParser();
+        },
+    },
+    mounted() {
+        this.initMonaco();
+    },
+    beforeUnmount() {
+        // 销毁 editor，进行gc(销毁 editor，进行gc)
+        this.editor && this.editor.dispose();
+    },
+    methods: {
+        // initialization(初始化)
+        initMonaco() {
+            this.editor = monaco.editor.create(this.$el, this.currentConfig);
+            this.monaco = monaco;
+            this.editorModel = this.editor.getModel();
+            if (this.type !== 'log') {
+                if (this.scriptType !== 'hdfsScript' && !this.readOnly) {
+                    this.addCommands();
+                    this.addActions();
+                }
+                if (this.language === 'hql') {
+                    this.initParser();
+                } else {
+                    this.deltaDecorations(this.value);
+                }
+            }
+            this.$emit('onload');
+            this.editor.onDidChangeModelContent(
+                debounce(() => {
+                    this.$emit('input', this.getValue());
+                }),
+                100,
+            );
+            this.editor.onContextMenu(
+                debounce(() => {
+                    // The right-click menu function that needs to change the text(需要调换文字的右键菜单功能)
+                    const selectList = [
+                        {
+                            label: 'Change All Occurrences',
+                            text: '改变所有出现',
+                        },
+                        { label: 'Format Document', text: '格式化' },
+                        { label: 'Command Palette', text: '命令面板' },
+                        { label: 'Cut', text: '剪切' },
+                        { label: 'Copy', text: '复制' },
+                    ];
+                    if (localStorage.getItem('locale') === 'zh-CN') {
+                        selectList.forEach((item) => {
+                            const elmentList = document.querySelectorAll(
+                                `.actions-container .action-label[aria-label="${item.label}"]`,
+                            );
+                            this.changeInnerText(elmentList, item.text);
+                        });
+                    }
+                }),
+                100,
+            );
+        },
+
+        undo() {
+            this.editor.trigger('anyString', 'undo');
+        },
+        redo() {
+            this.editor.trigger('anyString', 'redo');
+        },
+        // save the current value(保存当前的值)
+        save() {
+            if (this.editorModel) {
+                this.deltaDecorations();
+            }
+        },
+        // Saved edit state ViewState(保存的编辑状态 ViewState)
+        /**
+     *  Yes, editor.saveViewState stores:
+        cursor position
+        scroll location
+        folded sections
+        for a certain model when it is connected to an editor instance.
+        Once the same model is connected to the same or a different editor instance, editor.restoreViewState can be used to restore the above listed state.
+
+        There are very many things that influence how rendering occurs:
+        the current theme
+        the current wrapping settings set on the editor
+        the enablement of a minimap, etc.
+        the current language configured for a model
+        etc.
+      */
+        saveViewState() {
+            if (this.editorModel) {
+                this.editorModel.viewState = this.editor.saveViewState();
+            }
+        },
+        // Reset the previously saved edit state ViewState(重置之前保存的编辑状态 ViewState)
+        restoreViewState() {
+            if (this.editorModel && this.editorModel.viewState) {
+                this.editor.restoreViewState(this.editorModel.viewState);
+            }
+        },
+        // Get editor content(获取编辑器内容)
+        getValue() {
+            return this.editor.getValue({
+                lineEnding: '\n',
+                preserveBOM: false,
+            });
+        },
+        // Get selected content(获取选择的内容)
+        getValueInRange() {
+            const selection = this.editor.getSelection();
+            return selection.isEmpty()
+                ? null
+                : this.editor.getModel().getValueInRange(selection);
+        },
+        // Insert a value in the selected range in the editor(在编辑器选中的范围插入值)
+        insertValueIntoEditor(value) {
+            if (this.editor) {
+                const SelectedRange = this.editor.getSelection();
+                let range = null;
+                if (SelectedRange) {
+                    range = new monaco.Range(
+                        SelectedRange.startLineNumber,
+                        SelectedRange.startColumn,
+                        SelectedRange.endLineNumber,
+                        SelectedRange.endColumn,
+                    );
+                    const text = value;
+                    const op = {
+                        identifier: {
+                            major: 1,
+                            minor: 1,
+                        },
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editor.executeEdits('insertValue', [op]);
+                }
+            }
+        },
+        addCommands() {
+            // save the current script(保存当前脚本)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_S,
+                () => {
+                    this.$emit('on-save');
+                },
+            );
+            // run the current script(运行当前脚本)
+            if (this.executable) {
+                this.editor.addCommand(monaco.KeyCode.F3, () => {
+                    this.$emit('on-run');
+                });
+            }
+            // Invokes the convert lowercase action of the browser itself(调用浏览器本身的转换小写动作)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd +
+                    monaco.KeyMod.Shift +
+                    monaco.KeyCode.KEY_U,
+                () => {
+                    this.editor.trigger(
+                        'toLowerCase',
+                        'editor.action.transformToLowercase',
+                    );
+                },
+            );
+            // Invokes the convert caps action of the browser itself(调用浏览器本身的转换大写动作)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_U,
+                () => {
+                    this.editor.trigger(
+                        'toUpperCase',
+                        'editor.action.transformToUppercase',
+                    );
+                },
+            );
+        },
+        addActions() {
+            const vm = this;
+
+            this.editor.addAction({
+                id: 'editor.action.execute',
+                label: this.$t('message.common.monacoMenu.YXJB'),
+                keybindings: [monaco.KeyCode.F3],
+                keybindingContext: null,
+                contextMenuGroupId: 'navigation',
+                contextMenuOrder: 1.5,
+                run() {
+                    vm.$emit('on-run');
+                },
+            });
+
+            // this.editor.addAction({
+            //   id: 'format',
+            //   label: this.$t('message.common.monacoMenu.GSH'),
+            //   keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyMod.Shift | monaco.KeyCode.KEY_L],
+            //   keybindingContext: null,
+            //   contextMenuGroupId: 'control',
+            //   contextMenuOrder: 1.5,
+            //   run(editor) {
+            //     editor.trigger('anyString', 'editor.action.formatDocument');
+            //   },
+            // });
+
+            this.editor.addAction({
+                id: 'find',
+                label: this.$t('message.common.monacoMenu.CZ'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_F],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.6,
+                run(editor) {
+                    editor.trigger('find', 'actions.find');
+                },
+            });
+
+            this.editor.addAction({
+                id: 'replace',
+                label: this.$t('message.common.monacoMenu.TH'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_H],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.7,
+                run(editor) {
+                    editor.trigger(
+                        'findReplace',
+                        'editor.action.startFindReplaceAction',
+                    );
+                },
+            });
+
+            this.editor.addAction({
+                id: 'commentLine',
+                label: this.$t('message.common.monacoMenu.HZS'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.US_SLASH],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.8,
+                run(editor) {
+                    editor.trigger('commentLine', 'editor.action.commentLine');
+                },
+            });
+
+            this.editor.addAction({
+                id: 'paste',
+                label: this.$t('message.common.monacoMenu.ZT'),
+                keybindings: [],
+                keybindingContext: null,
+                contextMenuGroupId: '9_cutcopypaste',
+                contextMenuOrder: 2,
+                run() {
+                    const copyString = storage.get('copyString');
+                    if (!copyString || copyString.length < 0) {
+                        vm.$Message.warning(
+                            this.$t('message.common.monacoMenu.HBQWJCFZWB'),
+                        );
+                    } else {
+                        vm.insertValueIntoEditor(copyString);
+                    }
+                    return null;
+                },
+            });
+
+            this.editor.addAction({
+                id: 'gotoLine',
+                label: this.$t('message.common.monacoMenu.TDZDH'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_G],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.9,
+                run(editor) {
+                    editor.trigger('gotoLine', 'editor.action.gotoLine');
+                },
+            });
+
+            if (this.language === 'hql') {
+                // Control grammar check(控制语法检查)
+                this.closeParser = this.editor.createContextKey(
+                    'closeParser',
+                    !this.isParserClose,
+                );
+                this.openParser = this.editor.createContextKey(
+                    'openParser',
+                    this.isParserClose,
+                );
+                this.editor.addAction({
+                    id: 'closeParser',
+                    label: this.$t('message.common.monacoMenu.GBYFJC'),
+                    keybindings: [],
+                    keybindingContext: null,
+                    // Used to control the display of the right-click menu(用于控制右键菜单的显示)
+                    precondition: 'closeParser',
+                    contextMenuGroupId: 'control',
+                    contextMenuOrder: 2.0,
+                    run() {
+                        vm.isParserClose = true;
+                        // Controls the display of the right-click menu(控制右键菜单的显示)
+                        vm.openParser.set(true);
+                        vm.closeParser.set(false);
+                        vm.deltaDecorations();
+                    },
+                });
+
+                this.editor.addAction({
+                    id: 'openParser',
+                    label: this.$t('message.common.monacoMenu.DKYFJC'),
+                    keybindings: [],
+                    keybindingContext: null,
+                    precondition: 'openParser',
+                    contextMenuGroupId: 'control',
+                    contextMenuOrder: 2.1,
+                    run() {
+                        vm.isParserClose = false;
+                        vm.openParser.set(false);
+                        vm.closeParser.set(true);
+                        vm.deltaDecorations();
+                    },
+                });
+            }
+        },
+        deltaDecorations: debounce(function (value, cb) {
+            // eslint-disable-next-line @typescript-eslint/no-this-alias
+            const vm: any = this;
+            if (!vm.isParserClose) {
+                let highRiskList = [];
+                const lang = vm.language;
+                const app = vm.application;
+                if (
+                    lang === 'python' ||
+                    (app === 'spark' && ['java', 'hql'].indexOf(lang) !== -1) ||
+                    app === 'hive'
+                ) {
+                    // High-risk syntax highlighting(高危语法的高亮)
+                    highRiskList = vm.setHighRiskGrammar();
+                    const decora = vm.decorations || [];
+                    let isParseSuccess = true;
+                    if (lang === 'hql') {
+                        const val = value || vm.value;
+                        const validParser = !vm.sqlParser
+                            ? null
+                            : vm.sqlParser.parser.parseSyntax(val, 'hive');
+                        let newDecora = [];
+                        if (validParser) {
+                            isParseSuccess = false;
+                            const warningLalbel = `编译语句时异常：在行${validParser.loc.first_line}:${validParser.loc.first_column}，输入词'${validParser.text}'附近可能存在sql语法错误`;
+                            const range = new monaco.Range(
+                                validParser.loc.first_line,
+                                validParser.loc.first_column,
+                                validParser.loc.last_line,
+                                validParser.loc.last_column + 1,
+                            );
+                            // The first element is highlighting the wrong keywords, the second is highlighting lines and margin blocks(第一个元素是对错误的关键词做高亮的，第二个元素是对行和margin块做高亮)的
+                            newDecora = [
+                                {
+                                    range,
+                                    options: {
+                                        inlineClassName: 'inlineDecoration',
+                                    },
+                                },
+                                {
+                                    range,
+                                    options: {
+                                        isWholeLine: true,
+                                        className: 'contentClass',
+                                        // To use color blocks in margin, the editor must set glyphMargin to true(要在margin中使用色块，编辑器必须将glyphMargin设置为true)
+                                        glyphMarginClassName:
+                                            'glyphMarginClass',
+                                        // hover prompt, the use of glyphHoverMessage in the documentation is wrong(hover提示，文档中使用glyphHoverMessage是错的)
+                                        hoverMessage: {
+                                            value: warningLalbel,
+                                        },
+                                    },
+                                },
+                            ];
+                        }
+                        // The first parameter is old, used to clear decorations(第一个参数是旧的，用于清空decorations)
+                        vm.decorations = vm.editor.deltaDecorations(
+                            decora,
+                            newDecora.concat(highRiskList),
+                        );
+                        vm.$emit('is-parse-success', isParseSuccess);
+                    } else {
+                        vm.decorations = vm.editor.deltaDecorations(
+                            decora,
+                            highRiskList,
+                        );
+                    }
+                    if (cb) {
+                        cb(isParseSuccess);
+                    }
+                } else if (cb) {
+                    cb(true);
+                }
+            } else {
+                // When the grammar check is turned off, if there is an error color block on the editor, clear it first(关闭语法检查时，如果编辑器上有错误色块，先清除)
+                const decora = vm.decorations || [];
+                vm.decorations = vm.editor.deltaDecorations(decora, []);
+                if (cb) {
+                    cb(true);
+                }
+            }
+        }, 500),
+        setHighRiskGrammar() {
+            let highRiskList = [];
+            const HOVER_MESSAGE = this.$t(
+                'message.common.monacoMenu.GYFSYGWYF',
+            );
+            let highRiskGrammarToken = highRiskGrammar[this.language];
+            if (this.language === 'java') {
+                highRiskGrammarToken = highRiskGrammar.scala;
+            }
+            if (highRiskGrammarToken && highRiskGrammarToken.length) {
+                // Because there are multiple regular tokens, use all the rules to traverse(因为正则的token有多个，所以要用所有的规则去遍历)
+                highRiskGrammarToken.forEach((key) => {
+                    // Use regular to grab the matching text in the editor, which is an array(使用正则去抓取编辑器中的匹配文本，是一个数组)
+                    const errorLabel = this.editorModel.findMatches(
+                        key,
+                        false,
+                        true,
+                        false,
+                        null,
+                        true,
+                    );
+                    if (errorLabel.length) {
+                        const formatedRiskGrammer = [];
+                        errorLabel.forEach((item) => {
+                            // Get the content of the current entire line(拿到当前整行的内容)
+                            const lineContent = this.editorModel.getLineContent(
+                                item.range.startLineNumber,
+                            );
+                            let reg = /^[^\-\-]\s*/;
+                            if (this.language === 'python') {
+                                reg = /^[^\#]\s*/;
+                            } else if (this.language === 'java') {
+                                reg = /^[^\/\/]\s*/;
+                            }
+                            const isHasComment = reg.test(lineContent);
+                            // Determine if there are annotations(判断是否有注释)
+                            if (isHasComment) {
+                                formatedRiskGrammer.push({
+                                    range: item.range,
+                                    options: {
+                                        inlineClassName: 'highRiskGrammar',
+                                        hoverMessage: {
+                                            value: HOVER_MESSAGE,
+                                        },
+                                    },
+                                });
+                            }
+                        });
+                        highRiskList = highRiskList.concat(formatedRiskGrammer);
+                    }
+                });
+            }
+            return highRiskList;
+        },
+        async initParser() {
+            this.monaco.editor.setModelLanguage(
+                this.editorModel,
+                this.language,
+            );
+            if (this.language === 'hql' && !this.sqlParser) {
+                this.sqlParser = await import('dt-sql-parser');
+            }
+            this.deltaDecorations(this.value);
+        },
+    },
+};
+</script>
+<script lang="ts" setup></script>
+
+<style lang="scss" src="./index.scss"></style>
diff --git a/linkis-web-next/src/components/editor/editorNext.vue b/linkis-web-next/src/components/editor/editorNext.vue
new file mode 100644
index 0000000000..7e49fdceb9
--- /dev/null
+++ b/linkis-web-next/src/components/editor/editorNext.vue
@@ -0,0 +1,618 @@
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+
+<template>
+    <div :class="editorName" class="we-editor" />
+</template>
+<script lang="ts">
+import { merge, debounce } from 'lodash';
+import { defineComponent, ref } from 'vue';
+import storage from '@/common/helper/storage';
+import monaco from './monaco-loader';
+import highRiskGrammar from './highRiskGrammar';
+
+const types = {
+    code: {
+        theme: 'defaultView',
+    },
+    log: {
+        language: 'log',
+        theme: 'logview',
+        readOnly: true,
+        glyphMargin: false,
+        selectOnLineNumbers: false,
+        wordWrap: 'on',
+    },
+};
+
+export default defineComponent({
+    props: {
+        id: {
+            type: String,
+            required: false,
+        },
+        type: {
+            type: String,
+            default: 'code',
+        },
+        theme: String,
+        language: String,
+        value: String,
+        readOnly: {
+            type: Boolean,
+            default: false,
+        },
+        options: Object,
+        executable: {
+            type: Boolean,
+            default: true,
+        },
+        scriptType: String,
+        application: String,
+    },
+    setup() {
+        return {
+            editor: null,
+            editorModel: null,
+            decorations: null,
+            isParserClose: true, // Syntax validation is turned off by default(默认关闭语法验证)
+            closeParser: null,
+            openParser: null,
+            sqlParser: null,
+        };
+    },
+    computed: {
+        editorName() {
+            return `we-editor-${this.type}`;
+        },
+        currentConfig() {
+            const typeConfig = types[this.type];
+            const config = merge(
+                {
+                    automaticLayout: false,
+                    scrollBeyondLastLine: false,
+                    minimap: {
+                        enabled: false,
+                    },
+                    readOnly: this.readOnly,
+                    glyphMargin: true,
+                },
+                typeConfig,
+                this.options,
+                {
+                    value: this.value,
+                    theme: this.theme,
+                    language: this.language,
+                },
+            );
+            return config;
+        },
+    },
+    watch: {
+        'currentConfig.readOnly': function (val) {
+            this.editor.updateOptions({ readOnly: val });
+        },
+        value(newValue) {
+            if (this.editor) {
+                this.$emit('on-operator');
+                this.deltaDecorations(newValue);
+                if (newValue == this.getValue()) {
+                    return;
+                }
+                const { readOnly } = this.currentConfig;
+                if (readOnly) {
+                    // Both editor.setValue and model.setValue lose the undo stack(editor.setValue 和 model.setValue 都会丢失撤销栈)
+                    // this.editorModel.setValue(newValue);
+                    const range = this.editor.getModel().getFullModelRange();
+                    const text = newValue;
+                    const op = {
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editorModel.pushEditOperations('insertValue', [op]);
+                } else {
+                    // With undo stack(有撤销栈)
+                    const range = this.editor.getModel().getFullModelRange();
+                    const text = newValue;
+                    const op = {
+                        identifier: {
+                            major: 1,
+                            minor: 1,
+                        },
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editor.executeEdits('insertValue', [op]);
+                }
+            }
+        },
+        language() {
+            this.initParser();
+        },
+    },
+    mounted() {
+        this.initMonaco();
+    },
+    beforeUnmount() {
+        // 销毁 editor，进行gc(销毁 editor，进行gc)
+        this.editor && this.editor.dispose();
+    },
+    methods: {
+        // initialization(初始化)
+        initMonaco() {
+            this.editor = monaco.editor.create(this.$el, this.currentConfig);
+            this.monaco = monaco;
+            this.editorModel = this.editor.getModel();
+            if (this.type !== 'log') {
+                if (this.scriptType !== 'hdfsScript' && !this.readOnly) {
+                    this.addCommands();
+                    this.addActions();
+                }
+                if (this.language === 'hql') {
+                    this.initParser();
+                } else {
+                    this.deltaDecorations(this.value);
+                }
+            }
+            this.$emit('onload');
+            this.editor.onDidChangeModelContent(
+                debounce(() => {
+                    this.$emit('input', this.getValue());
+                }),
+                100,
+            );
+            this.editor.onContextMenu(
+                debounce(() => {
+                    // The right-click menu function that needs to change the text(需要调换文字的右键菜单功能)
+                    const selectList = [
+                        {
+                            label: 'Change All Occurrences',
+                            text: '改变所有出现',
+                        },
+                        { label: 'Format Document', text: '格式化' },
+                        { label: 'Command Palette', text: '命令面板' },
+                        { label: 'Cut', text: '剪切' },
+                        { label: 'Copy', text: '复制' },
+                    ];
+                    if (localStorage.getItem('locale') === 'zh-CN') {
+                        selectList.forEach((item) => {
+                            const elmentList = document.querySelectorAll(
+                                `.actions-container .action-label[aria-label="${item.label}"]`,
+                            );
+                            this.changeInnerText(elmentList, item.text);
+                        });
+                    }
+                }),
+                100,
+            );
+        },
+        changeInnerText(elList, text) {
+            elList.forEach((el) => {
+                el.innerText = text;
+            });
+        },
+        undo() {
+            this.editor.trigger('anyString', 'undo');
+        },
+        redo() {
+            this.editor.trigger('anyString', 'redo');
+        },
+        // save the current value(保存当前的值)
+        save() {
+            if (this.editorModel) {
+                this.deltaDecorations();
+            }
+        },
+        // Saved edit state ViewState(保存的编辑状态 ViewState)
+        /**
+     *  Yes, editor.saveViewState stores:
+        cursor position
+        scroll location
+        folded sections
+        for a certain model when it is connected to an editor instance.
+        Once the same model is connected to the same or a different editor instance, editor.restoreViewState can be used to restore the above listed state.
+
+        There are very many things that influence how rendering occurs:
+        the current theme
+        the current wrapping settings set on the editor
+        the enablement of a minimap, etc.
+        the current language configured for a model
+        etc.
+      */
+        saveViewState() {
+            if (this.editorModel) {
+                this.editorModel.viewState = this.editor.saveViewState();
+            }
+        },
+        // Reset the previously saved edit state ViewState(重置之前保存的编辑状态 ViewState)
+        restoreViewState() {
+            if (this.editorModel && this.editorModel.viewState) {
+                this.editor.restoreViewState(this.editorModel.viewState);
+            }
+        },
+        // Get editor content(获取编辑器内容)
+        getValue() {
+            return this.editor.getValue({
+                lineEnding: '\n',
+                preserveBOM: false,
+            });
+        },
+        // Get selected content(获取选择的内容)
+        getValueInRange() {
+            const selection = this.editor.getSelection();
+            return selection.isEmpty()
+                ? null
+                : this.editor.getModel().getValueInRange(selection);
+        },
+        // Insert a value in the selected range in the editor(在编辑器选中的范围插入值)
+        insertValueIntoEditor(value) {
+            if (this.editor) {
+                const SelectedRange = this.editor.getSelection();
+                let range = null;
+                if (SelectedRange) {
+                    range = new monaco.Range(
+                        SelectedRange.startLineNumber,
+                        SelectedRange.startColumn,
+                        SelectedRange.endLineNumber,
+                        SelectedRange.endColumn,
+                    );
+                    const text = value;
+                    const op = {
+                        identifier: {
+                            major: 1,
+                            minor: 1,
+                        },
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editor.executeEdits('insertValue', [op]);
+                }
+            }
+        },
+        addCommands() {
+            // save the current script(保存当前脚本)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_S,
+                () => {
+                    this.$emit('on-save');
+                },
+            );
+            // run the current script(运行当前脚本)
+            if (this.executable) {
+                this.editor.addCommand(monaco.KeyCode.F3, () => {
+                    this.$emit('on-run');
+                });
+            }
+            // Invokes the convert lowercase action of the browser itself(调用浏览器本身的转换小写动作)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd +
+                    monaco.KeyMod.Shift +
+                    monaco.KeyCode.KEY_U,
+                () => {
+                    this.editor.trigger(
+                        'toLowerCase',
+                        'editor.action.transformToLowercase',
+                    );
+                },
+            );
+            // Invokes the convert caps action of the browser itself(调用浏览器本身的转换大写动作)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_U,
+                () => {
+                    this.editor.trigger(
+                        'toUpperCase',
+                        'editor.action.transformToUppercase',
+                    );
+                },
+            );
+        },
+        addActions() {
+            const vm = this;
+
+            this.editor.addAction({
+                id: 'editor.action.execute',
+                label: this.$t('message.common.monacoMenu.YXJB'),
+                keybindings: [monaco.KeyCode.F3],
+                keybindingContext: null,
+                contextMenuGroupId: 'navigation',
+                contextMenuOrder: 1.5,
+                run() {
+                    vm.$emit('on-run');
+                },
+            });
+
+            // this.editor.addAction({
+            //   id: 'format',
+            //   label: this.$t('message.common.monacoMenu.GSH'),
+            //   keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyMod.Shift | monaco.KeyCode.KEY_L],
+            //   keybindingContext: null,
+            //   contextMenuGroupId: 'control',
+            //   contextMenuOrder: 1.5,
+            //   run(editor) {
+            //     editor.trigger('anyString', 'editor.action.formatDocument');
+            //   },
+            // });
+
+            this.editor.addAction({
+                id: 'find',
+                label: this.$t('message.common.monacoMenu.CZ'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_F],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.6,
+                run(editor) {
+                    editor.trigger('find', 'actions.find');
+                },
+            });
+
+            this.editor.addAction({
+                id: 'replace',
+                label: this.$t('message.common.monacoMenu.TH'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_H],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.7,
+                run(editor) {
+                    editor.trigger(
+                        'findReplace',
+                        'editor.action.startFindReplaceAction',
+                    );
+                },
+            });
+
+            this.editor.addAction({
+                id: 'commentLine',
+                label: this.$t('message.common.monacoMenu.HZS'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.US_SLASH],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.8,
+                run(editor) {
+                    editor.trigger('commentLine', 'editor.action.commentLine');
+                },
+            });
+
+            this.editor.addAction({
+                id: 'paste',
+                label: this.$t('message.common.monacoMenu.ZT'),
+                keybindings: [],
+                keybindingContext: null,
+                contextMenuGroupId: '9_cutcopypaste',
+                contextMenuOrder: 2,
+                run() {
+                    const copyString = storage.get('copyString');
+                    if (!copyString || copyString.length < 0) {
+                        vm.$Message.warning(
+                            this.$t('message.common.monacoMenu.HBQWJCFZWB'),
+                        );
+                    } else {
+                        vm.insertValueIntoEditor(copyString);
+                    }
+                    return null;
+                },
+            });
+
+            this.editor.addAction({
+                id: 'gotoLine',
+                label: this.$t('message.common.monacoMenu.TDZDH'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_G],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.9,
+                run(editor) {
+                    editor.trigger('gotoLine', 'editor.action.gotoLine');
+                },
+            });
+
+            if (this.language === 'hql') {
+                // Control grammar check(控制语法检查)
+                this.closeParser = this.editor.createContextKey(
+                    'closeParser',
+                    !this.isParserClose,
+                );
+                this.openParser = this.editor.createContextKey(
+                    'openParser',
+                    this.isParserClose,
+                );
+                this.editor.addAction({
+                    id: 'closeParser',
+                    label: this.$t('message.common.monacoMenu.GBYFJC'),
+                    keybindings: [],
+                    keybindingContext: null,
+                    // Used to control the display of the right-click menu(用于控制右键菜单的显示)
+                    precondition: 'closeParser',
+                    contextMenuGroupId: 'control',
+                    contextMenuOrder: 2.0,
+                    run() {
+                        vm.isParserClose = true;
+                        // Controls the display of the right-click menu(控制右键菜单的显示)
+                        vm.openParser.set(true);
+                        vm.closeParser.set(false);
+                        vm.deltaDecorations();
+                    },
+                });
+
+                this.editor.addAction({
+                    id: 'openParser',
+                    label: this.$t('message.common.monacoMenu.DKYFJC'),
+                    keybindings: [],
+                    keybindingContext: null,
+                    precondition: 'openParser',
+                    contextMenuGroupId: 'control',
+                    contextMenuOrder: 2.1,
+                    run() {
+                        vm.isParserClose = false;
+                        vm.openParser.set(false);
+                        vm.closeParser.set(true);
+                        vm.deltaDecorations();
+                    },
+                });
+            }
+        },
+        deltaDecorations: debounce(function (value, cb) {
+            const vm = this;
+            if (!vm.isParserClose) {
+                let highRiskList = [];
+                const lang = vm.language;
+                const app = vm.application;
+                if (
+                    lang === 'python' ||
+                    (app === 'spark' && ['java', 'hql'].indexOf(lang) !== -1) ||
+                    app === 'hive'
+                ) {
+                    // High-risk syntax highlighting(高危语法的高亮)
+                    highRiskList = vm.setHighRiskGrammar();
+                    const decora = vm.decorations || [];
+                    let isParseSuccess = true;
+                    if (lang === 'hql') {
+                        const val = value || vm.value;
+                        const validParser = !vm.sqlParser
+                            ? null
+                            : vm.sqlParser.parser.parseSyntax(val, 'hive');
+                        let newDecora = [];
+                        if (validParser) {
+                            isParseSuccess = false;
+                            const warningLalbel = `编译语句时异常：在行${validParser.loc.first_line}:${validParser.loc.first_column}，输入词'${validParser.text}'附近可能存在sql语法错误`;
+                            const range = new monaco.Range(
+                                validParser.loc.first_line,
+                                validParser.loc.first_column,
+                                validParser.loc.last_line,
+                                validParser.loc.last_column + 1,
+                            );
+                            // The first element is highlighting the wrong keywords, the second is highlighting lines and margin blocks(第一个元素是对错误的关键词做高亮的，第二个元素是对行和margin块做高亮)的
+                            newDecora = [
+                                {
+                                    range,
+                                    options: {
+                                        inlineClassName: 'inlineDecoration',
+                                    },
+                                },
+                                {
+                                    range,
+                                    options: {
+                                        isWholeLine: true,
+                                        className: 'contentClass',
+                                        // To use color blocks in margin, the editor must set glyphMargin to true(要在margin中使用色块，编辑器必须将glyphMargin设置为true)
+                                        glyphMarginClassName:
+                                            'glyphMarginClass',
+                                        // hover prompt, the use of glyphHoverMessage in the documentation is wrong(hover提示，文档中使用glyphHoverMessage是错的)
+                                        hoverMessage: {
+                                            value: warningLalbel,
+                                        },
+                                    },
+                                },
+                            ];
+                        }
+                        // The first parameter is old, used to clear decorations(第一个参数是旧的，用于清空decorations)
+                        vm.decorations = vm.editor.deltaDecorations(
+                            decora,
+                            newDecora.concat(highRiskList),
+                        );
+                        vm.$emit('is-parse-success', isParseSuccess);
+                    } else {
+                        vm.decorations = vm.editor.deltaDecorations(
+                            decora,
+                            highRiskList,
+                        );
+                    }
+                    if (cb) {
+                        cb(isParseSuccess);
+                    }
+                } else if (cb) {
+                    cb(true);
+                }
+            } else {
+                // When the grammar check is turned off, if there is an error color block on the editor, clear it first(关闭语法检查时，如果编辑器上有错误色块，先清除)
+                const decora = vm.decorations || [];
+                vm.decorations = vm.editor.deltaDecorations(decora, []);
+                if (cb) {
+                    cb(true);
+                }
+            }
+        }, 500),
+        setHighRiskGrammar() {
+            let highRiskList = [];
+            const HOVER_MESSAGE = this.$t(
+                'message.common.monacoMenu.GYFSYGWYF',
+            );
+            let highRiskGrammarToken = highRiskGrammar[this.language];
+            if (this.language === 'java') {
+                highRiskGrammarToken = highRiskGrammar.scala;
+            }
+            if (highRiskGrammarToken && highRiskGrammarToken.length) {
+                // Because there are multiple regular tokens, use all the rules to traverse(因为正则的token有多个，所以要用所有的规则去遍历)
+                highRiskGrammarToken.forEach((key) => {
+                    // Use regular to grab the matching text in the editor, which is an array(使用正则去抓取编辑器中的匹配文本，是一个数组)
+                    const errorLabel = this.editorModel.findMatches(
+                        key,
+                        false,
+                        true,
+                        false,
+                        null,
+                        true,
+                    );
+                    if (errorLabel.length) {
+                        const formatedRiskGrammer = [];
+                        errorLabel.forEach((item) => {
+                            // Get the content of the current entire line(拿到当前整行的内容)
+                            const lineContent = this.editorModel.getLineContent(
+                                item.range.startLineNumber,
+                            );
+                            let reg = /^[^\-\-]\s*/;
+                            if (this.language === 'python') {
+                                reg = /^[^\#]\s*/;
+                            } else if (this.language === 'java') {
+                                reg = /^[^\/\/]\s*/;
+                            }
+                            const isHasComment = reg.test(lineContent);
+                            // Determine if there are annotations(判断是否有注释)
+                            if (isHasComment) {
+                                formatedRiskGrammer.push({
+                                    range: item.range,
+                                    options: {
+                                        inlineClassName: 'highRiskGrammar',
+                                        hoverMessage: {
+                                            value: HOVER_MESSAGE,
+                                        },
+                                    },
+                                });
+                            }
+                        });
+                        highRiskList = highRiskList.concat(formatedRiskGrammer);
+                    }
+                });
+            }
+            return highRiskList;
+        },
+        async initParser() {
+            this.monaco.editor.setModelLanguage(
+                this.editorModel,
+                this.language,
+            );
+            // if (this.language === 'hql' && !this.sqlParser) {
+            //     this.sqlParser = await import('dt-sql-parser');
+            // }
+            this.deltaDecorations(this.value);
+        },
+    },
+});
+</script>
+
+<style src="./index.less"></style>
diff --git a/linkis-web-next/src/components/editor/editorNext2.vue b/linkis-web-next/src/components/editor/editorNext2.vue
new file mode 100644
index 0000000000..35e80760bc
--- /dev/null
+++ b/linkis-web-next/src/components/editor/editorNext2.vue
@@ -0,0 +1,615 @@
+<template>
+    <div class="editor-area" :style="{ width, height }"></div>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue';
+import { merge, debounce } from 'lodash';
+import storage from '@/common/helper/storage';
+import useMonaco from './util2';
+import monaco from './monaco-loader';
+import highRiskGrammar from './highRiskGrammar';
+
+const types = {
+    code: {
+        theme: 'defaultView',
+    },
+    log: {
+        language: 'log',
+        theme: 'logview',
+        readOnly: true,
+        glyphMargin: false,
+        selectOnLineNumbers: false,
+        wordWrap: 'on',
+    },
+};
+
+export default defineComponent({
+    props: {
+        width: {
+            type: String,
+            default: '100%',
+        },
+        height: {
+            type: String,
+            default: '90vh',
+        },
+        language: {
+            type: String,
+            default: 'json',
+        },
+        preComment: {
+            type: String,
+            default: '',
+        },
+        modelValue: {
+            type: String,
+            default: '',
+        },
+        editorOptions: {
+            type: Object,
+            default: () => ({}),
+        },
+    },
+    watch: {
+        modelValue(val) {
+            val !== this.getEditor()?.getValue() && this.updateMonacoVal(val);
+        },
+
+        editorName() {
+            return `we-editor-${this.type}`;
+        },
+        currentConfig() {
+            const typeConfig = types[this.type];
+            const config = merge(
+                {
+                    automaticLayout: false,
+                    scrollBeyondLastLine: false,
+                    minimap: {
+                        enabled: false,
+                    },
+                    readOnly: this.readOnly,
+                    glyphMargin: true,
+                },
+                typeConfig,
+                this.options,
+                {
+                    value: this.value,
+                    theme: this.theme,
+                    language: this.language,
+                },
+            );
+            return config;
+        },
+    },
+    setup(props) {
+        const { updateVal, getEditor, createEditor, onFormatDoc } = useMonaco(
+            props.language,
+        );
+        return {
+            updateVal,
+            getEditor,
+            createEditor,
+            onFormatDoc,
+
+            editor: null,
+            editorModel: null,
+            decorations: null,
+            isParserClose: true, // Syntax validation is turned off by default(默认关闭语法验证)
+            closeParser: null,
+            openParser: null,
+            sqlParser: null,
+        };
+    },
+    methods: {
+        updateMonacoVal(_val?: string) {
+            const { modelValue, preComment } = this.$props;
+            const val = preComment
+                ? `${preComment}\n${_val || modelValue}`
+                : _val || modelValue;
+            this.updateVal(val);
+        },
+
+        // initialization(初始化)
+        initMonaco() {
+            this.editor = monaco.editor.create(this.$el, this.currentConfig);
+            this.monaco = monaco;
+            this.editorModel = this.editor.getModel();
+            if (this.type !== 'log') {
+                if (this.scriptType !== 'hdfsScript' && !this.readOnly) {
+                    this.addCommands();
+                    this.addActions();
+                }
+                if (this.language === 'hql') {
+                    this.initParser();
+                } else {
+                    this.deltaDecorations(this.value);
+                }
+            }
+            this.$emit('onload');
+            this.editor.onDidChangeModelContent(
+                debounce(() => {
+                    this.$emit('input', this.getValue());
+                }),
+                100,
+            );
+            this.editor.onContextMenu(
+                debounce(() => {
+                    // The right-click menu function that needs to change the text(需要调换文字的右键菜单功能)
+                    const selectList = [
+                        {
+                            label: 'Change All Occurrences',
+                            text: '改变所有出现',
+                        },
+                        { label: 'Format Document', text: '格式化' },
+                        { label: 'Command Palette', text: '命令面板' },
+                        { label: 'Cut', text: '剪切' },
+                        { label: 'Copy', text: '复制' },
+                    ];
+                    if (localStorage.getItem('locale') === 'zh-CN') {
+                        selectList.forEach((item) => {
+                            const elmentList = document.querySelectorAll(
+                                `.actions-container .action-label[aria-label="${item.label}"]`,
+                            );
+                            this.changeInnerText(elmentList, item.text);
+                        });
+                    }
+                }),
+                100,
+            );
+        },
+
+        undo() {
+            this.editor.trigger('anyString', 'undo');
+        },
+        redo() {
+            this.editor.trigger('anyString', 'redo');
+        },
+        // save the current value(保存当前的值)
+        save() {
+            if (this.editorModel) {
+                this.deltaDecorations();
+            }
+        },
+        // Saved edit state ViewState(保存的编辑状态 ViewState)
+        saveViewState() {
+            if (this.editorModel) {
+                this.editorModel.viewState = this.editor.saveViewState();
+            }
+        },
+        // Reset the previously saved edit state ViewState(重置之前保存的编辑状态 ViewState)
+        restoreViewState() {
+            if (this.editorModel && this.editorModel.viewState) {
+                this.editor.restoreViewState(this.editorModel.viewState);
+            }
+        },
+        // Get editor content(获取编辑器内容)
+        getValue() {
+            return this.editor.getValue({
+                lineEnding: '\n',
+                preserveBOM: false,
+            });
+        },
+        // Get selected content(获取选择的内容)
+        getValueInRange() {
+            const selection = this.editor.getSelection();
+            return selection.isEmpty()
+                ? null
+                : this.editor.getModel().getValueInRange(selection);
+        },
+        // Insert a value in the selected range in the editor(在编辑器选中的范围插入值)
+        insertValueIntoEditor(value) {
+            if (this.editor) {
+                const SelectedRange = this.editor.getSelection();
+                let range = null;
+                if (SelectedRange) {
+                    range = new monaco.Range(
+                        SelectedRange.startLineNumber,
+                        SelectedRange.startColumn,
+                        SelectedRange.endLineNumber,
+                        SelectedRange.endColumn,
+                    );
+                    const text = value;
+                    const op = {
+                        identifier: {
+                            major: 1,
+                            minor: 1,
+                        },
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editor.executeEdits('insertValue', [op]);
+                }
+            }
+        },
+        addCommands() {
+            // save the current script(保存当前脚本)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_S,
+                () => {
+                    this.$emit('on-save');
+                },
+            );
+            // run the current script(运行当前脚本)
+            if (this.executable) {
+                this.editor.addCommand(monaco.KeyCode.F3, () => {
+                    this.$emit('on-run');
+                });
+            }
+            // Invokes the convert lowercase action of the browser itself(调用浏览器本身的转换小写动作)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd +
+                    monaco.KeyMod.Shift +
+                    monaco.KeyCode.KEY_U,
+                () => {
+                    this.editor.trigger(
+                        'toLowerCase',
+                        'editor.action.transformToLowercase',
+                    );
+                },
+            );
+            // Invokes the convert caps action of the browser itself(调用浏览器本身的转换大写动作)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_U,
+                () => {
+                    this.editor.trigger(
+                        'toUpperCase',
+                        'editor.action.transformToUppercase',
+                    );
+                },
+            );
+        },
+        addActions() {
+            const vm = this;
+
+            this.editor.addAction({
+                id: 'editor.action.execute',
+                label: this.$t('message.common.monacoMenu.YXJB'),
+                keybindings: [monaco.KeyCode.F3],
+                keybindingContext: null,
+                contextMenuGroupId: 'navigation',
+                contextMenuOrder: 1.5,
+                run() {
+                    vm.$emit('on-run');
+                },
+            });
+
+            // this.editor.addAction({
+            //   id: 'format',
+            //   label: this.$t('message.common.monacoMenu.GSH'),
+            //   keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyMod.Shift | monaco.KeyCode.KEY_L],
+            //   keybindingContext: null,
+            //   contextMenuGroupId: 'control',
+            //   contextMenuOrder: 1.5,
+            //   run(editor) {
+            //     editor.trigger('anyString', 'editor.action.formatDocument');
+            //   },
+            // });
+
+            this.editor.addAction({
+                id: 'find',
+                label: this.$t('message.common.monacoMenu.CZ'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_F],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.6,
+                run(editor) {
+                    editor.trigger('find', 'actions.find');
+                },
+            });
+
+            this.editor.addAction({
+                id: 'replace',
+                label: this.$t('message.common.monacoMenu.TH'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_H],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.7,
+                run(editor) {
+                    editor.trigger(
+                        'findReplace',
+                        'editor.action.startFindReplaceAction',
+                    );
+                },
+            });
+
+            this.editor.addAction({
+                id: 'commentLine',
+                label: this.$t('message.common.monacoMenu.HZS'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.US_SLASH],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.8,
+                run(editor) {
+                    editor.trigger('commentLine', 'editor.action.commentLine');
+                },
+            });
+
+            this.editor.addAction({
+                id: 'paste',
+                label: this.$t('message.common.monacoMenu.ZT'),
+                keybindings: [],
+                keybindingContext: null,
+                contextMenuGroupId: '9_cutcopypaste',
+                contextMenuOrder: 2,
+                run() {
+                    const copyString = storage.get('copyString');
+                    if (!copyString || copyString.length < 0) {
+                        vm.$Message.warning(
+                            this.$t('message.common.monacoMenu.HBQWJCFZWB'),
+                        );
+                    } else {
+                        vm.insertValueIntoEditor(copyString);
+                    }
+                    return null;
+                },
+            });
+
+            this.editor.addAction({
+                id: 'gotoLine',
+                label: this.$t('message.common.monacoMenu.TDZDH'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_G],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.9,
+                run(editor) {
+                    editor.trigger('gotoLine', 'editor.action.gotoLine');
+                },
+            });
+
+            if (this.language === 'hql') {
+                // Control grammar check(控制语法检查)
+                this.closeParser = this.editor.createContextKey(
+                    'closeParser',
+                    !this.isParserClose,
+                );
+                this.openParser = this.editor.createContextKey(
+                    'openParser',
+                    this.isParserClose,
+                );
+                this.editor.addAction({
+                    id: 'closeParser',
+                    label: this.$t('message.common.monacoMenu.GBYFJC'),
+                    keybindings: [],
+                    keybindingContext: null,
+                    // Used to control the display of the right-click menu(用于控制右键菜单的显示)
+                    precondition: 'closeParser',
+                    contextMenuGroupId: 'control',
+                    contextMenuOrder: 2.0,
+                    run() {
+                        vm.isParserClose = true;
+                        // Controls the display of the right-click menu(控制右键菜单的显示)
+                        vm.openParser.set(true);
+                        vm.closeParser.set(false);
+                        vm.deltaDecorations();
+                    },
+                });
+
+                this.editor.addAction({
+                    id: 'openParser',
+                    label: this.$t('message.common.monacoMenu.DKYFJC'),
+                    keybindings: [],
+                    keybindingContext: null,
+                    precondition: 'openParser',
+                    contextMenuGroupId: 'control',
+                    contextMenuOrder: 2.1,
+                    run() {
+                        vm.isParserClose = false;
+                        vm.openParser.set(false);
+                        vm.closeParser.set(true);
+                        vm.deltaDecorations();
+                    },
+                });
+            }
+        },
+        deltaDecorations: debounce(function (value, cb) {
+            // eslint-disable-next-line @typescript-eslint/no-this-alias
+            const vm: any = this;
+            if (!vm.isParserClose) {
+                let highRiskList = [];
+                const lang = vm.language;
+                const app = vm.application;
+                if (
+                    lang === 'python' ||
+                    (app === 'spark' && ['java', 'hql'].indexOf(lang) !== -1) ||
+                    app === 'hive'
+                ) {
+                    // High-risk syntax highlighting(高危语法的高亮)
+                    highRiskList = vm.setHighRiskGrammar();
+                    const decora = vm.decorations || [];
+                    let isParseSuccess = true;
+                    if (lang === 'hql') {
+                        const val = value || vm.value;
+                        const validParser = !vm.sqlParser
+                            ? null
+                            : vm.sqlParser.parser.parseSyntax(val, 'hive');
+                        let newDecora = [];
+                        if (validParser) {
+                            isParseSuccess = false;
+                            const warningLalbel = `编译语句时异常：在行${validParser.loc.first_line}:${validParser.loc.first_column}，输入词'${validParser.text}'附近可能存在sql语法错误`;
+                            const range = new monaco.Range(
+                                validParser.loc.first_line,
+                                validParser.loc.first_column,
+                                validParser.loc.last_line,
+                                validParser.loc.last_column + 1,
+                            );
+                            // The first element is highlighting the wrong keywords, the second is highlighting lines and margin blocks(第一个元素是对错误的关键词做高亮的，第二个元素是对行和margin块做高亮)的
+                            newDecora = [
+                                {
+                                    range,
+                                    options: {
+                                        inlineClassName: 'inlineDecoration',
+                                    },
+                                },
+                                {
+                                    range,
+                                    options: {
+                                        isWholeLine: true,
+                                        className: 'contentClass',
+                                        // To use color blocks in margin, the editor must set glyphMargin to true(要在margin中使用色块，编辑器必须将glyphMargin设置为true)
+                                        glyphMarginClassName:
+                                            'glyphMarginClass',
+                                        // hover prompt, the use of glyphHoverMessage in the documentation is wrong(hover提示，文档中使用glyphHoverMessage是错的)
+                                        hoverMessage: {
+                                            value: warningLalbel,
+                                        },
+                                    },
+                                },
+                            ];
+                        }
+                        // The first parameter is old, used to clear decorations(第一个参数是旧的，用于清空decorations)
+                        vm.decorations = vm.editor.deltaDecorations(
+                            decora,
+                            newDecora.concat(highRiskList),
+                        );
+                        vm.$emit('is-parse-success', isParseSuccess);
+                    } else {
+                        vm.decorations = vm.editor.deltaDecorations(
+                            decora,
+                            highRiskList,
+                        );
+                    }
+                    if (cb) {
+                        cb(isParseSuccess);
+                    }
+                } else if (cb) {
+                    cb(true);
+                }
+            } else {
+                // When the grammar check is turned off, if there is an error color block on the editor, clear it first(关闭语法检查时，如果编辑器上有错误色块，先清除)
+                const decora = vm.decorations || [];
+                vm.decorations = vm.editor.deltaDecorations(decora, []);
+                if (cb) {
+                    cb(true);
+                }
+            }
+        }, 500),
+        setHighRiskGrammar() {
+            let highRiskList = [];
+            const HOVER_MESSAGE = this.$t(
+                'message.common.monacoMenu.GYFSYGWYF',
+            );
+            let highRiskGrammarToken = highRiskGrammar[this.language];
+            if (this.language === 'java') {
+                highRiskGrammarToken = highRiskGrammar.scala;
+            }
+            if (highRiskGrammarToken && highRiskGrammarToken.length) {
+                // Because there are multiple regular tokens, use all the rules to traverse(因为正则的token有多个，所以要用所有的规则去遍历)
+                highRiskGrammarToken.forEach((key) => {
+                    // Use regular to grab the matching text in the editor, which is an array(使用正则去抓取编辑器中的匹配文本，是一个数组)
+                    const errorLabel = this.editorModel.findMatches(
+                        key,
+                        false,
+                        true,
+                        false,
+                        null,
+                        true,
+                    );
+                    if (errorLabel.length) {
+                        const formatedRiskGrammer = [];
+                        errorLabel.forEach((item) => {
+                            // Get the content of the current entire line(拿到当前整行的内容)
+                            const lineContent = this.editorModel.getLineContent(
+                                item.range.startLineNumber,
+                            );
+                            let reg = /^[^\-\-]\s*/;
+                            if (this.language === 'python') {
+                                reg = /^[^\#]\s*/;
+                            } else if (this.language === 'java') {
+                                reg = /^[^\/\/]\s*/;
+                            }
+                            const isHasComment = reg.test(lineContent);
+                            // Determine if there are annotations(判断是否有注释)
+                            if (isHasComment) {
+                                formatedRiskGrammer.push({
+                                    range: item.range,
+                                    options: {
+                                        inlineClassName: 'highRiskGrammar',
+                                        hoverMessage: {
+                                            value: HOVER_MESSAGE,
+                                        },
+                                    },
+                                });
+                            }
+                        });
+                        highRiskList = highRiskList.concat(formatedRiskGrammer);
+                    }
+                });
+            }
+            return highRiskList;
+        },
+        async initParser() {
+            this.monaco.editor.setModelLanguage(
+                this.editorModel,
+                this.language,
+            );
+            // if (this.language === 'hql' && !this.sqlParser) {
+            //     this.sqlParser = await import('dt-sql-parser');
+            // }
+            this.deltaDecorations(this.value);
+        },
+    },
+    mounted() {
+        console.log(this.$el, this.$props);
+        if (this.$el) {
+            // this.editor = monaco.editor.create(this.$el, this.currentConfig);
+            // this.monaco = monaco;
+            // this.editorModel = this.editor.getModel();
+
+            const monacoEditor = this.createEditor(
+                this.$el,
+                this.$props.editorOptions,
+            );
+            this.updateMonacoVal();
+            monacoEditor!.onDidChangeModelContent(() => {
+                this.$emit('update:modelValue', monacoEditor!.getValue());
+            });
+            monacoEditor!.onDidBlurEditorText(() => {
+                this.$emit('blur');
+            });
+        }
+    },
+    beforeUnmount() {
+        // 销毁 editor，进行gc(销毁 editor，进行gc)
+        this.editor.dispose();
+    },
+});
+</script>
+
+<style lang="less" scoped>
+.editor-area {
+    position: relative;
+    border: 1px solid #ddd;
+    overflow: hidden;
+    background-color: #fff;
+    box-sizing: border-box;
+
+    // &.full {
+    //     position: fixed;
+    //     left: calc(10vw / 2);
+    //     top: calc(10vh / 2);
+    //     box-shadow: 0 0 22px 10px rgba(0, 0, 0, 0.3);
+    //     width: 90vw !important;
+    //     height: 90vh !important;
+    //     z-index: 9999;
+    // }
+    .tools {
+        z-index: 888;
+        position: absolute;
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        padding: 0 2px;
+        border-right: 1px solid rgba(0, 0, 0, 0.1);
+        left: 0;
+        bottom: 0px;
+        top: 0;
+        .expand {
+            cursor: pointer;
+            line-height: 0;
+            margin-top: 5px;
+        }
+    }
+}
+</style>
diff --git a/linkis-web-next/src/components/editor/highRiskGrammar.ts b/linkis-web-next/src/components/editor/highRiskGrammar.ts
new file mode 100644
index 0000000000..3111068c44
--- /dev/null
+++ b/linkis-web-next/src/components/editor/highRiskGrammar.ts
@@ -0,0 +1,34 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+const hql = [
+    /Truncate\s*Table/i,
+    /Drop\s*Table/i,
+    /Drop\s*Function/i,
+    /Drop\s*Database/i,
+    /ALTER\s*DATABASE/i,
+];
+
+const python = [/sys/i, /os/i, /sc\.stop/i, /spark\.stop/i];
+
+const scala = [/sc\.stop/i, /spark\.stop/i];
+
+export default {
+    hql,
+    python,
+    scala,
+};
diff --git a/linkis-web-next/src/components/editor/index.less b/linkis-web-next/src/components/editor/index.less
new file mode 100644
index 0000000000..46abc63d71
--- /dev/null
+++ b/linkis-web-next/src/components/editor/index.less
@@ -0,0 +1,61 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+// @import '~@/common/style/variables.scss';
+.we-editor {
+    height: 100%;
+    width: 100%;
+    a {
+        color: #646465 !important;
+    }
+    .glyphMarginClass {
+        background: #ff9900;
+    }
+    .contentClass {
+        background: #fad8a483;
+    }
+    .inlineDecoration {
+        position: relative;
+        color: #ff9900 !important;
+        cursor: pointer;
+        font-style: oblique;
+        // wavy line(波浪线)
+        &::after {
+            content: '';
+            position: absolute;
+            bottom: -2px;
+            left: 5%;
+            width: 90%;
+            height: 2px;
+            background: -webkit-linear-gradient(
+                    315deg,
+                    transparent,
+                    transparent 45%,
+                    #ed4014,
+                    transparent 55%,
+                    transparent 100%
+                ),
+                -webkit-linear-gradient(45deg, transparent, transparent 45%, #ed4014, transparent
+                            55%, transparent 100%);
+            background-size: 4px 4px;
+            background-repeat: repeat-x;
+        }
+    }
+    .highRiskGrammar {
+        color: red;
+    }
+}
diff --git a/linkis-web-next/src/components/editor/index.ts b/linkis-web-next/src/components/editor/index.ts
new file mode 100644
index 0000000000..0dca9fd678
--- /dev/null
+++ b/linkis-web-next/src/components/editor/index.ts
@@ -0,0 +1,21 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import weEditor from './editor.vue';
+
+export default weEditor;
diff --git a/linkis-web-next/src/components/editor/keyword/hql.ts b/linkis-web-next/src/components/editor/keyword/hql.ts
new file mode 100644
index 0000000000..25ac60bc35
--- /dev/null
+++ b/linkis-web-next/src/components/editor/keyword/hql.ts
@@ -0,0 +1,2384 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import { isEmpty } from 'lodash';
+import { getHiveList, getReturnList, getFormatProposalsList } from '../util';
+import storage from '@/common/helper/storage';
+
+const kewordInfoProposals = [
+    {
+        label: 'ADD',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'ADD',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ADMIN',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'ADMIN',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'AFTER',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'AFTER',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ANALYZE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'ANALYZE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ASC',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'ASC',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'BEFORE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'BEFORE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'BUCKET',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'BUCKET',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'BUCKETS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'BUCKETS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'CASCADE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'CASCADE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'CHANGE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'CHANGE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'CLUSTER',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'CLUSTER',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'CLUSTERED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'CLUSTERED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'CLUSTERSTATUS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'CLUSTERSTATUS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'COLLECTION',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'COLLECTION',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'COLUMNS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'COLUMNS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'COMMENT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'COMMENT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'COMPACT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'COMPACT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'COMPACTIONS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'COMPACTIONS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'COMPUTE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'COMPUTE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'CONCATENATE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'CONCATENATE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'CONTINUE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'CONTINUE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DATA',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DATA',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DATABASES',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DATABASES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DATETIME',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DATETIME',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DAY',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DAY',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DBPROPERTIES',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DBPROPERTIES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DEFERRED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DEFERRED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DEFINED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DEFINED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DELIMITED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DELIMITED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DEPENDENCY',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DEPENDENCY',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DESC',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DESC',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DIRECTORIES',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DIRECTORIES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DIRECTORY',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DIRECTORY',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DISABLE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DISABLE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DISTRIBUTE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'DISTRIBUTE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ELEM_TYPE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'ELEM_TYPE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ENABLE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'ENABLE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ESCAPED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'ESCAPED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'EXCLUSIVE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'EXCLUSIVE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'EXPLAIN',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'EXPLAIN',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'EXPORT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'EXPORT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'FIELDS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'FIELDS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'FILE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'FILE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'FILEFORMAT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'FILEFORMAT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'FIRST',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'FIRST',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'FORMAT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'FORMAT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'FORMATTED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'FORMATTED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'FUNCTIONS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'FUNCTIONS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'HOLD_DDLTIME',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'HOLD_DDLTIME',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'HOUR',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'HOUR',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'IDXPROPERTIES',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'IDXPROPERTIES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'IGNORE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'IGNORE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'INDEX',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'INDEX',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'INDEXES',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'INDEXES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'INPATH',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'INPATH',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'INPUTDRIVER',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'INPUTDRIVER',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'INPUTFORMAT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'INPUTFORMAT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ITEMS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'ITEMS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'JAR',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'JAR',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'KEYS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'KEYS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'KEY_TYPE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'KEY_TYPE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'LIMIT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'LIMIT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'LINES',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'LINES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'LOAD',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'LOAD',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'LOCATION',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'LOCATION',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'LOCK',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'LOCK',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'LOCKS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'LOCKS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'LOGICAL',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'LOGICAL',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'LONG',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'LONG',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'MAPJOIN',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'MAPJOIN',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'MATERIALIZED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'MATERIALIZED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'METADATA',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'METADATA',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'MINUS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'MINUS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'MINUTE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'MINUTE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'MONTH',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'MONTH',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'MSCK',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'MSCK',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'NOSCAN',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'NOSCAN',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'NO_DROP',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'NO_DROP',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'OFFLINE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'OFFLINE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'OPTION',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'OPTION',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'OUTPUTDRIVER',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'OUTPUTDRIVER',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'OUTPUTFORMAT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'OUTPUTFORMAT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'OVERWRITE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'OVERWRITE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'OWNER',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'OWNER',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'PARTITIONED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'PARTITIONED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'PARTITIONS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'PARTITIONS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'PLUS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'PLUS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'PRETTY',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'PRETTY',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'PRINCIPALS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'PRINCIPALS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'PROTECTION',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'PROTECTION',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'PURGE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'PURGE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'READ',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'READ',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'READONLY',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'READONLY',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'REBUILD',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'REBUILD',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'RECORDREADER',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'RECORDREADER',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'RECORDWRITER',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'RECORDWRITER',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'REGEXP',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'REGEXP',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'RELOAD',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'RELOAD',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'RENAME',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'RENAME',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'REPAIR',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'REPAIR',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'REPLACE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'REPLACE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'REPLICATION',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'REPLICATION',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'RESTRICT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'RESTRICT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'REWRITE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'REWRITE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'RLIKE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'RLIKE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ROLE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'ROLE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ROLES',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'ROLES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SCHEMA',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SCHEMA',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SCHEMAS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SCHEMAS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SECOND',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SECOND',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SEMI',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SEMI',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SERDE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SERDE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SERDEPROPERTIES',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SERDEPROPERTIES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SERVER',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SERVER',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SETS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SETS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SHARED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SHARED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SHOW',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SHOW',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SHOW_DATABASE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SHOW_DATABASE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SKEWED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SKEWED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SORT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SORT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SORTED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SORTED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SSL',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'SSL',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'STATISTICS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'STATISTICS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'STORED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'STORED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'STREAMTABLE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'STREAMTABLE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'STRING',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'STRING',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'STRUCT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'STRUCT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'TABLES',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'TABLES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'TBLPROPERTIES',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'TBLPROPERTIES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'TEMPORARY',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'TEMPORARY',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'TERMINATED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'TERMINATED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'TINYINT',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'TINYINT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'TOUCH',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'TOUCH',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'TRANSACTIONS',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'TRANSACTIONS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'UNARCHIVE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'UNARCHIVE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'UNDO',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'UNDO',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'UNIONTYPE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'UNIONTYPE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'UNLOCK',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'UNLOCK',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'UNSET',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'UNSET',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'UNSIGNED',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'UNSIGNED',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'URI',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'URI',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'USE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'USE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'UTC',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'UTC',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'UTCTIMESTAMP',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'UTCTIMESTAMP',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'VALUE_TYPE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'VALUE_TYPE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'VIEW',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'VIEW',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'WHILE',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'WHILE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'YEAR',
+        documentation: 'Hive 1.2.0 Non-reserved Keywords',
+        insertText: 'YEAR',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'AUTOCOMMIT',
+        documentation: 'Hive 2.0.0 Non-reserved Keywords',
+        insertText: 'AUTOCOMMIT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ISOLATION',
+        documentation: 'Hive 2.0.0 Non-reserved Keywords',
+        insertText: 'ISOLATION',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'LEVEL',
+        documentation: 'Hive 2.0.0 Non-reserved Keywords',
+        insertText: 'LEVEL',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'OFFSET',
+        documentation: 'Hive 2.0.0 Non-reserved Keywords',
+        insertText: 'OFFSET',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SNAPSHOT',
+        documentation: 'Hive 2.0.0 Non-reserved Keywords',
+        insertText: 'SNAPSHOT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'TRANSACTION',
+        documentation: 'Hive 2.0.0 Non-reserved Keywords',
+        insertText: 'TRANSACTION',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'WORK',
+        documentation: 'Hive 2.0.0 Non-reserved Keywords',
+        insertText: 'WORK',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'WRITE',
+        documentation: 'Hive 2.0.0 Non-reserved Keywords',
+        insertText: 'WRITE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ABORT',
+        documentation: 'Hive 2.1.0 Non-reserved Keywords',
+        insertText: 'ABORT',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'KEY',
+        documentation: 'Hive 2.1.0 Non-reserved Keywords',
+        insertText: 'KEY',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'LAST',
+        documentation: 'Hive 2.1.0 Non-reserved Keywords',
+        insertText: 'LAST',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'NORELY',
+        documentation: 'Hive 2.1.0 Non-reserved Keywords',
+        insertText: 'NORELY',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'NOVALIDATE',
+        documentation: 'Hive 2.1.0 Non-reserved Keywords',
+        insertText: 'NOVALIDATE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'NULLS',
+        documentation: 'Hive 2.1.0 Non-reserved Keywords',
+        insertText: 'NULLS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'RELY',
+        documentation: 'Hive 2.1.0 Non-reserved Keywords',
+        insertText: 'RELY',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'VALIDATE',
+        documentation: 'Hive 2.1.0 Non-reserved Keywords',
+        insertText: 'VALIDATE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DETAIL',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'DETAIL',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DOW',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'DOW',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'EXPRESSION',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'EXPRESSION',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'OPERATOR',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'OPERATOR',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'QUARTER',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'QUARTER',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SUMMARY',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'SUMMARY',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'VECTORIZATION',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'VECTORIZATION',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'WEEK',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'WEEK',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'YEARS',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'YEARS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'MONTHS',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'MONTHS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'WEEKS',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'WEEKS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'DAYS',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'DAYS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'HOURS',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'HOURS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'MINUTES',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'MINUTES',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'SECONDS',
+        documentation: 'Hive 2.2.0 Non-reserved Keywords',
+        insertText: 'SECONDS',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'TIMESTAMPTZ',
+        documentation: 'Hive 3.0.0 Non-reserved Keywords',
+        insertText: 'TIMESTAMPTZ',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ZONE',
+        documentation: 'Hive 3.0.0 Non-reserved Keywords',
+        insertText: 'ZONE',
+        detail: 'Non-reserved Keywords',
+    },
+    {
+        label: 'ALL',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'ALL',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ALTER',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'ALTER',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'AND',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'AND',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ARRAY',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'ARRAY',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'AS',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'AS',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'AUTHORIZATION',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'AUTHORIZATION',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'BETWEEN',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'BETWEEN',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'BIGINT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'BIGINT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'BINARY',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'BINARY',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'BOOLEAN',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'BOOLEAN',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'BOTH',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'BOTH',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'BY',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'BY',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CASE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CASE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CAST',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CAST',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CHAR',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CHAR',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'COLUMN',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'COLUMN',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CONF',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CONF',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CREATE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CREATE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CROSS',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CROSS',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CUBE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CUBE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CURRENT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CURRENT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CURRENT_DATE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CURRENT_DATE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CURRENT_TIMESTAMP',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CURRENT_TIMESTAMP',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CURSOR',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'CURSOR',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'DATABASE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'DATABASE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'DATE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'DATE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'DECIMAL',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'DECIMAL',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'DELETE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'DELETE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'DESCRIBE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'DESCRIBE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'DISTINCT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'DISTINCT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'DOUBLE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'DOUBLE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'DROP',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'DROP',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ELSE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'ELSE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'END',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'END',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'EXCHANGE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'EXCHANGE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'EXISTS',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'EXISTS',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'EXTENDED',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'EXTENDED',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'EXTERNAL',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'EXTERNAL',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'FALSE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'FALSE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'EXTERNAL',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'EXTERNAL',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'FETCH',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'FETCH',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'FLOAT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'FLOAT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'FOLLOWING',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'EXFOLLOWINGTERNAL',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'FOR',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'FOR',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'from',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'from',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'FULL',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'FULL',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'FUNCTION',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'FUNCTION',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'GRANT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'GRANT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'GROUP',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'GROUP',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'GROUPING',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'GROUPING',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'HAVING',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'HAVING',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'IF',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'IF',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'IMPORT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'IMPORT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'IN',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'IN',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'INNER',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'INNER',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'INSERT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'INSERT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'INT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'INT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'INTERSECT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'INTERSECT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'INTERVAL',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'INTERVAL',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'INTO',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'INTO',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'IS',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'IS',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'JOIN',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'JOIN',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'LATERAL',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'LATERAL',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'LEFT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'LEFT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'LESS',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'LESS',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'LIKE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'LIKE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'LOCAL',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'LOCAL',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'MACRO',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'MACRO',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'MAP',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'MAP',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'MORE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'MORE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'NONE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'NONE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'NOT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'NOT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'NULL',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'NULL',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'OF',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'OF',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ON',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'ON',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'OR',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'OR',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ORDER',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'ORDER',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'OUT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'OUT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'OUTER',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'OUTER',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'OVER',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'OVER',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'PARTIALSCAN',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'PARTIALSCAN',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'PARTITION',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'PARTITION',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'PERCENT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'PERCENT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'PRECEDING',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'PRECEDING',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'PRESERVE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'PRESERVE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'PROCEDURE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'PROCEDURE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'RANGE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'RANGE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'READS',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'READS',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'REDUCE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'REDUCE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'REVOKE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'REVOKE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'RIGHT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'RIGHT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ROLLUP',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'ROLLUP',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ROW',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'ROW',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ROWS',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'ROWS',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'SELECT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'SELECT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'SET',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'SET',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'SMALLINT',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'SMALLINT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'TABLE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'TABLE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'TABLESAMPLE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'TABLESAMPLE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'THEN',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'THEN',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'TIMESTAMP',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'TIMESTAMP',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'TO',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'TO',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'TRANSFORM',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'TRANSFORM',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'TRIGGER',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'TRIGGER',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'TRUE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'TRUE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'TRUNCATE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'TRUNCATE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'UNBOUNDED',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'UNBOUNDED',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'UNION',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'UNION',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'UNIQUEJOIN',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'UNIQUEJOIN',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'UPDATE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'UPDATE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'USER',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'USER',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'USING',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'USING',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'UTC_TMESTAMP',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'UTC_TMESTAMP',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'VALUES',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'VALUES',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'VARCHAR',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'VARCHAR',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'WHEN',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'WHEN',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'WHERE',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'WHERE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'WINDOW',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'WINDOW',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'WITH',
+        documentation: 'Hive 1.2.0 Reserved Keywords',
+        insertText: 'WITH',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'COMMIT',
+        documentation: 'Hive 2.0.0 Reserved Keywords',
+        insertText: 'COMMIT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ONLY',
+        documentation: 'Hive 2.0.0 Reserved Keywords',
+        insertText: 'ONLY',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'REGEXP',
+        documentation: 'Hive 2.0.0 Reserved Keywords',
+        insertText: 'REGEXP',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'RLIKE',
+        documentation: 'Hive 2.0.0 Reserved Keywords',
+        insertText: 'RLIKE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ROLLBACK',
+        documentation: 'Hive 2.0.0 Reserved Keywords',
+        insertText: 'ROLLBACK',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'START',
+        documentation: 'Hive 2.0.0 Reserved Keywords',
+        insertText: 'START',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CACHE',
+        documentation: 'Hive 2.1.0 Reserved Keywords',
+        insertText: 'CACHE',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'CONSTRAINT',
+        documentation: 'Hive 2.1.0 Reserved Keywords',
+        insertText: 'CONSTRAINT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'FOREIGN',
+        documentation: 'Hive 2.1.0 Reserved Keywords',
+        insertText: 'FOREIGN',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'PRIMARY',
+        documentation: 'Hive 2.1.0 Reserved Keywords',
+        insertText: 'PRIMARY',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'DAYOFWEEK',
+        documentation: 'Hive 2.2.0 Reserved Keywords',
+        insertText: 'DAYOFWEEK',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'EXTRACT',
+        documentation: 'Hive 2.2.0 Reserved Keywords',
+        insertText: 'EXTRACT',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'FLOOR',
+        documentation: 'Hive 2.2.0 Reserved Keywords',
+        insertText: 'FLOOR',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'INTEGER',
+        documentation: 'Hive 2.2.0 Reserved Keywords',
+        insertText: 'INTEGER',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'PRECISION',
+        documentation: 'Hive 2.2.0 Reserved Keywords',
+        insertText: 'PRECISION',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'VIEWS',
+        documentation: 'Hive 2.2.0 Reserved Keywords',
+        insertText: 'VIEWS',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'TIME',
+        documentation: 'Hive 3.0.0 Reserved Keywords',
+        insertText: 'TIME',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'NUMERIC',
+        documentation: 'Hive 3.0.0 Reserved Keywords',
+        insertText: 'NUMERIC',
+        detail: 'Reserved Keywords',
+    },
+    {
+        label: 'ide.engine.no.limit.allow',
+        documentation: '当设置为true时，本次执行的SQL将进行全量导出',
+        insertText: 'ide.engine.no.limit.allow',
+        detail: 'build-in parameters',
+    },
+];
+// Common grammatical structures(常用语法结构)
+const commonGrammaticalStruCture = [
+    {
+        label: 'drop table',
+        documentation: '删除hive表',
+        insertText: 'drop table if exists {${1:table_name}$0};',
+        detail: '常用语法结构',
+    },
+    {
+        label: 'create table partitioned by',
+        documentation: '创建hive分区表',
+        insertText:
+            'create table {${1:table_name}$0} ({${2:columns}}) partitioned by ({${3:partition}}) row format delimited fields terminated by "," stored as orc;',
+        detail: '常用语法结构',
+    },
+    {
+        label: 'create table as select',
+        documentation: '通过select创建表',
+        insertText: 'create table {${1:table_name}$0} as select;',
+        detail: '常用语法结构',
+    },
+    {
+        label: 'insert into table',
+        documentation: '添加方式插入数据',
+        insertText:
+            'insert into table {${1:table_name}$0} partition({partition});',
+        detail: '常用语法结构',
+    },
+    {
+        label: 'insert overwrite table',
+        documentation: '覆盖方式插入数据',
+        insertText:
+            'insert overwrite table {${1:table_name}$0} partition({partition});',
+        detail: '常用语法结构',
+    },
+];
+// System Embedded Variables(系统内嵌变量)
+const buildInVariableProposals = [
+    {
+        label: 'run_date',
+        documentation: '当前日期的前一天',
+        insertText: '${run_date}',
+        detail: '系统内嵌变量',
+    },
+    {
+        label: 'run_date_std',
+        documentation: '当前日期的前一天，年月日之间有横杠分割',
+        insertText: '${run_date_std}',
+        detail: '系统内嵌变量',
+    },
+    {
+        label: 'run_month_begin',
+        documentation: '当前月份的第一天',
+        insertText: '${run_month_begin}',
+        detail: '系统内嵌变量',
+    },
+    {
+        label: 'run_month_begin_std',
+        documentation: '当前月份的第一天，年月日之间有横杠分割',
+        insertText: '${run_month_begin_std}',
+        detail: '系统内嵌变量',
+    },
+    {
+        label: 'run_month_end',
+        documentation: '当前月份的最后一天',
+        insertText: '${run_month_end}',
+        detail: '系统内嵌变量',
+    },
+    {
+        label: 'run_month_end_std',
+        documentation: '当前月份的最后一天，年月日之间有横杠分割',
+        insertText: '${run_month_end_std}',
+        detail: '系统内嵌变量',
+    },
+];
+const columnsProposals = [
+    {
+        label: 'id',
+        documentation: '常用表字段',
+        insertText: 'id',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_id',
+        documentation: '常用表字段',
+        insertText: 'id_id',
+        detail: '常用表字段',
+    },
+    {
+        label: 'org',
+        documentation: '常用表字段',
+        insertText: 'org',
+        detail: '常用表字段',
+    },
+    {
+        label: 'product_cd',
+        documentation: '常用表字段',
+        insertText: 'product_cd',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_no_hash',
+        documentation: '常用表字段',
+        insertText: 'id_no_hash',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_no_mask',
+        documentation: '常用表字段',
+        insertText: 'id_no_mask',
+        detail: '常用表字段',
+    },
+    {
+        label: 'app_no',
+        documentation: '常用表字段',
+        insertText: 'app_no',
+        detail: '常用表字段',
+    },
+    {
+        label: 'ecif_no',
+        documentation: '常用表字段',
+        insertText: 'ecif_no',
+        detail: '常用表字段',
+    },
+    {
+        label: 'name_hash',
+        documentation: '常用表字段',
+        insertText: 'name_hash',
+        detail: '常用表字段',
+    },
+    {
+        label: 'acct_no',
+        documentation: '常用表字段',
+        insertText: 'acct_no',
+        detail: '常用表字段',
+    },
+    {
+        label: 'card_no',
+        documentation: '常用表字段',
+        insertText: 'card_no',
+        detail: '常用表字段',
+    },
+    {
+        label: 'cust_id',
+        documentation: '常用表字段',
+        insertText: 'cust_id',
+        detail: '常用表字段',
+    },
+    {
+        label: 'case_no',
+        documentation: '常用表字段',
+        insertText: 'case_no',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_type',
+        documentation: '常用表字段',
+        insertText: 'id_type',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_no',
+        documentation: '常用表字段',
+        insertText: 'id_no',
+        detail: '常用表字段',
+    },
+    {
+        label: 'cust_type',
+        documentation: '常用表字段',
+        insertText: 'cust_type',
+        detail: '常用表字段',
+    },
+    {
+        label: 'cust_no',
+        documentation: '常用表字段',
+        insertText: 'cust_no',
+        detail: '常用表字段',
+    },
+    {
+        label: 'app_type',
+        documentation: '常用表字段',
+        insertText: 'app_type',
+        detail: '常用表字段',
+    },
+    {
+        label: 'openid',
+        documentation: '常用表字段',
+        insertText: 'openid',
+        detail: '常用表字段',
+    },
+    {
+        label: 'acct_type',
+        documentation: '常用表字段',
+        insertText: 'acct_type',
+        detail: '常用表字段',
+    },
+    {
+        label: 'prod_code',
+        documentation: '常用表字段',
+        insertText: 'prod_code',
+        detail: '常用表字段',
+    },
+    {
+        label: 'prod_id',
+        documentation: '常用表字段',
+        insertText: 'prod_id',
+        detail: '常用表字段',
+    },
+    {
+        label: 'partner_id',
+        documentation: '常用表字段',
+        insertText: 'partner_id',
+        detail: '常用表字段',
+    },
+    {
+        label: 'product_id',
+        documentation: '常用表字段',
+        insertText: 'product_id',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_acct',
+        documentation: '常用表字段',
+        insertText: 'id_acct',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_app',
+        documentation: '常用表字段',
+        insertText: 'id_app',
+        detail: '常用表字段',
+    },
+    {
+        label: 'c_prod_cd',
+        documentation: '常用表字段',
+        insertText: 'c_prod_cd',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_cust',
+        documentation: '常用表字段',
+        insertText: 'id_cust',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_openid',
+        documentation: '常用表字段',
+        insertText: 'id_openid',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_wx_openid',
+        documentation: '常用表字段',
+        insertText: 'id_wx_openid',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_qq_openid',
+        documentation: '常用表字段',
+        insertText: 'id_qq_openid',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_sg_openid',
+        documentation: '常用表字段',
+        insertText: 'id_sg_openid',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_loan',
+        documentation: '常用表字段',
+        insertText: 'id_loan',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_org',
+        documentation: '常用表字段',
+        insertText: 'id_org',
+        detail: '常用表字段',
+    },
+    {
+        label: 'reportsn',
+        documentation: '常用表字段',
+        insertText: 'reportsn',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_batch',
+        documentation: '常用表字段',
+        insertText: 'id_batch',
+        detail: '常用表字段',
+    },
+    {
+        label: 'id_case',
+        documentation: '常用表字段',
+        insertText: 'id_case',
+        detail: '常用表字段',
+    },
+    {
+        label: 'ds',
+        documentation: '常用表字段',
+        insertText: 'ds',
+        detail: '常用表字段',
+    },
+];
+
+let dbInfoProposals = [];
+let tableInfoProposals = [];
+let udfProposals = [];
+let variableProposals = [];
+
+export default {
+    keyword: kewordInfoProposals,
+    register(monaco) {
+        const lang = 'hql';
+        const hqlProposals = getFormatProposalsList(
+            monaco,
+            kewordInfoProposals,
+            '',
+            'Keyword',
+        );
+        const BIVPro = getFormatProposalsList(
+            monaco,
+            buildInVariableProposals,
+            '',
+            'Variable',
+        );
+        const CGSPro = getFormatProposalsList(
+            monaco,
+            commonGrammaticalStruCture,
+            '',
+            'Reference',
+            false,
+            true,
+        );
+        const columnsPro = getFormatProposalsList(
+            monaco,
+            columnsProposals,
+            '',
+            'Field',
+        );
+        getHiveList(monaco, lang).then((list) => {
+            dbInfoProposals = list.dbInfoProposals;
+            tableInfoProposals = list.tableInfoProposals;
+            udfProposals = list.udfProposals;
+            variableProposals = list.variableProposals;
+        });
+        monaco.languages.registerCompletionItemProvider('hql', {
+            triggerCharacters:
+                'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789._'.split(
+                    '',
+                ),
+            async provideCompletionItems(model, position) {
+                const empty =
+                    isEmpty(dbInfoProposals) ||
+                    isEmpty(udfProposals) ||
+                    isEmpty(tableInfoProposals) ||
+                    isEmpty(variableProposals);
+                const needRefresh = storage.get('need-refresh-proposals-hql');
+                if (needRefresh === true || empty) {
+                    const list = await getHiveList(monaco, lang);
+                    dbInfoProposals = list.dbInfoProposals;
+                    tableInfoProposals = list.tableInfoProposals;
+                    udfProposals = list.udfProposals;
+                    variableProposals = list.variableProposals;
+                    storage.set('need-refresh-proposals-hql', false);
+                }
+                const textUntilPosition = model.getValueInRange({
+                    startLineNumber: position.lineNumber,
+                    startColumn: 1,
+                    endLineNumber: position.lineNumber,
+                    endColumn: position.column,
+                });
+
+                const tableMatch = textUntilPosition.match(
+                    /from\s+(\w+)\.(\w+)?$/,
+                );
+                const databaseMatch = textUntilPosition.match(/from\s+\w+$/);
+                const functionMatch = textUntilPosition.match(
+                    /(select|where|on|having|order by|cluster by|sort by)\s+\w+$/i,
+                );
+                const keywordMatch = textUntilPosition.match(/([^"]*)?$/i);
+                const grammarBlockMatch = textUntilPosition.match(
+                    /(create table|drop table)\s?$/i,
+                );
+                // debug_log('log',tableMatch,databaseMatch,functionMatch,keywordMatch,grammarBlockMatch)
+                if (tableMatch) {
+                    return getReturnList({
+                        match: tableMatch[2],
+                        proposals: tableInfoProposals,
+                        fieldString: 'caption',
+                        attachMatch: tableMatch[1],
+                    });
+                } else if (databaseMatch) {
+                    const match = databaseMatch[0].split(' ')[1];
+                    return getReturnList({
+                        match,
+                        proposals: dbInfoProposals,
+                        fieldString: 'caption',
+                    });
+                } else if (grammarBlockMatch) {
+                    const match = grammarBlockMatch[0].split(' ')[1];
+                    return getReturnList({
+                        match,
+                        proposals: CGSPro,
+                        fieldString: 'insertText',
+                        attachMatch: grammarBlockMatch,
+                        needSplit: true,
+                    });
+                } else if (functionMatch) {
+                    const match = functionMatch[0].split(' ')[1];
+                    let proposalsList = [];
+                    proposalsList = udfProposals.concat(
+                        columnsPro,
+                        variableProposals,
+                        BIVPro,
+                    );
+                    return getReturnList({
+                        match,
+                        proposals: proposalsList,
+                        fieldString: 'insertText',
+                    });
+                } else if (keywordMatch) {
+                    const matchList = keywordMatch[0].split(' ');
+                    const match = matchList[matchList.length - 1];
+                    let proposalsList = [];
+                    proposalsList = hqlProposals.concat(
+                        BIVPro,
+                        CGSPro,
+                        udfProposals,
+                        columnsProposals,
+                    );
+                    return getReturnList(
+                        {
+                            match,
+                            proposals: proposalsList,
+                            fieldString: 'insertText',
+                            position,
+                        },
+                        monaco,
+                    );
+                }
+                return [];
+            },
+        });
+    },
+};
diff --git a/linkis-web-next/src/components/editor/keyword/python.ts b/linkis-web-next/src/components/editor/keyword/python.ts
new file mode 100644
index 0000000000..00d6c711fa
--- /dev/null
+++ b/linkis-web-next/src/components/editor/keyword/python.ts
@@ -0,0 +1,385 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import { isEmpty } from 'lodash';
+import { getHiveList, getReturnList, getFormatProposalsList } from '../util';
+import storage from '@/common/helper/storage';
+
+const pyKeywordInfoProposals = [
+    {
+        label: 'False',
+        documentation: 'Keywords',
+        insertText: 'False',
+        detail: 'Keywords',
+    },
+    {
+        label: 'class',
+        documentation: 'Keywords',
+        insertText: 'class',
+        detail: 'Keywords',
+    },
+    {
+        label: 'finally',
+        documentation: 'Keywords',
+        insertText: 'finally',
+        detail: 'Keywords',
+    },
+    {
+        label: 'is',
+        documentation: 'Keywords',
+        insertText: 'is',
+        detail: 'Keywords',
+    },
+    {
+        label: 'return',
+        documentation: 'Keywords',
+        insertText: 'return',
+        detail: 'Keywords',
+    },
+    {
+        label: 'None',
+        documentation: 'Keywords',
+        insertText: 'None',
+        detail: 'Keywords',
+    },
+    {
+        label: 'continue',
+        documentation: 'Keywords',
+        insertText: 'continue',
+        detail: 'Keywords',
+    },
+    {
+        label: 'for',
+        documentation: 'Keywords',
+        insertText: 'for',
+        detail: 'Keywords',
+    },
+    {
+        label: 'lambda',
+        documentation: 'Keywords',
+        insertText: 'lambda',
+        detail: 'Keywords',
+    },
+    {
+        label: 'try',
+        documentation: 'Keywords',
+        insertText: 'try',
+        detail: 'Keywords',
+    },
+    {
+        label: 'True',
+        documentation: 'Keywords',
+        insertText: 'True',
+        detail: 'Keywords',
+    },
+    {
+        label: 'def',
+        documentation: 'Keywords',
+        insertText: 'def',
+        detail: 'Keywords',
+    },
+    {
+        label: 'from',
+        documentation: 'Keywords',
+        insertText: 'from',
+        detail: 'Keywords',
+    },
+    {
+        label: 'nonlocal',
+        documentation: 'Keywords',
+        insertText: 'nonlocal',
+        detail: 'Keywords',
+    },
+    {
+        label: 'while',
+        documentation: 'Keywords',
+        insertText: 'while',
+        detail: 'Keywords',
+    },
+    {
+        label: 'and',
+        documentation: 'Keywords',
+        insertText: 'and',
+        detail: 'Keywords',
+    },
+    {
+        label: 'del',
+        documentation: 'Keywords',
+        insertText: 'del',
+        detail: 'Keywords',
+    },
+    {
+        label: 'global',
+        documentation: 'Keywords',
+        insertText: 'global',
+        detail: 'Keywords',
+    },
+    {
+        label: 'not',
+        documentation: 'Keywords',
+        insertText: 'not',
+        detail: 'Keywords',
+    },
+    {
+        label: 'with',
+        documentation: 'Keywords',
+        insertText: 'with',
+        detail: 'Keywords',
+    },
+    {
+        label: 'as',
+        documentation: 'Keywords',
+        insertText: 'as',
+        detail: 'Keywords',
+    },
+    {
+        label: 'elif',
+        documentation: 'Keywords',
+        insertText: 'elif',
+        detail: 'Keywords',
+    },
+    {
+        label: 'if',
+        documentation: 'Keywords',
+        insertText: 'if',
+        detail: 'Keywords',
+    },
+    {
+        label: 'or',
+        documentation: 'Keywords',
+        insertText: 'or',
+        detail: 'Keywords',
+    },
+    {
+        label: 'yield',
+        documentation: 'Keywords',
+        insertText: 'yield',
+        detail: 'Keywords',
+    },
+    {
+        label: 'assert',
+        documentation: 'Keywords',
+        insertText: 'assert',
+        detail: 'Keywords',
+    },
+    {
+        label: 'else',
+        documentation: 'Keywords',
+        insertText: 'else',
+        detail: 'Keywords',
+    },
+    {
+        label: 'import',
+        documentation: 'Keywords',
+        insertText: 'import',
+        detail: 'Keywords',
+    },
+    {
+        label: 'pass',
+        documentation: 'Keywords',
+        insertText: 'pass',
+        detail: 'Keywords',
+    },
+    {
+        label: 'break',
+        documentation: 'Keywords',
+        insertText: 'break',
+        detail: 'Keywords',
+    },
+    {
+        label: 'except',
+        documentation: 'Keywords',
+        insertText: 'except',
+        detail: 'Keywords',
+    },
+    {
+        label: 'in',
+        documentation: 'Keywords',
+        insertText: 'in',
+        detail: 'Keywords',
+    },
+    {
+        label: 'raise',
+        documentation: 'Keywords',
+        insertText: 'raise',
+        detail: 'Keywords',
+    },
+    {
+        label: 'print',
+        documentation: 'Keywords',
+        insertText: 'print',
+        detail: 'Keywords',
+    },
+    {
+        label: 'exec',
+        documentation: 'Keywords',
+        insertText: 'exec',
+        detail: 'Keywords',
+    },
+];
+
+// Common grammatical structures(常用语法结构)
+/**
+ *
+ const commonGrammaticalStruCture = [
+     {
+         label: 'drop table',
+         documentation: '删除hive表',
+         insertText: 'drop table if exists {table_name};',
+         detail: '常用语法结构',
+     },
+     {
+         label: 'create table partitioned by',
+         documentation: '创建hive分区表',
+         insertText: 'create table {table_name} ({columns}) partitioned by ({partition}) row format delimited fields terminated by "," stored as orc;',
+         detail: '常用语法结构',
+     },
+     {
+         label: 'create table as select',
+         documentation: '通过select创建表',
+         insertText: 'create table {table_name} as select',
+         detail: '常用语法结构',
+     },
+     {
+         label: 'insert into table',
+         documentation: '添加方式插入数据',
+         insertText: 'insert into table {table_name} partition({partition})',
+         detail: '常用语法结构',
+     },
+     {
+         label: 'insert overwrite table',
+         documentation: '覆盖方式插入数据',
+         insertText: 'insert overwrite table {table_name} partition({partition})',
+         detail: '常用语法结构',
+     },
+ ];
+ */
+
+const buildInVariableProposals = [
+    {
+        label: 'run_date',
+        documentation: '当前日期的前一天',
+        insertText: '${run_date}',
+        detail: '系统内嵌变量',
+    },
+    {
+        label: 'run_date_std',
+        documentation: '当前日期的前一天，年月日之间有横杠分割',
+        insertText: '${run_date_std}',
+        detail: '系统内嵌变量',
+    },
+    {
+        label: 'run_month_begin',
+        documentation: '当前月份的第一天',
+        insertText: '${run_month_begin}',
+        detail: '系统内嵌变量',
+    },
+    {
+        label: 'run_month_begin_std',
+        documentation: '当前月份的第一天，年月日之间有横杠分割',
+        insertText: '${run_month_begin_std}',
+        detail: '系统内嵌变量',
+    },
+    {
+        label: 'run_month_end',
+        documentation: '当前月份的最后一天',
+        insertText: '${run_month_end}',
+        detail: '系统内嵌变量',
+    },
+    {
+        label: 'run_month_end_std',
+        documentation: '当前月份的最后一天，年月日之间有横杠分割',
+        insertText: '${run_month_end_std}',
+        detail: '系统内嵌变量',
+    },
+];
+
+let functionProposals = [];
+
+export default {
+    async register(monaco) {
+        const lang = 'python';
+
+        const pyProposals = getFormatProposalsList(
+            monaco,
+            pyKeywordInfoProposals,
+            '',
+            'Keyword',
+        );
+        const BIVPro = getFormatProposalsList(
+            monaco,
+            buildInVariableProposals,
+            '',
+            'Variable',
+        );
+        // const CGSPro = getFormatProposalsList(monaco, commonGrammaticalStruCture, '', 'Reference');
+
+        getHiveList(monaco, lang).then((list) => {
+            functionProposals = list.udfProposals;
+        });
+
+        monaco.languages.registerCompletionItemProvider('python', {
+            triggerCharacters:
+                'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789._'.split(
+                    '',
+                ),
+            async provideCompletionItems(model, position) {
+                const needRefresh = storage.get(
+                    'need-refresh-proposals-python',
+                );
+                if (needRefresh || isEmpty(functionProposals)) {
+                    const list = await getHiveList(monaco, lang);
+                    functionProposals = list.udfProposals;
+                    storage.set('need-refresh-proposals-python', false);
+                }
+
+                const textUntilPosition = model.getValueInRange({
+                    startLineNumber: position.lineNumber,
+                    startColumn: 1,
+                    endLineNumber: position.lineNumber,
+                    endColumn: position.column,
+                });
+                const keywordMatch = textUntilPosition.match(/([^"]*)?$/i);
+                const functionMatch = textUntilPosition.match(/\s+/i);
+                if (functionMatch) {
+                    const match = functionMatch[0].split(' ')[1];
+                    let proposalsList = [];
+                    proposalsList = functionProposals.concat(BIVPro);
+                    return getReturnList({
+                        match,
+                        proposals: proposalsList,
+                        fieldString: 'insertText',
+                    });
+                } else if (keywordMatch) {
+                    const matchList = keywordMatch[0].split(' ');
+                    const match = matchList[matchList.length - 1];
+                    const proposalsList = pyProposals.concat(BIVPro);
+                    return getReturnList(
+                        {
+                            match,
+                            proposals: proposalsList,
+                            fieldString: 'insertText',
+                            position,
+                        },
+                        monaco,
+                    );
+                }
+                return [];
+            },
+        });
+    },
+};
diff --git a/linkis-web-next/src/components/editor/keyword/sas.ts b/linkis-web-next/src/components/editor/keyword/sas.ts
new file mode 100644
index 0000000000..e455c54fc0
--- /dev/null
+++ b/linkis-web-next/src/components/editor/keyword/sas.ts
@@ -0,0 +1,172 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import hql from './hql';
+
+const sasProposals = [
+    {
+        label: '%DO',
+        documentation: 'sas',
+        insertText: 'DO',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%UNTIL',
+        documentation: 'sas',
+        insertText: 'UNTIL',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: 'GOTO',
+        documentation: 'sas',
+        insertText: 'GOTO',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: 'LABEL',
+        documentation: 'sas',
+        insertText: 'LABEL',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: 'LET',
+        documentation: 'sas',
+        insertText: 'LET',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: 'MEND',
+        documentation: 'sas',
+        insertText: 'MEND',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%TO',
+        documentation: 'sas',
+        insertText: 'TO',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%WHILE',
+        documentation: 'sas',
+        insertText: 'WHILE',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%END',
+        documentation: 'sas',
+        insertText: 'END',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%GLOBAL',
+        documentation: 'sas',
+        insertText: 'GLOBAL',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%GOTO',
+        documentation: 'sas',
+        insertText: 'GOTO',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%IF',
+        documentation: 'sas',
+        insertText: 'IF',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%THEN',
+        documentation: 'sas',
+        insertText: 'THEN',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%ELSE',
+        documentation: 'sas',
+        insertText: 'ELSE',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%LABEL',
+        documentation: 'sas',
+        insertText: 'LABEL',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%LET',
+        documentation: 'sas',
+        insertText: 'LET',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%LOCAL',
+        documentation: 'sas',
+        insertText: 'LOCAL',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%MACRO',
+        documentation: 'sas',
+        insertText: 'MACRO',
+        detail: 'sas宏语言关键字',
+    },
+    {
+        label: '%MEND',
+        documentation: 'sas',
+        insertText: 'MEND',
+        detail: 'sas宏语言关键字',
+    },
+];
+
+// Inherit hql related keywords(继承hql相关的keyword)
+const kewordInfoProposals = [...hql.keyword, ...sasProposals];
+
+export default {
+    register(monaco) {
+        // eslint-disable-next-line no-shadow
+        const sasProposals = kewordInfoProposals.map((item) => ({
+            label: item.label.toLowerCase(),
+            kind: monaco.languages.CompletionItemKind.Keyword,
+            insertText: item.insertText.toLowerCase(),
+            detail: item.detail,
+            documentation: item.documentation,
+        }));
+
+        monaco.languages.registerCompletionItemProvider('sas', {
+            triggerCharacters:
+                '%abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789._'.split(
+                    '',
+                ),
+            provideCompletionItems(model, position) {
+                const textUntilPosition = model.getValueInRange({
+                    startLineNumber: position.lineNumber,
+                    startColumn: 1,
+                    endLineNumber: position.lineNumber,
+                    endColumn: position.column,
+                });
+
+                if (textUntilPosition.match(/([^"]*)?$/i)) {
+                    return sasProposals;
+                }
+
+                return [];
+            },
+        });
+    },
+};
diff --git a/linkis-web-next/src/components/editor/keyword/sh.ts b/linkis-web-next/src/components/editor/keyword/sh.ts
new file mode 100644
index 0000000000..1420f6d631
--- /dev/null
+++ b/linkis-web-next/src/components/editor/keyword/sh.ts
@@ -0,0 +1,570 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import { getReturnList } from '../util';
+
+const shellKeywordInfoProposals = [
+    {
+        label: 'if',
+        documentation: 'Keywords',
+        insertText: 'if',
+        detail: 'Keywords',
+    },
+    {
+        label: 'then',
+        documentation: 'Keywords',
+        insertText: 'then',
+        detail: 'Keywords',
+    },
+    {
+        label: 'do',
+        documentation: 'Keywords',
+        insertText: 'do',
+        detail: 'Keywords',
+    },
+    {
+        label: 'else',
+        documentation: 'Keywords',
+        insertText: 'else',
+        detail: 'Keywords',
+    },
+    {
+        label: 'elif',
+        documentation: 'Keywords',
+        insertText: 'elif',
+        detail: 'Keywords',
+    },
+    {
+        label: 'while',
+        documentation: 'Keywords',
+        insertText: 'while',
+        detail: 'Keywords',
+    },
+    {
+        label: 'until',
+        documentation: 'Keywords',
+        insertText: 'until',
+        detail: 'Keywords',
+    },
+    {
+        label: 'for',
+        documentation: 'Keywords',
+        insertText: 'for',
+        detail: 'Keywords',
+    },
+    {
+        label: 'in',
+        documentation: 'Keywords',
+        insertText: 'in',
+        detail: 'Keywords',
+    },
+    {
+        label: 'esac',
+        documentation: 'Keywords',
+        insertText: 'esac',
+        detail: 'Keywords',
+    },
+    {
+        label: 'fi',
+        documentation: 'Keywords',
+        insertText: 'fi',
+        detail: 'Keywords',
+    },
+    {
+        label: 'fin',
+        documentation: 'Keywords',
+        insertText: 'fin',
+        detail: 'Keywords',
+    },
+    {
+        label: 'fil',
+        documentation: 'Keywords',
+        insertText: 'fil',
+        detail: 'Keywords',
+    },
+    {
+        label: 'done',
+        documentation: 'Keywords',
+        insertText: 'done',
+        detail: 'Keywords',
+    },
+    {
+        label: 'exit',
+        documentation: 'Keywords',
+        insertText: 'exit',
+        detail: 'Keywords',
+    },
+    {
+        label: 'set',
+        documentation: 'Keywords',
+        insertText: 'set',
+        detail: 'Keywords',
+    },
+    {
+        label: 'unset',
+        documentation: 'Keywords',
+        insertText: 'unset',
+        detail: 'Keywords',
+    },
+    {
+        label: 'export',
+        documentation: 'Keywords',
+        insertText: 'export',
+        detail: 'Keywords',
+    },
+    {
+        label: 'function',
+        documentation: 'Keywords',
+        insertText: 'function',
+        detail: 'Keywords',
+    },
+    {
+        label: 'awk',
+        documentation: 'Builtin',
+        insertText: 'awk',
+        detail: 'Builtin',
+    },
+    {
+        label: 'ab',
+        documentation: 'Builtin',
+        insertText: 'ab',
+        detail: 'Builtin',
+    },
+    {
+        label: 'bash',
+        documentation: 'Builtin',
+        insertText: 'bash',
+        detail: 'Builtin',
+    },
+    {
+        label: 'beep',
+        documentation: 'Builtin',
+        insertText: 'beep',
+        detail: 'Builtin',
+    },
+    {
+        label: 'cat',
+        documentation: 'Builtin',
+        insertText: 'cat',
+        detail: 'Builtin',
+    },
+    {
+        label: 'cc',
+        documentation: 'Builtin',
+        insertText: 'cc',
+        detail: 'Builtin',
+    },
+    {
+        label: 'cd',
+        documentation: 'Builtin',
+        insertText: 'cd',
+        detail: 'Builtin',
+    },
+    {
+        label: 'chown',
+        documentation: 'Builtin',
+        insertText: 'chown',
+        detail: 'Builtin',
+    },
+    {
+        label: 'chmod',
+        documentation: 'Builtin',
+        insertText: 'chmod',
+        detail: 'Builtin',
+    },
+    {
+        label: 'chroot',
+        documentation: 'Builtin',
+        insertText: 'chroot',
+        detail: 'Builtin',
+    },
+    {
+        label: 'clear',
+        documentation: 'Builtin',
+        insertText: 'clear',
+        detail: 'Builtin',
+    },
+    {
+        label: 'cp',
+        documentation: 'Builtin',
+        insertText: 'cp',
+        detail: 'Builtin',
+    },
+    {
+        label: 'curl',
+        documentation: 'Builtin',
+        insertText: 'curl',
+        detail: 'Builtin',
+    },
+    {
+        label: 'cut',
+        documentation: 'Builtin',
+        insertText: 'cut',
+        detail: 'Builtin',
+    },
+    {
+        label: 'diff',
+        documentation: 'Builtin',
+        insertText: 'diff',
+        detail: 'Builtin',
+    },
+    {
+        label: 'echo',
+        documentation: 'Builtin',
+        insertText: 'echo',
+        detail: 'Builtin',
+    },
+    {
+        label: 'find',
+        documentation: 'Builtin',
+        insertText: 'find',
+        detail: 'Builtin',
+    },
+    {
+        label: 'gawk',
+        documentation: 'Builtin',
+        insertText: 'gawk',
+        detail: 'Builtin',
+    },
+    {
+        label: 'gcc',
+        documentation: 'Builtin',
+        insertText: 'gcc',
+        detail: 'Builtin',
+    },
+    {
+        label: 'get',
+        documentation: 'Builtin',
+        insertText: 'get',
+        detail: 'Builtin',
+    },
+    {
+        label: 'git',
+        documentation: 'Builtin',
+        insertText: 'git',
+        detail: 'Builtin',
+    },
+    {
+        label: 'grep',
+        documentation: 'Builtin',
+        insertText: 'grep',
+        detail: 'Builtin',
+    },
+    {
+        label: 'hg',
+        documentation: 'Builtin',
+        insertText: 'hg',
+        detail: 'Builtin',
+    },
+    {
+        label: 'kill',
+        documentation: 'Builtin',
+        insertText: 'kill',
+        detail: 'Builtin',
+    },
+    {
+        label: 'killall',
+        documentation: 'Builtin',
+        insertText: 'killall',
+        detail: 'Builtin',
+    },
+    {
+        label: 'ln',
+        documentation: 'Builtin',
+        insertText: 'ln',
+        detail: 'Builtin',
+    },
+    {
+        label: 'ls',
+        documentation: 'Builtin',
+        insertText: 'ls',
+        detail: 'Builtin',
+    },
+    {
+        label: 'make',
+        documentation: 'Builtin',
+        insertText: 'make',
+        detail: 'Builtin',
+    },
+    {
+        label: 'mkdir',
+        documentation: 'Builtin',
+        insertText: 'mkdir',
+        detail: 'Builtin',
+    },
+    {
+        label: 'openssl',
+        documentation: 'Builtin',
+        insertText: 'openssl',
+        detail: 'Builtin',
+    },
+    {
+        label: 'mv',
+        documentation: 'Builtin',
+        insertText: 'mv',
+        detail: 'Builtin',
+    },
+    {
+        label: 'nc',
+        documentation: 'Builtin',
+        insertText: 'nc',
+        detail: 'Builtin',
+    },
+    {
+        label: 'node',
+        documentation: 'Builtin',
+        insertText: 'node',
+        detail: 'Builtin',
+    },
+    {
+        label: 'npm',
+        documentation: 'Builtin',
+        insertText: 'npm',
+        detail: 'Builtin',
+    },
+    {
+        label: 'ping',
+        documentation: 'Builtin',
+        insertText: 'ping',
+        detail: 'Builtin',
+    },
+    {
+        label: 'ps',
+        documentation: 'Builtin',
+        insertText: 'ps',
+        detail: 'Builtin',
+    },
+    {
+        label: 'restart',
+        documentation: 'Builtin',
+        insertText: 'restart',
+        detail: 'Builtin',
+    },
+    {
+        label: 'rm',
+        documentation: 'Builtin',
+        insertText: 'rm',
+        detail: 'Builtin',
+    },
+    {
+        label: 'rmdir',
+        documentation: 'Builtin',
+        insertText: 'rmdir',
+        detail: 'Builtin',
+    },
+    {
+        label: 'sed',
+        documentation: 'Builtin',
+        insertText: 'sed',
+        detail: 'Builtin',
+    },
+    {
+        label: 'service',
+        documentation: 'Builtin',
+        insertText: 'service',
+        detail: 'Builtin',
+    },
+    {
+        label: 'sh',
+        documentation: 'Builtin',
+        insertText: 'sh',
+        detail: 'Builtin',
+    },
+    {
+        label: 'shopt',
+        documentation: 'Builtin',
+        insertText: 'shopt',
+        detail: 'Builtin',
+    },
+    {
+        label: 'shred',
+        documentation: 'Builtin',
+        insertText: 'shred',
+        detail: 'Builtin',
+    },
+    {
+        label: 'source',
+        documentation: 'Builtin',
+        insertText: 'source',
+        detail: 'Builtin',
+    },
+    {
+        label: 'sort',
+        documentation: 'Builtin',
+        insertText: 'sort',
+        detail: 'Builtin',
+    },
+    {
+        label: 'sleep',
+        documentation: 'Builtin',
+        insertText: 'sleep',
+        detail: 'Builtin',
+    },
+    {
+        label: 'ssh',
+        documentation: 'Builtin',
+        insertText: 'ssh',
+        detail: 'Builtin',
+    },
+    {
+        label: 'start',
+        documentation: 'Builtin',
+        insertText: 'start',
+        detail: 'Builtin',
+    },
+    {
+        label: 'stop',
+        documentation: 'Builtin',
+        insertText: 'stop',
+        detail: 'Builtin',
+    },
+    {
+        label: 'su',
+        documentation: 'Builtin',
+        insertText: 'su',
+        detail: 'Builtin',
+    },
+    {
+        label: 'sudo',
+        documentation: 'Builtin',
+        insertText: 'sudo',
+        detail: 'Builtin',
+    },
+    {
+        label: 'svn',
+        documentation: 'Builtin',
+        insertText: 'svn',
+        detail: 'Builtin',
+    },
+    {
+        label: 'tee',
+        documentation: 'Builtin',
+        insertText: 'tee',
+        detail: 'Builtin',
+    },
+    {
+        label: 'telnet',
+        documentation: 'Builtin',
+        insertText: 'telnet',
+        detail: 'Builtin',
+    },
+    {
+        label: 'top',
+        documentation: 'Builtin',
+        insertText: 'top',
+        detail: 'Builtin',
+    },
+    {
+        label: 'touch',
+        documentation: 'Builtin',
+        insertText: 'touch',
+        detail: 'Builtin',
+    },
+    {
+        label: 'vi',
+        documentation: 'Builtin',
+        insertText: 'vi',
+        detail: 'Builtin',
+    },
+    {
+        label: 'vim',
+        documentation: 'Builtin',
+        insertText: 'vim',
+        detail: 'Builtin',
+    },
+    {
+        label: 'wall',
+        documentation: 'Builtin',
+        insertText: 'wall',
+        detail: 'Builtin',
+    },
+    {
+        label: 'wc',
+        documentation: 'Builtin',
+        insertText: 'wc',
+        detail: 'Builtin',
+    },
+    {
+        label: 'wget',
+        documentation: 'Builtin',
+        insertText: 'wget',
+        detail: 'Builtin',
+    },
+    {
+        label: 'who',
+        documentation: 'Builtin',
+        insertText: 'who',
+        detail: 'Builtin',
+    },
+    {
+        label: 'write',
+        documentation: 'Builtin',
+        insertText: 'write',
+        detail: 'Builtin',
+    },
+    {
+        label: 'yes',
+        documentation: 'Builtin',
+        insertText: 'yes',
+        detail: 'Builtin',
+    },
+    {
+        label: 'zsh',
+        documentation: 'Builtin',
+        insertText: 'zsh',
+        detail: 'Builtin',
+    },
+];
+
+export default {
+    async register(monaco) {
+        const shellProposals = shellKeywordInfoProposals.map((item) => ({
+            label: item.label.toLowerCase(),
+            kind: monaco.languages.CompletionItemKind.Keyword,
+            insertText: item.insertText.toLowerCase(),
+            detail: item.detail,
+            documentation: item.documentation,
+        }));
+
+        monaco.languages.registerCompletionItemProvider('sh', {
+            triggerCharacters:
+                'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789._'.split(
+                    '',
+                ),
+            async provideCompletionItems(model, position) {
+                const textUntilPosition = model.getValueInRange({
+                    startLineNumber: position.lineNumber,
+                    startColumn: 1,
+                    endLineNumber: position.lineNumber,
+                    endColumn: position.column,
+                });
+                const keywordMatch = textUntilPosition.match(/([^"]*)?$/i);
+                if (keywordMatch) {
+                    const matchList = keywordMatch[0].split(' ');
+                    const match = matchList[matchList.length - 1];
+                    const list = getReturnList(
+                        match,
+                        shellProposals,
+                        'insertText',
+                    );
+                    return list;
+                }
+                return [];
+            },
+        });
+    },
+};
diff --git a/linkis-web-next/src/components/editor/languages/hql.ts b/linkis-web-next/src/components/editor/languages/hql.ts
new file mode 100644
index 0000000000..03368e9874
--- /dev/null
+++ b/linkis-web-next/src/components/editor/languages/hql.ts
@@ -0,0 +1,1587 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import sqlFormatter from '../sqlFormatter/sqlFormatter';
+
+const richLanguageConfiguration = {
+    comments: {
+        lineComment: '--',
+        blockComment: ['/*', '*/'],
+    },
+    brackets: [
+        ['{', '}'],
+        ['[', ']'],
+        ['(', ')'],
+    ],
+    autoClosingPairs: [
+        { open: '{', close: '}' },
+        { open: '[', close: ']' },
+        { open: '(', close: ')' },
+        { open: '"', close: '"' },
+        { open: "'", close: "'" },
+    ],
+    surroundingPairs: [
+        { open: '{', close: '}' },
+        { open: '[', close: ']' },
+        { open: '(', close: ')' },
+        { open: '"', close: '"' },
+        { open: "'", close: "'" },
+    ],
+};
+
+const langDefinition = {
+    defaultToken: '',
+    tokenPostfix: '.sql',
+    ignoreCase: true,
+
+    brackets: [
+        { open: '[', close: ']', token: 'delimiter.square' },
+        { open: '(', close: ')', token: 'delimiter.parenthesis' },
+    ],
+
+    keywords: [
+        'ABORT_AFTER_WAIT',
+        'ABSENT',
+        'ABSOLUTE',
+        'ABORT',
+        'ACCENT_SENSITIVITY',
+        'ACTION',
+        'ACTIVATION',
+        'ACTIVE',
+        'ADD',
+        'ADDRESS',
+        'ADMIN',
+        'AES',
+        'AES_128',
+        'AES_192',
+        'AES_256',
+        'AFFINITY',
+        'AFTER',
+        'AGGREGATE',
+        'ALGORITHM',
+        'ALL_CONSTRAINTS',
+        'ALL_ERRORMSGS',
+        'ALL_INDEXES',
+        'ALL_LEVELS',
+        'ALL_SPARSE_COLUMNS',
+        'ALLOW_CONNECTIONS',
+        'ALLOW_MULTIPLE_EVENT_LOSS',
+        'ALLOW_PAGE_LOCKS',
+        'ALLOW_ROW_LOCKS',
+        'ALLOW_SINGLE_EVENT_LOSS',
+        'ALLOW_SNAPSHOT_ISOLATION',
+        'ALLOWED',
+        'ALTER',
+        'ANALYZE',
+        'ANONYMOUS',
+        'ANSI_DEFAULTS',
+        'ANSI_NULL_DEFAULT',
+        'ANSI_NULL_DFLT_OFF',
+        'ANSI_NULL_DFLT_ON',
+        'ANSI_NULLS',
+        'ANSI_PADDING',
+        'ANSI_WARNINGS',
+        'APPEND',
+        'APPLICATION',
+        'APPLICATION_LOG',
+        'ARCHIVE',
+        'ARITHABORT',
+        'ARITHIGNORE',
+        'ARRAY',
+        'AS',
+        'ASC',
+        'ASSEMBLY',
+        'ASYMMETRIC',
+        'ASYNCHRONOUS_COMMIT',
+        'AT',
+        'ATOMIC',
+        'ATTACH',
+        'ATTACH_REBUILD_LOG',
+        'AUDIT',
+        'AUDIT_GUID',
+        'AUTHENTICATION',
+        'AUTHORIZATION',
+        'AUTO',
+        'AUTOCOMMIT',
+        'AUTO_CLEANUP',
+        'AUTO_CLOSE',
+        'AUTO_CREATE_STATISTICS',
+        'AUTO_SHRINK',
+        'AUTO_UPDATE_STATISTICS',
+        'AUTO_UPDATE_STATISTICS_ASYNC',
+        'AUTOMATED_BACKUP_PREFERENCE',
+        'AUTOMATIC',
+        'AVAILABILITY',
+        'AVAILABILITY_MODE',
+        'BACKUP',
+        'BACKUP_PRIORITY',
+        'BASE64',
+        'BATCHSIZE',
+        'BEFORE',
+        'BEGIN',
+        'BEGIN_DIALOG',
+        'BIGINT',
+        'BINARY',
+        'BINDING',
+        'BIT',
+        'BLOCKERS',
+        'BLOCKSIZE',
+        'BOOLEAN',
+        'BOTH',
+        'BOUNDING_BOX',
+        'BREAK',
+        'BROKER',
+        'BROKER_INSTANCE',
+        'BROWSE',
+        'BUCKET',
+        'BUCKETS',
+        'BUCKET_COUNT',
+        'BUFFER',
+        'BUFFERCOUNT',
+        'BULK',
+        'BULK_LOGGED',
+        'BY',
+        'CACHE',
+        'CALL',
+        'CALLED',
+        'CALLER',
+        'CAP_CPU_PERCENT',
+        'CASCADE',
+        'CASE',
+        'CATALOG',
+        'CATCH',
+        'CELLS_PER_OBJECT',
+        'CERTIFICATE',
+        'CHANGE',
+        'CHANGE_RETENTION',
+        'CHANGE_TRACKING',
+        'CHANGES',
+        'CHAR',
+        'CHARACTER',
+        'CHECK',
+        'CHECK_CONSTRAINTS',
+        'CHECK_EXPIRATION',
+        'CHECK_POLICY',
+        'CHECKALLOC',
+        'CHECKCATALOG',
+        'CHECKCONSTRAINTS',
+        'CHECKDB',
+        'CHECKFILEGROUP',
+        'CHECKIDENT',
+        'CHECKPOINT',
+        'CHECKTABLE',
+        'CLASSIFIER_FUNCTION',
+        'CLEANTABLE',
+        'CLEANUP',
+        'CLEAR',
+        'CLOSE',
+        'CLUSTER',
+        'CLUSTERED',
+        'CLUSTERSTATUS',
+        'CODEPAGE',
+        'COLLATE',
+        'COLLECTION',
+        'COLUMN',
+        'COLUMN_SET',
+        'COLUMNS',
+        'COLUMNSTORE',
+        'COLUMNSTORE_ARCHIVE',
+        'COMMENT',
+        'COMMIT',
+        'COMMITTED',
+        'COMPACT',
+        'COMPACTIONS',
+        'COMPATIBILITY_LEVEL',
+        'COMPRESSION',
+        'COMPUTE',
+        'CONCAT',
+        'CONCAT_NULL_YIELDS_NULL',
+        'CONCATENATE',
+        'CONF',
+        'CONFIGURATION',
+        'CONNECT',
+        'CONSTRAINT',
+        'CONTAINMENT',
+        'CONTENT',
+        'CONTEXT',
+        'CONTINUE',
+        'CONTINUE_AFTER_ERROR',
+        'CONTRACT',
+        'CONTRACT_NAME',
+        'CONTROL',
+        'CONVERSATION',
+        'COOKIE',
+        'COPY_ONLY',
+        'COUNTER',
+        'CPU',
+        'CREATE',
+        'CREATE_NEW',
+        'CREATION_DISPOSITION',
+        'CREDENTIAL',
+        'CRYPTOGRAPHIC',
+        'CUBE',
+        'CURRENT',
+        'CURRENT_DATE',
+        'CURSOR',
+        'CURSOR_CLOSE_ON_COMMIT',
+        'CURSOR_DEFAULT',
+        'CYCLE',
+        'DATA',
+        'DATA_COMPRESSION',
+        'DATA_PURITY',
+        'DATABASE',
+        'DATABASES',
+        'DATABASE_DEFAULT',
+        'DATABASE_MIRRORING',
+        'DATABASE_SNAPSHOT',
+        'DATAFILETYPE',
+        'DATE',
+        'DATE_CORRELATION_OPTIMIZATION',
+        'DATEFIRST',
+        'DATEFORMAT',
+        'DATETIME',
+        'DATETIME2',
+        'DATETIMEOFFSET',
+        'DAY',
+        'DAYOFWEEK',
+        'DAYOFYEAR',
+        'DAYS',
+        'DB_CHAINING',
+        'DBCC',
+        'DBREINDEX',
+        'DBPROPERTIES',
+        'DDL_DATABASE_LEVEL_EVENTS',
+        'DEADLOCK_PRIORITY',
+        'DEALLOCATE',
+        'DEC',
+        'DECIMAL',
+        'DECLARE',
+        'DECRYPTION',
+        'DEFAULT',
+        'DEFAULT_DATABASE',
+        'DEFAULT_FULLTEXT_LANGUAGE',
+        'DEFAULT_LANGUAGE',
+        'DEFAULT_SCHEMA',
+        'DEFERRED',
+        'DEFINED',
+        'DEFINITION',
+        'DELAY',
+        'DELAYED_DURABILITY',
+        'DELETE',
+        'DELETED',
+        'DELIMITED',
+        'DENSITY_VECTOR',
+        'DENY',
+        'DEPENDENCY',
+        'DEPENDENTS',
+        'DES',
+        'DESC',
+        'DESCRIPTION',
+        'DESCRIBE',
+        'DESX',
+        'DETAIL',
+        'DHCP',
+        'DIAGNOSTICS',
+        'DIALOG',
+        'DIFFERENTIAL',
+        'DIRECTORIES',
+        'DIRECTORY',
+        'DIRECTORY_NAME',
+        'DISABLE',
+        'DISABLE_BROKER',
+        'DISABLED',
+        'DISK',
+        'DISTINCT',
+        'DISTRIBUTE',
+        'DISTRIBUTED',
+        'DOCUMENT',
+        'DOUBLE',
+        'DOW',
+        'DROP',
+        'DROP_EXISTING',
+        'DROPCLEANBUFFERS',
+        'DUMP',
+        'DURABILITY',
+        'DYNAMIC',
+        'EDITION',
+        'ELEMENTS',
+        'ELEM_TYPE',
+        'ELSE',
+        'EMERGENCY',
+        'EMPTY',
+        'EMPTYFILE',
+        'ENABLE',
+        'ENABLE_BROKER',
+        'ENABLED',
+        'ENCRYPTION',
+        'END',
+        'ENDPOINT',
+        'ENDPOINT_URL',
+        'ERRLVL',
+        'ERROR',
+        'ERROR_BROKER_CONVERSATIONS',
+        'ERRORFILE',
+        'ESCAPE',
+        'ESCAPED',
+        'ESTIMATEONLY',
+        'EVENT',
+        'EVENT_RETENTION_MODE',
+        'EXCHANGE',
+        'EXCLUSIVE',
+        'EXEC',
+        'EXECUTABLE',
+        'EXECUTE',
+        'EXIT',
+        'EXPAND',
+        'EXPORT',
+        'EXPIREDATE',
+        'EXPIRY_DATE',
+        'EXPLAIN',
+        'EXPLICIT',
+        'EXPRESSION',
+        'EXTENDED',
+        'EXTENDED_LOGICAL_CHECKS',
+        'EXTENSION',
+        'EXTERNAL',
+        'EXTERNAL_ACCESS',
+        'EXTRACT',
+        'FAIL_OPERATION',
+        'FAILOVER',
+        'FAILOVER_MODE',
+        'FAILURE_CONDITION_LEVEL',
+        'FALSE',
+        'FAN_IN',
+        'FAST',
+        'FAST_FORWARD',
+        'FETCH',
+        'FIELDS',
+        'FIELDTERMINATOR',
+        'FILE',
+        'FILEFORMAT',
+        'FILEGROUP',
+        'FILEGROWTH',
+        'FILELISTONLY',
+        'FILENAME',
+        'FILEPATH',
+        'FILESTREAM',
+        'FILESTREAM_ON',
+        'FILETABLE_COLLATE_FILENAME',
+        'FILETABLE_DIRECTORY',
+        'FILETABLE_FULLPATH_UNIQUE_CONSTRAINT_NAME',
+        'FILETABLE_NAMESPACE',
+        'FILETABLE_PRIMARY_KEY_CONSTRAINT_NAME',
+        'FILETABLE_STREAMID_UNIQUE_CONSTRAINT_NAME',
+        'FILLFACTOR',
+        'FILTERING',
+        'FIRE_TRIGGERS',
+        'FIRST',
+        'FIRSTROW',
+        'FLOAT',
+        'FMTONLY',
+        'FOLLOWING',
+        'FOR',
+        'FORCE',
+        'FORCE_FAILOVER_ALLOW_DATA_LOSS',
+        'FORCE_SERVICE_ALLOW_DATA_LOSS',
+        'FORCED',
+        'FORCEPLAN',
+        'FORCESCAN',
+        'FORCESEEK',
+        'FOREIGN',
+        'FORMATFILE',
+        'FORMATTED',
+        'FORMSOF',
+        'FORWARD_ONLY',
+        'FREE',
+        'FREEPROCCACHE',
+        'FREESESSIONCACHE',
+        'FREESYSTEMCACHE',
+        'FROM',
+        'FULL',
+        'FULLSCAN',
+        'FULLTEXT',
+        'FUNCTION',
+        'FUNCTIONS',
+        'GB',
+        'GEOGRAPHY_AUTO_GRID',
+        'GEOGRAPHY_GRID',
+        'GEOMETRY_AUTO_GRID',
+        'GEOMETRY_GRID',
+        'GET',
+        'GLOBAL',
+        'GO',
+        'GOTO',
+        'GOVERNOR',
+        'GRANT',
+        'GRIDS',
+        'GROUP',
+        'GROUP_MAX_REQUESTS',
+        'HADR',
+        'HASH',
+        'HASHED',
+        'HAVING',
+        'HEADERONLY',
+        'HEALTH_CHECK_TIMEOUT',
+        'HELP',
+        'HIERARCHYID',
+        'HIGH',
+        'HINT',
+        'HISTOGRAM',
+        'HOLDLOCK',
+        'HOLD_DDLTIME',
+        'HONOR_BROKER_PRIORITY',
+        'HOUR',
+        'HOURS',
+        'IDENTITY',
+        'IDENTITY_INSERT',
+        'IDENTITY_VALUE',
+        'IDENTITYCOL',
+        'IDXPROPERTIES',
+        'IF',
+        'IGNORE',
+        'IGNORE_CONSTRAINTS',
+        'IGNORE_DUP_KEY',
+        'IGNORE_NONCLUSTERED_COLUMNSTORE_INDEX',
+        'IGNORE_TRIGGERS',
+        'IMAGE',
+        'IMMEDIATE',
+        'IMPERSONATE',
+        'IMPLICIT_TRANSACTIONS',
+        'IMPORT',
+        'IMPORTANCE',
+        'INCLUDE',
+        'INCREMENT',
+        'INCREMENTAL',
+        'INDEX',
+        'INDEXES',
+        'INDEXDEFRAG',
+        'INFINITE',
+        'INFLECTIONAL',
+        'INIT',
+        'INITIATOR',
+        'INPATH',
+        'INPUT',
+        'INPUTDRIVER',
+        'INPUTFORMAT',
+        'INPUTBUFFER',
+        'INSENSITIVE',
+        'INSERT',
+        'INSERTED',
+        'INSTEAD',
+        'INT',
+        'INTEGER',
+        'INTERVAL',
+        'INTO',
+        'IO',
+        'IP',
+        'ISABOUT',
+        'ISOLATION',
+        'ITEMS',
+        'JAR',
+        'JOB',
+        'KB',
+        'KEEP',
+        'KEEP_CDC',
+        'KEEP_NULLS',
+        'KEEP_REPLICATION',
+        'KEEPDEFAULTS',
+        'KEEPFIXED',
+        'KEEPIDENTITY',
+        'KEEPNULLS',
+        'KERBEROS',
+        'KEY',
+        'KEY_SOURCE',
+        'KEY_TYPE',
+        'KEYS',
+        'KEYSET',
+        'KILL',
+        'KILOBYTES_PER_BATCH',
+        'LABELONLY',
+        'LANGUAGE',
+        'LAST',
+        'LASTROW',
+        'LATERAL',
+        'LESS',
+        'LEVEL',
+        'LEVEL_1',
+        'LEVEL_2',
+        'LEVEL_3',
+        'LEVEL_4',
+        'LIFETIME',
+        'LIMIT',
+        'LINENO',
+        'LINES',
+        'LIST',
+        'LISTENER',
+        'LISTENER_IP',
+        'LISTENER_PORT',
+        'LOAD',
+        'LOADHISTORY',
+        'LOB_COMPACTION',
+        'LOCAL',
+        'LOCAL_SERVICE_NAME',
+        'LOCATION',
+        'LOCK',
+        'LOCKS',
+        'LOCK_ESCALATION',
+        'LOCK_TIMEOUT',
+        'LOGICAL',
+        'LOGIN',
+        'LOGSPACE',
+        'LONG',
+        'LOOP',
+        'LOW',
+        'MACRO',
+        'MAP',
+        'MAPJOIN',
+        'MANUAL',
+        'MARK',
+        'MARK_IN_USE_FOR_REMOVAL',
+        'MASTER',
+        'MATERIALIZED',
+        'MAX_CPU_PERCENT',
+        'MAX_DISPATCH_LATENCY',
+        'MAX_DOP',
+        'MAX_DURATION',
+        'MAX_EVENT_SIZE',
+        'MAX_FILES',
+        'MAX_IOPS_PER_VOLUME',
+        'MAX_MEMORY',
+        'MAX_MEMORY_PERCENT',
+        'MAX_QUEUE_READERS',
+        'MAX_ROLLOVER_FILES',
+        'MAX_SIZE',
+        'MAXDOP',
+        'MAXERRORS',
+        'MAXLENGTH',
+        'MAXRECURSION',
+        'MAXSIZE',
+        'MAXTRANSFERSIZE',
+        'MAXVALUE',
+        'MB',
+        'MEDIADESCRIPTION',
+        'MEDIANAME',
+        'MEDIAPASSWORD',
+        'MEDIUM',
+        'MEMBER',
+        'MEMORY_OPTIMIZED',
+        'MEMORY_OPTIMIZED_DATA',
+        'MEMORY_OPTIMIZED_ELEVATE_TO_SNAPSHOT',
+        'MEMORY_PARTITION_MODE',
+        'MERGE',
+        'MESSAGE',
+        'MESSAGE_FORWARD_SIZE',
+        'MESSAGE_FORWARDING',
+        'METADATA',
+        'MICROSECOND',
+        'MILLISECOND',
+        'MIN_CPU_PERCENT',
+        'MIN_IOPS_PER_VOLUME',
+        'MIN_MEMORY_PERCENT',
+        'MINUS',
+        'MINUTE',
+        'MINUTES',
+        'MINVALUE',
+        'MIRROR',
+        'MIRROR_ADDRESS',
+        'MODIFY',
+        'MONEY',
+        'MONTH',
+        'MONTHS',
+        'MORE',
+        'MOVE',
+        'MSCK',
+        'MULTI_USER',
+        'MUST_CHANGE',
+        'NAME',
+        'NANOSECOND',
+        'NATIONAL',
+        'NATIVE_COMPILATION',
+        'NCHAR',
+        'NEGOTIATE',
+        'NESTED_TRIGGERS',
+        'NEW_ACCOUNT',
+        'NEW_BROKER',
+        'NEW_PASSWORD',
+        'NEWNAME',
+        'NEXT',
+        'NO',
+        'NO_BROWSETABLE',
+        'NO_CHECKSUM',
+        'NO_COMPRESSION',
+        'NO_EVENT_LOSS',
+        'NO_INFOMSGS',
+        'NO_TRUNCATE',
+        'NO_WAIT',
+        'NOCHECK',
+        'NOCOUNT',
+        'NO_DROP',
+        'NOEXEC',
+        'NOEXPAND',
+        'NOFORMAT',
+        'NOINDEX',
+        'NOINIT',
+        'NOLOCK',
+        'NON',
+        'NON_TRANSACTED_ACCESS',
+        'NONCLUSTERED',
+        'NONE',
+        'NORECOMPUTE',
+        'NORECOVERY',
+        'NORELY',
+        'NORESEED',
+        'NORESET',
+        'NOREWIND',
+        'NORMAL',
+        'NOSCAN',
+        'NOSKIP',
+        'NOTIFICATION',
+        'NOTRUNCATE',
+        'NOUNLOAD',
+        'NOVALIDATE',
+        'NOWAIT',
+        'NTEXT',
+        'NTLM',
+        'NULLS',
+        'NUMANODE',
+        'NUMERIC',
+        'NUMERIC_ROUNDABORT',
+        'NVARCHAR',
+        'OBJECT',
+        'OF',
+        'OFF',
+        'OFFLINE',
+        'OFFSET',
+        'OFFSETS',
+        'OLD_ACCOUNT',
+        'OLD_PASSWORD',
+        'ON',
+        'ON_FAILURE',
+        'ONLINE',
+        'ONLY',
+        'OPEN',
+        'OPEN_EXISTING',
+        'OPENTRAN',
+        'OPERATOR',
+        'OPTIMISTIC',
+        'OPTIMIZE',
+        'OPTION',
+        'ORDER',
+        'OUT',
+        'OUTPUT',
+        'OUTPUTDRIVER',
+        'OUTPUTBUFFER',
+        'OUTPUTFORMAT',
+        'OVER',
+        'OVERRIDE',
+        'OWNER',
+        'OWNERSHIP',
+        'OVERWRITE',
+        'PAD_INDEX',
+        'PAGE',
+        'PAGE_VERIFY',
+        'PAGECOUNT',
+        'PAGLOCK',
+        'PARAMETERIZATION',
+        'PARSEONLY',
+        'PARTIAL',
+        'PARTIALSCAN',
+        'PARTITION',
+        'PARTITIONED',
+        'PARTITIONS',
+        'PARTNER',
+        'PASSWORD',
+        'PATH',
+        'PER_CPU',
+        'PER_NODE',
+        'PERCENT',
+        'PERMISSION_SET',
+        'PERSISTED',
+        'PHYSICAL_ONLY',
+        'PLAN',
+        'PLUS',
+        'POISON_MESSAGE_HANDLING',
+        'POOL',
+        'POPULATION',
+        'PORT',
+        'PRECEDING',
+        'PRECISION',
+        'PRETTY',
+        'PRESERVE',
+        'PRIMARY',
+        'PRIMARY_ROLE',
+        'PRINT',
+        'PRIOR',
+        'PRIORITY',
+        'PRIORITY_LEVEL',
+        'PRINCIPALS',
+        'PRIVATE',
+        'PRIVILEGES',
+        'PROC',
+        'PROCCACHE',
+        'PROCEDURE',
+        'PROCEDURE_NAME',
+        'PROCESS',
+        'PROFILE',
+        'PROPERTY',
+        'PROPERTY_DESCRIPTION',
+        'PROPERTY_INT_ID',
+        'PROPERTY_SET_GUID',
+        'PROTECTION',
+        'PROVIDER',
+        'PROVIDER_KEY_NAME',
+        'PUBLIC',
+        'PURGE',
+        'PUT',
+        'QUARTER',
+        'QUERY',
+        'QUERY_GOVERNOR_COST_LIMIT',
+        'QUEUE',
+        'QUEUE_DELAY',
+        'QUOTED_IDENTIFIER',
+        'RAISERROR',
+        'RANGE',
+        'RAW',
+        'RC2',
+        'RC4',
+        'RC4_128',
+        'READ',
+        'READ_COMMITTED_SNAPSHOT',
+        'READ_ONLY',
+        'READ_ONLY_ROUTING_LIST',
+        'READ_ONLY_ROUTING_URL',
+        'READ_WRITE',
+        'READ_WRITE_FILEGROUPS',
+        'READCOMMITTED',
+        'READCOMMITTEDLOCK',
+        'READONLY',
+        'READPAST',
+        'READS',
+        'READTEXT',
+        'READUNCOMMITTED',
+        'READWRITE',
+        'REAL',
+        'REBUILD',
+        'RECEIVE',
+        'RECOMPILE',
+        'RECONFIGURE',
+        'RECORDREADER',
+        'RECORDWRITER',
+        'RECOVERY',
+        'RECURSIVE',
+        'RECURSIVE_TRIGGERS',
+        'REDUCE',
+        'REFERENCES',
+        'REGENERATE',
+        'REGEXP',
+        'RELATED_CONVERSATION',
+        'RELATED_CONVERSATION_GROUP',
+        'RELATIVE',
+        'RELOAD',
+        'RELY',
+        'REMOTE',
+        'REMOTE_PROC_TRANSACTIONS',
+        'REMOTE_SERVICE_NAME',
+        'REMOVE',
+        'RENAME',
+        'REORGANIZE',
+        'REPAIR',
+        'REPAIR_ALLOW_DATA_LOSS',
+        'REPAIR_FAST',
+        'REPAIR_REBUILD',
+        'REPEATABLE',
+        'REPEATABLEREAD',
+        'REPLICA',
+        'REPLICATION',
+        'REQUEST_MAX_CPU_TIME_SEC',
+        'REQUEST_MAX_MEMORY_GRANT_PERCENT',
+        'REQUEST_MEMORY_GRANT_TIMEOUT_SEC',
+        'REQUIRED',
+        'RESAMPLE',
+        'RESEED',
+        'RESERVE_DISK_SPACE',
+        'RESET',
+        'RESOURCE',
+        'RESTART',
+        'RESTORE',
+        'RESTRICT',
+        'RESTRICTED_USER',
+        'RESULT',
+        'RESUME',
+        'RETAINDAYS',
+        'RETENTION',
+        'RETURN',
+        'RETURNS',
+        'REVERT',
+        'REVOKE',
+        'REWIND',
+        'REWINDONLY',
+        'REWRITE',
+        'RLIKE',
+        'ROBUST',
+        'ROLE',
+        'ROLES',
+        'ROLLBACK',
+        'ROLLUP',
+        'ROOT',
+        'ROUTE',
+        'ROW',
+        'ROWCOUNT',
+        'ROWGUIDCOL',
+        'ROWLOCK',
+        'ROWS',
+        'ROWS_PER_BATCH',
+        'ROWTERMINATOR',
+        'ROWVERSION',
+        'RSA_1024',
+        'RSA_2048',
+        'RSA_512',
+        'RULE',
+        'SAFE',
+        'SAFETY',
+        'SAMPLE',
+        'SAVE',
+        'SCHEDULER',
+        'SCHEMA',
+        'SCHEMAS',
+        'SCHEMA_AND_DATA',
+        'SCHEMA_ONLY',
+        'SCHEMABINDING',
+        'SCHEME',
+        'SCROLL',
+        'SCROLL_LOCKS',
+        'SEARCH',
+        'SECOND',
+        'SECONDARY',
+        'SECONDARY_ONLY',
+        'SECONDARY_ROLE',
+        'SECONDS',
+        'SECRET',
+        'SECURITY_LOG',
+        'SECURITYAUDIT',
+        'SELECT',
+        'SELECTIVE',
+        'SELF',
+        'SEMI',
+        'SEND',
+        'SENT',
+        'SEQUENCE',
+        'SERDE',
+        'SERDEPROPERTIES',
+        'SERIALIZABLE',
+        'SERVER',
+        'SERVICE',
+        'SERVICE_BROKER',
+        'SERVICE_NAME',
+        'SESSION',
+        'SESSION_TIMEOUT',
+        'SET',
+        'SETS',
+        'SETUSER',
+        'SHARED',
+        'SHOW',
+        'SHOW_DATABASE',
+        'SHOW_STATISTICS',
+        'SHOWCONTIG',
+        'SHOWPLAN',
+        'SHOWPLAN_ALL',
+        'SHOWPLAN_TEXT',
+        'SHOWPLAN_XML',
+        'SHRINKDATABASE',
+        'SHRINKFILE',
+        'SHUTDOWN',
+        'SID',
+        'SIGNATURE',
+        'SIMPLE',
+        'SINGLE_BLOB',
+        'SINGLE_CLOB',
+        'SINGLE_NCLOB',
+        'SINGLE_USER',
+        'SINGLETON',
+        'SIZE',
+        'SKEWED',
+        'SKIP',
+        'SMALLDATETIME',
+        'SMALLINT',
+        'SMALLMONEY',
+        'SNAPSHOT',
+        'SORT',
+        'SORTED',
+        'SORT_IN_TEMPDB',
+        'SOURCE',
+        'SPARSE',
+        'SPATIAL',
+        'SPATIAL_WINDOW_MAX_CELLS',
+        'SPECIFICATION',
+        'SPLIT',
+        'SQL',
+        'SQL_VARIANT',
+        'SQLPERF',
+        'SSL',
+        'STANDBY',
+        'START',
+        'START_DATE',
+        'STARTED',
+        'STARTUP_STATE',
+        'STAT_HEADER',
+        'STATE',
+        'STATEMENT',
+        'STATIC',
+        'STATISTICAL_SEMANTICS',
+        'STATISTICS',
+        'STATISTICS_INCREMENTAL',
+        'STATISTICS_NORECOMPUTE',
+        'STATS',
+        'STATS_STREAM',
+        'STATUS',
+        'STATUSONLY',
+        'STOP',
+        'STOP_ON_ERROR',
+        'STOPAT',
+        'STOPATMARK',
+        'STOPBEFOREMARK',
+        'STOPLIST',
+        'STOPPED',
+        'STORED',
+        'STREAMTABLE',
+        'STRING',
+        'STRUCT',
+        'SUBJECT',
+        'SUBSCRIPTION',
+        'SUMMARY',
+        'SUPPORTED',
+        'SUSPEND',
+        'SWITCH',
+        'SYMMETRIC',
+        'SYNCHRONOUS_COMMIT',
+        'SYNONYM',
+        'SYSNAME',
+        'SYSTEM',
+        'TABLE',
+        'TABLES',
+        'TABLERESULTS',
+        'TABLESAMPLE',
+        'TABLOCK',
+        'TABLOCKX',
+        'TAKE',
+        'TAPE',
+        'TARGET',
+        'TARGET_RECOVERY_TIME',
+        'TB',
+        'TBLPROPERTIES',
+        'TCP',
+        'TEMPORARY',
+        'TERMINATED',
+        'TEXT',
+        'TEXTIMAGE_ON',
+        'TEXTSIZE',
+        'THEN',
+        'THESAURUS',
+        'THROW',
+        'TIES',
+        'TIME',
+        'TIMEOUT',
+        'TIMER',
+        'TIMESTAMP',
+        'TIMESTAMPTZ',
+        'TINYINT',
+        'TO',
+        'TOP',
+        'TORN_PAGE_DETECTION',
+        'TOUCH',
+        'TRACEOFF',
+        'TRACEON',
+        'TRACESTATUS',
+        'TRACK_CAUSALITY',
+        'TRACK_COLUMNS_UPDATED',
+        'TRAN',
+        'TRANSACTION',
+        'TRANSACTIONS',
+        'TRANSFER',
+        'TRANSFORM',
+        'TRANSFORM_NOISE_WORDS',
+        'TRIGGER',
+        'TRIPLE_DES',
+        'TRIPLE_DES_3KEY',
+        'TRUE',
+        'TRUNCATE',
+        'TRUNCATEONLY',
+        'TRUSTWORTHY',
+        'TRY',
+        'TSQL',
+        'TWO_DIGIT_YEAR_CUTOFF',
+        'TYPE',
+        'TYPE_WARNING',
+        'UNARCHIVE',
+        'UNBOUNDED',
+        'UNCHECKED',
+        'UNCOMMITTED',
+        'UNDEFINED',
+        'UNDO',
+        'UNSET',
+        'UNSIGNED',
+        'UNIONTYPE',
+        'UNIQUE',
+        'UNIQUEIDENTIFIER',
+        'UNIQUEJOIN',
+        'UNKNOWN',
+        'UNLIMITED',
+        'UNLOAD',
+        'UNLOCK',
+        'UNSAFE',
+        'UPDATE',
+        'UPDATETEXT',
+        'UPDATEUSAGE',
+        'UPDLOCK',
+        'URI',
+        'URL',
+        'USE',
+        'USED',
+        'USER',
+        'USEROPTIONS',
+        'USING',
+        'UTC',
+        'UTC_TMESTAMP',
+        'UTCTIMESTAMP',
+        'VALID_XML',
+        'VALIDATE',
+        'VALIDATION',
+        'VALUE',
+        'VALUE_TYPE',
+        'VALUES',
+        'VARBINARY',
+        'VARCHAR',
+        'VARYING',
+        'VECTORIZATION',
+        'VERIFYONLY',
+        'VERSION',
+        'VIEW',
+        'VIEW_METADATA',
+        'VIEWS',
+        'VISIBILITY',
+        'WAIT_AT_LOW_PRIORITY',
+        'WAITFOR',
+        'WEEK',
+        'WEEKS',
+        'WEIGHT',
+        'WELL_FORMED_XML',
+        'WHEN',
+        'WHERE',
+        'WHILE',
+        'WINDOW',
+        'WINDOWS',
+        'WITH',
+        'WITHIN',
+        'WITHOUT',
+        'WITNESS',
+        'WORK',
+        'WORKLOAD',
+        'WRITE',
+        'WRITETEXT',
+        'XACT_ABORT',
+        'XLOCK',
+        'XMAX',
+        'XMIN',
+        'XML',
+        'XMLDATA',
+        'XMLNAMESPACES',
+        'XMLSCHEMA',
+        'XQUERY',
+        'XSINIL',
+        'YEAR',
+        'YEARS',
+        'YMAX',
+        'YMIN',
+        'ZONE',
+    ],
+    operators: [
+        // Logical
+        'ALL',
+        'AND',
+        'ANY',
+        'BETWEEN',
+        'EXISTS',
+        'IN',
+        'LIKE',
+        'NOT',
+        'OR',
+        'SOME',
+        // Set
+        'EXCEPT',
+        'INTERSECT',
+        'UNION',
+        // Join
+        'APPLY',
+        'CROSS',
+        'FULL',
+        'INNER',
+        'JOIN',
+        'LEFT',
+        'OUTER',
+        'RIGHT',
+        // Predicates
+        'CONTAINS',
+        'FREETEXT',
+        'IS',
+        'NULL',
+        // Pivoting
+        'PIVOT',
+        'UNPIVOT',
+        // Merging
+        'MATCHED',
+    ],
+    builtinFunctions: [
+        // Aggregate
+        'AVG',
+        'CHECKSUM_AGG',
+        'COUNT',
+        'COUNT_BIG',
+        'GROUPING',
+        'GROUPING_ID',
+        'MAX',
+        'MIN',
+        'SUM',
+        'STDEV',
+        'STDEVP',
+        'VAR',
+        'VARP',
+        // Analytic
+        'CUME_DIST',
+        'FIRST_VALUE',
+        'LAG',
+        'LAST_VALUE',
+        'LEAD',
+        'PERCENTILE_CONT',
+        'PERCENTILE_DISC',
+        'PERCENT_RANK',
+        // Collation
+        'COLLATE',
+        'COLLATIONPROPERTY',
+        'TERTIARY_WEIGHTS',
+        // Azure
+        'FEDERATION_FILTERING_VALUE',
+        // Conversion
+        'CAST',
+        'CONVERT',
+        'PARSE',
+        'TRY_CAST',
+        'TRY_CONVERT',
+        'TRY_PARSE',
+        // Cryptographic
+        'ASYMKEY_ID',
+        'ASYMKEYPROPERTY',
+        'CERTPROPERTY',
+        'CERT_ID',
+        'CRYPT_GEN_RANDOM',
+        'DECRYPTBYASYMKEY',
+        'DECRYPTBYCERT',
+        'DECRYPTBYKEY',
+        'DECRYPTBYKEYAUTOASYMKEY',
+        'DECRYPTBYKEYAUTOCERT',
+        'DECRYPTBYPASSPHRASE',
+        'ENCRYPTBYASYMKEY',
+        'ENCRYPTBYCERT',
+        'ENCRYPTBYKEY',
+        'ENCRYPTBYPASSPHRASE',
+        'HASHBYTES',
+        'IS_OBJECTSIGNED',
+        'KEY_GUID',
+        'KEY_ID',
+        'KEY_NAME',
+        'SIGNBYASYMKEY',
+        'SIGNBYCERT',
+        'SYMKEYPROPERTY',
+        'VERIFYSIGNEDBYCERT',
+        'VERIFYSIGNEDBYASYMKEY',
+        // Cursor
+        'CURSOR_STATUS',
+        // Datatype
+        'DATALENGTH',
+        'IDENT_CURRENT',
+        'IDENT_INCR',
+        'IDENT_SEED',
+        'IDENTITY',
+        'SQL_VARIANT_PROPERTY',
+        // Datetime
+        'CURRENT_TIMESTAMP',
+        'DATEADD',
+        'DATEDIFF',
+        'DATEFROMPARTS',
+        'DATENAME',
+        'DATEPART',
+        'DATETIME2FROMPARTS',
+        'DATETIMEFROMPARTS',
+        'DATETIMEOFFSETFROMPARTS',
+        'DAY',
+        'EOMONTH',
+        'GETDATE',
+        'GETUTCDATE',
+        'ISDATE',
+        'MONTH',
+        'SMALLDATETIMEFROMPARTS',
+        'SWITCHOFFSET',
+        'SYSDATETIME',
+        'SYSDATETIMEOFFSET',
+        'SYSUTCDATETIME',
+        'TIMEFROMPARTS',
+        'TODATETIMEOFFSET',
+        'YEAR',
+        // Logical
+        'CHOOSE',
+        'COALESCE',
+        'IIF',
+        'NULLIF',
+        // Mathematical
+        'ABS',
+        'ACOS',
+        'ASIN',
+        'ATAN',
+        'ATN2',
+        'CEILING',
+        'COS',
+        'COT',
+        'DEGREES',
+        'EXP',
+        'FLOOR',
+        'LOG',
+        'LOG10',
+        'PI',
+        'POWER',
+        'RADIANS',
+        'RAND',
+        'ROUND',
+        'SIGN',
+        'SIN',
+        'SQRT',
+        'SQUARE',
+        'TAN',
+        // Metadata
+        'APP_NAME',
+        'APPLOCK_MODE',
+        'APPLOCK_TEST',
+        'ASSEMBLYPROPERTY',
+        'COL_LENGTH',
+        'COL_NAME',
+        'COLUMNPROPERTY',
+        'DATABASE_PRINCIPAL_ID',
+        'DATABASEPROPERTYEX',
+        'DB_ID',
+        'DB_NAME',
+        'FILE_ID',
+        'FILE_IDEX',
+        'FILE_NAME',
+        'FILEGROUP_ID',
+        'FILEGROUP_NAME',
+        'FILEGROUPPROPERTY',
+        'FILEPROPERTY',
+        'FULLTEXTCATALOGPROPERTY',
+        'FULLTEXTSERVICEPROPERTY',
+        'INDEX_COL',
+        'INDEXKEY_PROPERTY',
+        'INDEXPROPERTY',
+        'OBJECT_DEFINITION',
+        'OBJECT_ID',
+        'OBJECT_NAME',
+        'OBJECT_SCHEMA_NAME',
+        'OBJECTPROPERTY',
+        'OBJECTPROPERTYEX',
+        'ORIGINAL_DB_NAME',
+        'PARSENAME',
+        'SCHEMA_ID',
+        'SCHEMA_NAME',
+        'SCOPE_IDENTITY',
+        'SERVERPROPERTY',
+        'STATS_DATE',
+        'TYPE_ID',
+        'TYPE_NAME',
+        'TYPEPROPERTY',
+        // Ranking
+        'DENSE_RANK',
+        'NTILE',
+        'RANK',
+        'ROW_NUMBER',
+        // Replication
+        'PUBLISHINGSERVERNAME',
+        // Rowset
+        'OPENDATASOURCE',
+        'OPENQUERY',
+        'OPENROWSET',
+        'OPENXML',
+        // Security
+        'CERTENCODED',
+        'CERTPRIVATEKEY',
+        'CURRENT_USER',
+        'HAS_DBACCESS',
+        'HAS_PERMS_BY_NAME',
+        'IS_MEMBER',
+        'IS_ROLEMEMBER',
+        'IS_SRVROLEMEMBER',
+        'LOGINPROPERTY',
+        'ORIGINAL_LOGIN',
+        'PERMISSIONS',
+        'PWDENCRYPT',
+        'PWDCOMPARE',
+        'SESSION_USER',
+        'SESSIONPROPERTY',
+        'SUSER_ID',
+        'SUSER_NAME',
+        'SUSER_SID',
+        'SUSER_SNAME',
+        'SYSTEM_USER',
+        'USER',
+        'USER_ID',
+        'USER_NAME',
+        // String
+        'ASCII',
+        'CHAR',
+        'CHARINDEX',
+        'CONCAT',
+        'DIFFERENCE',
+        'FORMAT',
+        'LEFT',
+        'LEN',
+        'LOWER',
+        'LTRIM',
+        'NCHAR',
+        'PATINDEX',
+        'QUOTENAME',
+        'REPLACE',
+        'REPLICATE',
+        'REVERSE',
+        'RIGHT',
+        'RTRIM',
+        'SOUNDEX',
+        'SPACE',
+        'STR',
+        'STUFF',
+        'SUBSTRING',
+        'UNICODE',
+        'UPPER',
+        // System
+        'BINARY_CHECKSUM',
+        'CHECKSUM',
+        'CONNECTIONPROPERTY',
+        'CONTEXT_INFO',
+        'CURRENT_REQUEST_ID',
+        'ERROR_LINE',
+        'ERROR_NUMBER',
+        'ERROR_MESSAGE',
+        'ERROR_PROCEDURE',
+        'ERROR_SEVERITY',
+        'ERROR_STATE',
+        'FORMATMESSAGE',
+        'GETANSINULL',
+        'GET_FILESTREAM_TRANSACTION_CONTEXT',
+        'HOST_ID',
+        'HOST_NAME',
+        'ISNULL',
+        'ISNUMERIC',
+        'MIN_ACTIVE_ROWVERSION',
+        'NEWID',
+        'NEWSEQUENTIALID',
+        'ROWCOUNT_BIG',
+        'XACT_STATE',
+        // TextImage
+        'TEXTPTR',
+        'TEXTVALID',
+        // Trigger
+        'COLUMNS_UPDATED',
+        'EVENTDATA',
+        'TRIGGER_NESTLEVEL',
+        'UPDATE',
+        // ChangeTracking
+        'CHANGETABLE',
+        'CHANGE_TRACKING_CONTEXT',
+        'CHANGE_TRACKING_CURRENT_VERSION',
+        'CHANGE_TRACKING_IS_COLUMN_IN_MASK',
+        'CHANGE_TRACKING_MIN_VALID_VERSION',
+        // FullTextSearch
+        'CONTAINSTABLE',
+        'FREETEXTTABLE',
+        // SemanticTextSearch
+        'SEMANTICKEYPHRASETABLE',
+        'SEMANTICSIMILARITYDETAILSTABLE',
+        'SEMANTICSIMILARITYTABLE',
+        // FileStream
+        'FILETABLEROOTPATH',
+        'GETFILENAMESPACEPATH',
+        'GETPATHLOCATOR',
+        'PATHNAME',
+        // ServiceBroker
+        'GET_TRANSMISSION_STATUS',
+    ],
+    builtinVariables: [
+        // Configuration
+        '@@DATEFIRST',
+        '@@DBTS',
+        '@@LANGID',
+        '@@LANGUAGE',
+        '@@LOCK_TIMEOUT',
+        '@@MAX_CONNECTIONS',
+        '@@MAX_PRECISION',
+        '@@NESTLEVEL',
+        '@@OPTIONS',
+        '@@REMSERVER',
+        '@@SERVERNAME',
+        '@@SERVICENAME',
+        '@@SPID',
+        '@@TEXTSIZE',
+        '@@VERSION',
+        // Cursor
+        '@@CURSOR_ROWS',
+        '@@FETCH_STATUS',
+        // Datetime
+        '@@DATEFIRST',
+        // Metadata
+        '@@PROCID',
+        // System
+        '@@ERROR',
+        '@@IDENTITY',
+        '@@ROWCOUNT',
+        '@@TRANCOUNT',
+        // Stats
+        '@@CONNECTIONS',
+        '@@CPU_BUSY',
+        '@@IDLE',
+        '@@IO_BUSY',
+        '@@PACKET_ERRORS',
+        '@@PACK_RECEIVED',
+        '@@PACK_SENT',
+        '@@TIMETICKS',
+        '@@TOTAL_ERRORS',
+        '@@TOTAL_READ',
+        '@@TOTAL_WRITE',
+    ],
+    pseudoColumns: ['$ACTION', '$IDENTITY', '$ROWGUID', '$PARTITION'],
+    tokenizer: {
+        root: [
+            { include: '@comments' },
+            { include: '@whitespace' },
+            { include: '@pseudoColumns' },
+            { include: '@numbers' },
+            { include: '@strings' },
+            { include: '@complexIdentifiers' },
+            { include: '@scopes' },
+            [/[;,.]/, 'delimiter'],
+            [/[()]/, '@brackets'],
+            [
+                /[\w@#$]+/,
+                {
+                    cases: {
+                        '@keywords': 'keyword',
+                        '@operators': 'operator',
+                        '@builtinVariables': 'predefined',
+                        '@builtinFunctions': 'predefined',
+                        '@default': 'identifier',
+                    },
+                },
+            ],
+            [/[<>=!%&+\-*/|~^]/, 'operator'],
+        ],
+        whitespace: [[/\s+/, 'white']],
+        comments: [
+            [/--+.*/, 'comment'],
+            [/\/\*/, { token: 'comment.quote', next: '@comment' }],
+        ],
+        comment: [
+            [/[^*/]+/, 'comment'],
+            // Not supporting nested comments, as nested comments seem to not be standard?
+            // i.e. http://stackoverflow.com/questions/728172/are-there-multiline-comment-delimiters-in-sql-that-are-vendor-agnostic
+            // [/\/\*/, { token: 'comment.quote', next: '@push' }],    // nested comment not allowed :-(
+            [/\*\//, { token: 'comment.quote', next: '@pop' }],
+            [/./, 'comment'],
+        ],
+        pseudoColumns: [
+            [
+                /[$][A-Za-z_][\w@#$]*/,
+                {
+                    cases: {
+                        '@pseudoColumns': 'predefined',
+                        '@default': 'identifier',
+                    },
+                },
+            ],
+        ],
+        numbers: [
+            [/0[xX][0-9a-fA-F]*/, 'number'],
+            [/[$][+-]*\d*(\.\d*)?/, 'number'],
+            [/((\d+(\.\d*)?)|(\.\d+))([eE][-+]?\d+)?/, 'number'],
+        ],
+        strings: [
+            [/N'/, { token: 'string', next: '@string' }],
+            [/'/, { token: 'string', next: '@string' }],
+        ],
+        string: [
+            [/[^']+/, 'string'],
+            [/''/, 'string'],
+            [/'/, { token: 'string', next: '@pop' }],
+        ],
+        complexIdentifiers: [
+            [/\[/, { token: 'identifier.quote', next: '@bracketedIdentifier' }],
+            [/"/, { token: 'identifier.quote', next: '@quotedIdentifier' }],
+        ],
+        bracketedIdentifier: [
+            [/[^\]]+/, 'identifier'],
+            [/]]/, 'identifier'],
+            [/]/, { token: 'identifier.quote', next: '@pop' }],
+        ],
+        quotedIdentifier: [
+            [/[^"]+/, 'identifier'],
+            [/""/, 'identifier'],
+            [/"/, { token: 'identifier.quote', next: '@pop' }],
+        ],
+        scopes: [
+            [/BEGIN\s+(DISTRIBUTED\s+)?TRAN(SACTION)?\b/i, 'keyword'],
+            [/BEGIN\s+TRY\b/i, { token: 'keyword.try' }],
+            [/END\s+TRY\b/i, { token: 'keyword.try' }],
+            [/BEGIN\s+CATCH\b/i, { token: 'keyword.catch' }],
+            [/END\s+CATCH\b/i, { token: 'keyword.catch' }],
+            [/(BEGIN|CASE)\b/i, { token: 'keyword.block' }],
+            [/END\b/i, { token: 'keyword.block' }],
+            [/WHEN\b/i, { token: 'keyword.choice' }],
+            [/THEN\b/i, { token: 'keyword.choice' }],
+        ],
+    },
+};
+
+export default {
+    config: richLanguageConfiguration,
+    definition: langDefinition,
+    register(monaco) {
+        monaco.languages.register({ id: 'hql' });
+        monaco.languages.setLanguageConfiguration(
+            'hql',
+            richLanguageConfiguration,
+        );
+        monaco.languages.setMonarchTokensProvider('hql', langDefinition);
+
+        // handle formatting(处理格式化)
+        monaco.languages.registerDocumentFormattingEditProvider('hql', {
+            provideDocumentFormattingEdits: function (model) {
+                let range = model.getFullModelRange();
+                let value = model.getValue();
+                let newValue = sqlFormatter.format(value);
+                return [
+                    {
+                        range: range,
+                        text: newValue,
+                    },
+                ];
+            },
+        });
+    },
+};
diff --git a/linkis-web-next/src/components/editor/languages/log.ts b/linkis-web-next/src/components/editor/languages/log.ts
new file mode 100644
index 0000000000..6e8b7706c6
--- /dev/null
+++ b/linkis-web-next/src/components/editor/languages/log.ts
@@ -0,0 +1,43 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+export default {
+    register(monaco: typeof import('monaco-editor')) {
+        monaco.languages.register({ id: 'log' });
+
+        monaco.languages.setMonarchTokensProvider('log', {
+            tokenizer: {
+                root: [
+                    [/(^[=a-zA-Z].*|\d\s.*)/, 'log-normal'],
+                    [/\sERROR\s.*/, 'log-error'],
+                    [/\sWARN\s.*/, 'log-warn'],
+                    [/\sINFO\s.*/, 'log-info'],
+                    [
+                        /^([0-9]{4}||[0-9]{2})-[0-9]{2}-[0-9]{2} [0-9]{2}:[0-9]{2}:[0-9]{2}(.[0-9]{3})?/,
+                        'log-date',
+                    ],
+                    [
+                        /^[0-9]{2}\/[0-9]{2}\/[0-9]{2} [0-9]{2}:[0-9]{2}:[0-9]{2}(.[0-9]{3})?/,
+                        'log-date',
+                    ],
+                    [/(^\*\*Waiting queue:.*)/, 'log-info'],
+                    [/(^\*\*result tips:.*)/, 'log-info'],
+                ],
+            },
+        });
+    },
+};
diff --git a/linkis-web-next/src/components/editor/languages/out.ts b/linkis-web-next/src/components/editor/languages/out.ts
new file mode 100644
index 0000000000..70569b51b4
--- /dev/null
+++ b/linkis-web-next/src/components/editor/languages/out.ts
@@ -0,0 +1,1570 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+const richLanguageConfiguration = {
+    comments: {
+        lineComment: '--',
+        blockComment: ['/*', '*/'],
+    },
+    brackets: [
+        ['{', '}'],
+        ['[', ']'],
+        ['(', ')'],
+    ],
+    autoClosingPairs: [
+        { open: '{', close: '}' },
+        { open: '[', close: ']' },
+        { open: '(', close: ')' },
+        { open: '"', close: '"' },
+        { open: "'", close: "'" },
+    ],
+    surroundingPairs: [
+        { open: '{', close: '}' },
+        { open: '[', close: ']' },
+        { open: '(', close: ')' },
+        { open: '"', close: '"' },
+        { open: "'", close: "'" },
+    ],
+};
+
+const langDefinition = {
+    defaultToken: '',
+    tokenPostfix: '.out',
+    ignoreCase: true,
+
+    brackets: [
+        { open: '[', close: ']', token: 'delimiter.square' },
+        { open: '(', close: ')', token: 'delimiter.parenthesis' },
+    ],
+
+    keywords: [
+        'ABORT_AFTER_WAIT',
+        'ABSENT',
+        'ABSOLUTE',
+        'ABORT',
+        'ACCENT_SENSITIVITY',
+        'ACTION',
+        'ACTIVATION',
+        'ACTIVE',
+        'ADD',
+        'ADDRESS',
+        'ADMIN',
+        'AES',
+        'AES_128',
+        'AES_192',
+        'AES_256',
+        'AFFINITY',
+        'AFTER',
+        'AGGREGATE',
+        'ALGORITHM',
+        'ALL_CONSTRAINTS',
+        'ALL_ERRORMSGS',
+        'ALL_INDEXES',
+        'ALL_LEVELS',
+        'ALL_SPARSE_COLUMNS',
+        'ALLOW_CONNECTIONS',
+        'ALLOW_MULTIPLE_EVENT_LOSS',
+        'ALLOW_PAGE_LOCKS',
+        'ALLOW_ROW_LOCKS',
+        'ALLOW_SINGLE_EVENT_LOSS',
+        'ALLOW_SNAPSHOT_ISOLATION',
+        'ALLOWED',
+        'ALTER',
+        'ANALYZE',
+        'ANONYMOUS',
+        'ANSI_DEFAULTS',
+        'ANSI_NULL_DEFAULT',
+        'ANSI_NULL_DFLT_OFF',
+        'ANSI_NULL_DFLT_ON',
+        'ANSI_NULLS',
+        'ANSI_PADDING',
+        'ANSI_WARNINGS',
+        'APPEND',
+        'APPLICATION',
+        'APPLICATION_LOG',
+        'ARCHIVE',
+        'ARITHABORT',
+        'ARITHIGNORE',
+        'ARRAY',
+        'AS',
+        'ASC',
+        'ASSEMBLY',
+        'ASYMMETRIC',
+        'ASYNCHRONOUS_COMMIT',
+        'AT',
+        'ATOMIC',
+        'ATTACH',
+        'ATTACH_REBUILD_LOG',
+        'AUDIT',
+        'AUDIT_GUID',
+        'AUTHENTICATION',
+        'AUTHORIZATION',
+        'AUTO',
+        'AUTOCOMMIT',
+        'AUTO_CLEANUP',
+        'AUTO_CLOSE',
+        'AUTO_CREATE_STATISTICS',
+        'AUTO_SHRINK',
+        'AUTO_UPDATE_STATISTICS',
+        'AUTO_UPDATE_STATISTICS_ASYNC',
+        'AUTOMATED_BACKUP_PREFERENCE',
+        'AUTOMATIC',
+        'AVAILABILITY',
+        'AVAILABILITY_MODE',
+        'BACKUP',
+        'BACKUP_PRIORITY',
+        'BASE64',
+        'BATCHSIZE',
+        'BEFORE',
+        'BEGIN',
+        'BEGIN_DIALOG',
+        'BIGINT',
+        'BINARY',
+        'BINDING',
+        'BIT',
+        'BLOCKERS',
+        'BLOCKSIZE',
+        'BOOLEAN',
+        'BOTH',
+        'BOUNDING_BOX',
+        'BREAK',
+        'BROKER',
+        'BROKER_INSTANCE',
+        'BROWSE',
+        'BUCKET',
+        'BUCKETS',
+        'BUCKET_COUNT',
+        'BUFFER',
+        'BUFFERCOUNT',
+        'BULK',
+        'BULK_LOGGED',
+        'BY',
+        'CACHE',
+        'CALL',
+        'CALLED',
+        'CALLER',
+        'CAP_CPU_PERCENT',
+        'CASCADE',
+        'CASE',
+        'CATALOG',
+        'CATCH',
+        'CELLS_PER_OBJECT',
+        'CERTIFICATE',
+        'CHANGE',
+        'CHANGE_RETENTION',
+        'CHANGE_TRACKING',
+        'CHANGES',
+        'CHAR',
+        'CHARACTER',
+        'CHECK',
+        'CHECK_CONSTRAINTS',
+        'CHECK_EXPIRATION',
+        'CHECK_POLICY',
+        'CHECKALLOC',
+        'CHECKCATALOG',
+        'CHECKCONSTRAINTS',
+        'CHECKDB',
+        'CHECKFILEGROUP',
+        'CHECKIDENT',
+        'CHECKPOINT',
+        'CHECKTABLE',
+        'CLASSIFIER_FUNCTION',
+        'CLEANTABLE',
+        'CLEANUP',
+        'CLEAR',
+        'CLOSE',
+        'CLUSTER',
+        'CLUSTERED',
+        'CLUSTERSTATUS',
+        'CODEPAGE',
+        'COLLATE',
+        'COLLECTION',
+        'COLUMN',
+        'COLUMN_SET',
+        'COLUMNS',
+        'COLUMNSTORE',
+        'COLUMNSTORE_ARCHIVE',
+        'COMMENT',
+        'COMMIT',
+        'COMMITTED',
+        'COMPACT',
+        'COMPACTIONS',
+        'COMPATIBILITY_LEVEL',
+        'COMPRESSION',
+        'COMPUTE',
+        'CONCAT',
+        'CONCAT_NULL_YIELDS_NULL',
+        'CONCATENATE',
+        'CONF',
+        'CONFIGURATION',
+        'CONNECT',
+        'CONSTRAINT',
+        'CONTAINMENT',
+        'CONTENT',
+        'CONTEXT',
+        'CONTINUE',
+        'CONTINUE_AFTER_ERROR',
+        'CONTRACT',
+        'CONTRACT_NAME',
+        'CONTROL',
+        'CONVERSATION',
+        'COOKIE',
+        'COPY_ONLY',
+        'COUNTER',
+        'CPU',
+        'CREATE',
+        'CREATE_NEW',
+        'CREATION_DISPOSITION',
+        'CREDENTIAL',
+        'CRYPTOGRAPHIC',
+        'CUBE',
+        'CURRENT',
+        'CURRENT_DATE',
+        'CURSOR',
+        'CURSOR_CLOSE_ON_COMMIT',
+        'CURSOR_DEFAULT',
+        'CYCLE',
+        'DATA',
+        'DATA_COMPRESSION',
+        'DATA_PURITY',
+        'DATABASE',
+        'DATABASES',
+        'DATABASE_DEFAULT',
+        'DATABASE_MIRRORING',
+        'DATABASE_SNAPSHOT',
+        'DATAFILETYPE',
+        'DATE',
+        'DATE_CORRELATION_OPTIMIZATION',
+        'DATEFIRST',
+        'DATEFORMAT',
+        'DATETIME',
+        'DATETIME2',
+        'DATETIMEOFFSET',
+        'DAY',
+        'DAYOFWEEK',
+        'DAYOFYEAR',
+        'DAYS',
+        'DB_CHAINING',
+        'DBCC',
+        'DBREINDEX',
+        'DBPROPERTIES',
+        'DDL_DATABASE_LEVEL_EVENTS',
+        'DEADLOCK_PRIORITY',
+        'DEALLOCATE',
+        'DEC',
+        'DECIMAL',
+        'DECLARE',
+        'DECRYPTION',
+        'DEFAULT',
+        'DEFAULT_DATABASE',
+        'DEFAULT_FULLTEXT_LANGUAGE',
+        'DEFAULT_LANGUAGE',
+        'DEFAULT_SCHEMA',
+        'DEFERRED',
+        'DEFINED',
+        'DEFINITION',
+        'DELAY',
+        'DELAYED_DURABILITY',
+        'DELETE',
+        'DELETED',
+        'DELIMITED',
+        'DENSITY_VECTOR',
+        'DENY',
+        'DEPENDENCY',
+        'DEPENDENTS',
+        'DES',
+        'DESC',
+        'DESCRIPTION',
+        'DESCRIBE',
+        'DESX',
+        'DETAIL',
+        'DHCP',
+        'DIAGNOSTICS',
+        'DIALOG',
+        'DIFFERENTIAL',
+        'DIRECTORIES',
+        'DIRECTORY',
+        'DIRECTORY_NAME',
+        'DISABLE',
+        'DISABLE_BROKER',
+        'DISABLED',
+        'DISK',
+        'DISTINCT',
+        'DISTRIBUTE',
+        'DISTRIBUTED',
+        'DOCUMENT',
+        'DOUBLE',
+        'DOW',
+        'DROP',
+        'DROP_EXISTING',
+        'DROPCLEANBUFFERS',
+        'DUMP',
+        'DURABILITY',
+        'DYNAMIC',
+        'EDITION',
+        'ELEMENTS',
+        'ELEM_TYPE',
+        'ELSE',
+        'EMERGENCY',
+        'EMPTY',
+        'EMPTYFILE',
+        'ENABLE',
+        'ENABLE_BROKER',
+        'ENABLED',
+        'ENCRYPTION',
+        'END',
+        'ENDPOINT',
+        'ENDPOINT_URL',
+        'ERRLVL',
+        'ERROR',
+        'ERROR_BROKER_CONVERSATIONS',
+        'ERRORFILE',
+        'ESCAPE',
+        'ESCAPED',
+        'ESTIMATEONLY',
+        'EVENT',
+        'EVENT_RETENTION_MODE',
+        'EXCHANGE',
+        'EXCLUSIVE',
+        'EXEC',
+        'EXECUTABLE',
+        'EXECUTE',
+        'EXIT',
+        'EXPAND',
+        'EXPORT',
+        'EXPIREDATE',
+        'EXPIRY_DATE',
+        'EXPLAIN',
+        'EXPLICIT',
+        'EXPRESSION',
+        'EXTENDED',
+        'EXTENDED_LOGICAL_CHECKS',
+        'EXTENSION',
+        'EXTERNAL',
+        'EXTERNAL_ACCESS',
+        'EXTRACT',
+        'FAIL_OPERATION',
+        'FAILOVER',
+        'FAILOVER_MODE',
+        'FAILURE_CONDITION_LEVEL',
+        'FALSE',
+        'FAN_IN',
+        'FAST',
+        'FAST_FORWARD',
+        'FETCH',
+        'FIELDS',
+        'FIELDTERMINATOR',
+        'FILE',
+        'FILEFORMAT',
+        'FILEGROUP',
+        'FILEGROWTH',
+        'FILELISTONLY',
+        'FILENAME',
+        'FILEPATH',
+        'FILESTREAM',
+        'FILESTREAM_ON',
+        'FILETABLE_COLLATE_FILENAME',
+        'FILETABLE_DIRECTORY',
+        'FILETABLE_FULLPATH_UNIQUE_CONSTRAINT_NAME',
+        'FILETABLE_NAMESPACE',
+        'FILETABLE_PRIMARY_KEY_CONSTRAINT_NAME',
+        'FILETABLE_STREAMID_UNIQUE_CONSTRAINT_NAME',
+        'FILLFACTOR',
+        'FILTERING',
+        'FIRE_TRIGGERS',
+        'FIRST',
+        'FIRSTROW',
+        'FLOAT',
+        'FMTONLY',
+        'FOLLOWING',
+        'FOR',
+        'FORCE',
+        'FORCE_FAILOVER_ALLOW_DATA_LOSS',
+        'FORCE_SERVICE_ALLOW_DATA_LOSS',
+        'FORCED',
+        'FORCEPLAN',
+        'FORCESCAN',
+        'FORCESEEK',
+        'FOREIGN',
+        'FORMATFILE',
+        'FORMATTED',
+        'FORMSOF',
+        'FORWARD_ONLY',
+        'FREE',
+        'FREEPROCCACHE',
+        'FREESESSIONCACHE',
+        'FREESYSTEMCACHE',
+        'FROM',
+        'FULL',
+        'FULLSCAN',
+        'FULLTEXT',
+        'FUNCTION',
+        'FUNCTIONS',
+        'GB',
+        'GEOGRAPHY_AUTO_GRID',
+        'GEOGRAPHY_GRID',
+        'GEOMETRY_AUTO_GRID',
+        'GEOMETRY_GRID',
+        'GET',
+        'GLOBAL',
+        'GO',
+        'GOTO',
+        'GOVERNOR',
+        'GRANT',
+        'GRIDS',
+        'GROUP',
+        'GROUP_MAX_REQUESTS',
+        'HADR',
+        'HASH',
+        'HASHED',
+        'HAVING',
+        'HEADERONLY',
+        'HEALTH_CHECK_TIMEOUT',
+        'HELP',
+        'HIERARCHYID',
+        'HIGH',
+        'HINT',
+        'HISTOGRAM',
+        'HOLDLOCK',
+        'HOLD_DDLTIME',
+        'HONOR_BROKER_PRIORITY',
+        'HOUR',
+        'HOURS',
+        'IDENTITY',
+        'IDENTITY_INSERT',
+        'IDENTITY_VALUE',
+        'IDENTITYCOL',
+        'IDXPROPERTIES',
+        'IF',
+        'IGNORE',
+        'IGNORE_CONSTRAINTS',
+        'IGNORE_DUP_KEY',
+        'IGNORE_NONCLUSTERED_COLUMNSTORE_INDEX',
+        'IGNORE_TRIGGERS',
+        'IMAGE',
+        'IMMEDIATE',
+        'IMPERSONATE',
+        'IMPLICIT_TRANSACTIONS',
+        'IMPORT',
+        'IMPORTANCE',
+        'INCLUDE',
+        'INCREMENT',
+        'INCREMENTAL',
+        'INDEX',
+        'INDEXES',
+        'INDEXDEFRAG',
+        'INFINITE',
+        'INFLECTIONAL',
+        'INIT',
+        'INITIATOR',
+        'INPATH',
+        'INPUT',
+        'INPUTDRIVER',
+        'INPUTFORMAT',
+        'INPUTBUFFER',
+        'INSENSITIVE',
+        'INSERT',
+        'INSERTED',
+        'INSTEAD',
+        'INT',
+        'INTEGER',
+        'INTERVAL',
+        'INTO',
+        'IO',
+        'IP',
+        'ISABOUT',
+        'ISOLATION',
+        'ITEMS',
+        'JAR',
+        'JOB',
+        'KB',
+        'KEEP',
+        'KEEP_CDC',
+        'KEEP_NULLS',
+        'KEEP_REPLICATION',
+        'KEEPDEFAULTS',
+        'KEEPFIXED',
+        'KEEPIDENTITY',
+        'KEEPNULLS',
+        'KERBEROS',
+        'KEY',
+        'KEY_SOURCE',
+        'KEY_TYPE',
+        'KEYS',
+        'KEYSET',
+        'KILL',
+        'KILOBYTES_PER_BATCH',
+        'LABELONLY',
+        'LANGUAGE',
+        'LAST',
+        'LASTROW',
+        'LATERAL',
+        'LESS',
+        'LEVEL',
+        'LEVEL_1',
+        'LEVEL_2',
+        'LEVEL_3',
+        'LEVEL_4',
+        'LIFETIME',
+        'LIMIT',
+        'LINENO',
+        'LINES',
+        'LIST',
+        'LISTENER',
+        'LISTENER_IP',
+        'LISTENER_PORT',
+        'LOAD',
+        'LOADHISTORY',
+        'LOB_COMPACTION',
+        'LOCAL',
+        'LOCAL_SERVICE_NAME',
+        'LOCATION',
+        'LOCK',
+        'LOCKS',
+        'LOCK_ESCALATION',
+        'LOCK_TIMEOUT',
+        'LOGICAL',
+        'LOGIN',
+        'LOGSPACE',
+        'LONG',
+        'LOOP',
+        'LOW',
+        'MACRO',
+        'MAP',
+        'MAPJOIN',
+        'MANUAL',
+        'MARK',
+        'MARK_IN_USE_FOR_REMOVAL',
+        'MASTER',
+        'MATERIALIZED',
+        'MAX_CPU_PERCENT',
+        'MAX_DISPATCH_LATENCY',
+        'MAX_DOP',
+        'MAX_DURATION',
+        'MAX_EVENT_SIZE',
+        'MAX_FILES',
+        'MAX_IOPS_PER_VOLUME',
+        'MAX_MEMORY',
+        'MAX_MEMORY_PERCENT',
+        'MAX_QUEUE_READERS',
+        'MAX_ROLLOVER_FILES',
+        'MAX_SIZE',
+        'MAXDOP',
+        'MAXERRORS',
+        'MAXLENGTH',
+        'MAXRECURSION',
+        'MAXSIZE',
+        'MAXTRANSFERSIZE',
+        'MAXVALUE',
+        'MB',
+        'MEDIADESCRIPTION',
+        'MEDIANAME',
+        'MEDIAPASSWORD',
+        'MEDIUM',
+        'MEMBER',
+        'MEMORY_OPTIMIZED',
+        'MEMORY_OPTIMIZED_DATA',
+        'MEMORY_OPTIMIZED_ELEVATE_TO_SNAPSHOT',
+        'MEMORY_PARTITION_MODE',
+        'MERGE',
+        'MESSAGE',
+        'MESSAGE_FORWARD_SIZE',
+        'MESSAGE_FORWARDING',
+        'METADATA',
+        'MICROSECOND',
+        'MILLISECOND',
+        'MIN_CPU_PERCENT',
+        'MIN_IOPS_PER_VOLUME',
+        'MIN_MEMORY_PERCENT',
+        'MINUS',
+        'MINUTE',
+        'MINUTES',
+        'MINVALUE',
+        'MIRROR',
+        'MIRROR_ADDRESS',
+        'MODIFY',
+        'MONEY',
+        'MONTH',
+        'MONTHS',
+        'MORE',
+        'MOVE',
+        'MSCK',
+        'MULTI_USER',
+        'MUST_CHANGE',
+        'NAME',
+        'NANOSECOND',
+        'NATIONAL',
+        'NATIVE_COMPILATION',
+        'NCHAR',
+        'NEGOTIATE',
+        'NESTED_TRIGGERS',
+        'NEW_ACCOUNT',
+        'NEW_BROKER',
+        'NEW_PASSWORD',
+        'NEWNAME',
+        'NEXT',
+        'NO',
+        'NO_BROWSETABLE',
+        'NO_CHECKSUM',
+        'NO_COMPRESSION',
+        'NO_EVENT_LOSS',
+        'NO_INFOMSGS',
+        'NO_TRUNCATE',
+        'NO_WAIT',
+        'NOCHECK',
+        'NOCOUNT',
+        'NO_DROP',
+        'NOEXEC',
+        'NOEXPAND',
+        'NOFORMAT',
+        'NOINDEX',
+        'NOINIT',
+        'NOLOCK',
+        'NON',
+        'NON_TRANSACTED_ACCESS',
+        'NONCLUSTERED',
+        'NONE',
+        'NORECOMPUTE',
+        'NORECOVERY',
+        'NORELY',
+        'NORESEED',
+        'NORESET',
+        'NOREWIND',
+        'NORMAL',
+        'NOSCAN',
+        'NOSKIP',
+        'NOTIFICATION',
+        'NOTRUNCATE',
+        'NOUNLOAD',
+        'NOVALIDATE',
+        'NOWAIT',
+        'NTEXT',
+        'NTLM',
+        'NULLS',
+        'NUMANODE',
+        'NUMERIC',
+        'NUMERIC_ROUNDABORT',
+        'NVARCHAR',
+        'OBJECT',
+        'OF',
+        'OFF',
+        'OFFLINE',
+        'OFFSET',
+        'OFFSETS',
+        'OLD_ACCOUNT',
+        'OLD_PASSWORD',
+        'ON',
+        'ON_FAILURE',
+        'ONLINE',
+        'ONLY',
+        'OPEN',
+        'OPEN_EXISTING',
+        'OPENTRAN',
+        'OPERATOR',
+        'OPTIMISTIC',
+        'OPTIMIZE',
+        'OPTION',
+        'ORDER',
+        'OUT',
+        'OUTPUT',
+        'OUTPUTDRIVER',
+        'OUTPUTBUFFER',
+        'OUTPUTFORMAT',
+        'OVER',
+        'OVERRIDE',
+        'OWNER',
+        'OWNERSHIP',
+        'OVERWRITE',
+        'PAD_INDEX',
+        'PAGE',
+        'PAGE_VERIFY',
+        'PAGECOUNT',
+        'PAGLOCK',
+        'PARAMETERIZATION',
+        'PARSEONLY',
+        'PARTIAL',
+        'PARTIALSCAN',
+        'PARTITION',
+        'PARTITIONED',
+        'PARTITIONS',
+        'PARTNER',
+        'PASSWORD',
+        'PATH',
+        'PER_CPU',
+        'PER_NODE',
+        'PERCENT',
+        'PERMISSION_SET',
+        'PERSISTED',
+        'PHYSICAL_ONLY',
+        'PLAN',
+        'PLUS',
+        'POISON_MESSAGE_HANDLING',
+        'POOL',
+        'POPULATION',
+        'PORT',
+        'PRECEDING',
+        'PRECISION',
+        'PRETTY',
+        'PRESERVE',
+        'PRIMARY',
+        'PRIMARY_ROLE',
+        'PRINT',
+        'PRIOR',
+        'PRIORITY',
+        'PRIORITY_LEVEL',
+        'PRINCIPALS',
+        'PRIVATE',
+        'PRIVILEGES',
+        'PROC',
+        'PROCCACHE',
+        'PROCEDURE',
+        'PROCEDURE_NAME',
+        'PROCESS',
+        'PROFILE',
+        'PROPERTY',
+        'PROPERTY_DESCRIPTION',
+        'PROPERTY_INT_ID',
+        'PROPERTY_SET_GUID',
+        'PROTECTION',
+        'PROVIDER',
+        'PROVIDER_KEY_NAME',
+        'PUBLIC',
+        'PURGE',
+        'PUT',
+        'QUARTER',
+        'QUERY',
+        'QUERY_GOVERNOR_COST_LIMIT',
+        'QUEUE',
+        'QUEUE_DELAY',
+        'QUOTED_IDENTIFIER',
+        'RAISERROR',
+        'RANGE',
+        'RAW',
+        'RC2',
+        'RC4',
+        'RC4_128',
+        'READ',
+        'READ_COMMITTED_SNAPSHOT',
+        'READ_ONLY',
+        'READ_ONLY_ROUTING_LIST',
+        'READ_ONLY_ROUTING_URL',
+        'READ_WRITE',
+        'READ_WRITE_FILEGROUPS',
+        'READCOMMITTED',
+        'READCOMMITTEDLOCK',
+        'READONLY',
+        'READPAST',
+        'READS',
+        'READTEXT',
+        'READUNCOMMITTED',
+        'READWRITE',
+        'REAL',
+        'REBUILD',
+        'RECEIVE',
+        'RECOMPILE',
+        'RECONFIGURE',
+        'RECORDREADER',
+        'RECORDWRITER',
+        'RECOVERY',
+        'RECURSIVE',
+        'RECURSIVE_TRIGGERS',
+        'REDUCE',
+        'REFERENCES',
+        'REGENERATE',
+        'REGEXP',
+        'RELATED_CONVERSATION',
+        'RELATED_CONVERSATION_GROUP',
+        'RELATIVE',
+        'RELOAD',
+        'RELY',
+        'REMOTE',
+        'REMOTE_PROC_TRANSACTIONS',
+        'REMOTE_SERVICE_NAME',
+        'REMOVE',
+        'RENAME',
+        'REORGANIZE',
+        'REPAIR',
+        'REPAIR_ALLOW_DATA_LOSS',
+        'REPAIR_FAST',
+        'REPAIR_REBUILD',
+        'REPEATABLE',
+        'REPEATABLEREAD',
+        'REPLICA',
+        'REPLICATION',
+        'REQUEST_MAX_CPU_TIME_SEC',
+        'REQUEST_MAX_MEMORY_GRANT_PERCENT',
+        'REQUEST_MEMORY_GRANT_TIMEOUT_SEC',
+        'REQUIRED',
+        'RESAMPLE',
+        'RESEED',
+        'RESERVE_DISK_SPACE',
+        'RESET',
+        'RESOURCE',
+        'RESTART',
+        'RESTORE',
+        'RESTRICT',
+        'RESTRICTED_USER',
+        'RESULT',
+        'RESUME',
+        'RETAINDAYS',
+        'RETENTION',
+        'RETURN',
+        'RETURNS',
+        'REVERT',
+        'REVOKE',
+        'REWIND',
+        'REWINDONLY',
+        'REWRITE',
+        'RLIKE',
+        'ROBUST',
+        'ROLE',
+        'ROLES',
+        'ROLLBACK',
+        'ROLLUP',
+        'ROOT',
+        'ROUTE',
+        'ROW',
+        'ROWCOUNT',
+        'ROWGUIDCOL',
+        'ROWLOCK',
+        'ROWS',
+        'ROWS_PER_BATCH',
+        'ROWTERMINATOR',
+        'ROWVERSION',
+        'RSA_1024',
+        'RSA_2048',
+        'RSA_512',
+        'RULE',
+        'SAFE',
+        'SAFETY',
+        'SAMPLE',
+        'SAVE',
+        'SCHEDULER',
+        'SCHEMA',
+        'SCHEMAS',
+        'SCHEMA_AND_DATA',
+        'SCHEMA_ONLY',
+        'SCHEMABINDING',
+        'SCHEME',
+        'SCROLL',
+        'SCROLL_LOCKS',
+        'SEARCH',
+        'SECOND',
+        'SECONDARY',
+        'SECONDARY_ONLY',
+        'SECONDARY_ROLE',
+        'SECONDS',
+        'SECRET',
+        'SECURITY_LOG',
+        'SECURITYAUDIT',
+        'SELECT',
+        'SELECTIVE',
+        'SELF',
+        'SEMI',
+        'SEND',
+        'SENT',
+        'SEQUENCE',
+        'SERDE',
+        'SERDEPROPERTIES',
+        'SERIALIZABLE',
+        'SERVER',
+        'SERVICE',
+        'SERVICE_BROKER',
+        'SERVICE_NAME',
+        'SESSION',
+        'SESSION_TIMEOUT',
+        'SET',
+        'SETS',
+        'SETUSER',
+        'SHARED',
+        'SHOW',
+        'SHOW_DATABASE',
+        'SHOW_STATISTICS',
+        'SHOWCONTIG',
+        'SHOWPLAN',
+        'SHOWPLAN_ALL',
+        'SHOWPLAN_TEXT',
+        'SHOWPLAN_XML',
+        'SHRINKDATABASE',
+        'SHRINKFILE',
+        'SHUTDOWN',
+        'SID',
+        'SIGNATURE',
+        'SIMPLE',
+        'SINGLE_BLOB',
+        'SINGLE_CLOB',
+        'SINGLE_NCLOB',
+        'SINGLE_USER',
+        'SINGLETON',
+        'SIZE',
+        'SKEWED',
+        'SKIP',
+        'SMALLDATETIME',
+        'SMALLINT',
+        'SMALLMONEY',
+        'SNAPSHOT',
+        'SORT',
+        'SORTED',
+        'SORT_IN_TEMPDB',
+        'SOURCE',
+        'SPARSE',
+        'SPATIAL',
+        'SPATIAL_WINDOW_MAX_CELLS',
+        'SPECIFICATION',
+        'SPLIT',
+        'SQL',
+        'SQL_VARIANT',
+        'SQLPERF',
+        'SSL',
+        'STANDBY',
+        'START',
+        'START_DATE',
+        'STARTED',
+        'STARTUP_STATE',
+        'STAT_HEADER',
+        'STATE',
+        'STATEMENT',
+        'STATIC',
+        'STATISTICAL_SEMANTICS',
+        'STATISTICS',
+        'STATISTICS_INCREMENTAL',
+        'STATISTICS_NORECOMPUTE',
+        'STATS',
+        'STATS_STREAM',
+        'STATUS',
+        'STATUSONLY',
+        'STOP',
+        'STOP_ON_ERROR',
+        'STOPAT',
+        'STOPATMARK',
+        'STOPBEFOREMARK',
+        'STOPLIST',
+        'STOPPED',
+        'STORED',
+        'STREAMTABLE',
+        'STRING',
+        'STRUCT',
+        'SUBJECT',
+        'SUBSCRIPTION',
+        'SUMMARY',
+        'SUPPORTED',
+        'SUSPEND',
+        'SWITCH',
+        'SYMMETRIC',
+        'SYNCHRONOUS_COMMIT',
+        'SYNONYM',
+        'SYSNAME',
+        'SYSTEM',
+        'TABLE',
+        'TABLES',
+        'TABLERESULTS',
+        'TABLESAMPLE',
+        'TABLOCK',
+        'TABLOCKX',
+        'TAKE',
+        'TAPE',
+        'TARGET',
+        'TARGET_RECOVERY_TIME',
+        'TB',
+        'TBLPROPERTIES',
+        'TCP',
+        'TEMPORARY',
+        'TERMINATED',
+        'TEXT',
+        'TEXTIMAGE_ON',
+        'TEXTSIZE',
+        'THEN',
+        'THESAURUS',
+        'THROW',
+        'TIES',
+        'TIME',
+        'TIMEOUT',
+        'TIMER',
+        'TIMESTAMP',
+        'TIMESTAMPTZ',
+        'TINYINT',
+        'TO',
+        'TOP',
+        'TORN_PAGE_DETECTION',
+        'TOUCH',
+        'TRACEOFF',
+        'TRACEON',
+        'TRACESTATUS',
+        'TRACK_CAUSALITY',
+        'TRACK_COLUMNS_UPDATED',
+        'TRAN',
+        'TRANSACTION',
+        'TRANSACTIONS',
+        'TRANSFER',
+        'TRANSFORM',
+        'TRANSFORM_NOISE_WORDS',
+        'TRIGGER',
+        'TRIPLE_DES',
+        'TRIPLE_DES_3KEY',
+        'TRUE',
+        'TRUNCATE',
+        'TRUNCATEONLY',
+        'TRUSTWORTHY',
+        'TRY',
+        'TSQL',
+        'TWO_DIGIT_YEAR_CUTOFF',
+        'TYPE',
+        'TYPE_WARNING',
+        'UNARCHIVE',
+        'UNBOUNDED',
+        'UNCHECKED',
+        'UNCOMMITTED',
+        'UNDEFINED',
+        'UNDO',
+        'UNSET',
+        'UNSIGNED',
+        'UNIONTYPE',
+        'UNIQUE',
+        'UNIQUEIDENTIFIER',
+        'UNIQUEJOIN',
+        'UNKNOWN',
+        'UNLIMITED',
+        'UNLOAD',
+        'UNLOCK',
+        'UNSAFE',
+        'UPDATE',
+        'UPDATETEXT',
+        'UPDATEUSAGE',
+        'UPDLOCK',
+        'URI',
+        'URL',
+        'USE',
+        'USED',
+        'USER',
+        'USEROPTIONS',
+        'USING',
+        'UTC',
+        'UTC_TMESTAMP',
+        'UTCTIMESTAMP',
+        'VALID_XML',
+        'VALIDATE',
+        'VALIDATION',
+        'VALUE',
+        'VALUE_TYPE',
+        'VALUES',
+        'VARBINARY',
+        'VARCHAR',
+        'VARYING',
+        'VECTORIZATION',
+        'VERIFYONLY',
+        'VERSION',
+        'VIEW',
+        'VIEW_METADATA',
+        'VIEWS',
+        'VISIBILITY',
+        'WAIT_AT_LOW_PRIORITY',
+        'WAITFOR',
+        'WEEK',
+        'WEEKS',
+        'WEIGHT',
+        'WELL_FORMED_XML',
+        'WHEN',
+        'WHERE',
+        'WHILE',
+        'WINDOW',
+        'WINDOWS',
+        'WITH',
+        'WITHIN',
+        'WITHOUT',
+        'WITNESS',
+        'WORK',
+        'WORKLOAD',
+        'WRITE',
+        'WRITETEXT',
+        'XACT_ABORT',
+        'XLOCK',
+        'XMAX',
+        'XMIN',
+        'XML',
+        'XMLDATA',
+        'XMLNAMESPACES',
+        'XMLSCHEMA',
+        'XQUERY',
+        'XSINIL',
+        'YEAR',
+        'YEARS',
+        'YMAX',
+        'YMIN',
+        'ZONE',
+    ],
+    operators: [
+        // Logical
+        'ALL',
+        'AND',
+        'ANY',
+        'BETWEEN',
+        'EXISTS',
+        'IN',
+        'LIKE',
+        'NOT',
+        'OR',
+        'SOME',
+        // Set
+        'EXCEPT',
+        'INTERSECT',
+        'UNION',
+        // Join
+        'APPLY',
+        'CROSS',
+        'FULL',
+        'INNER',
+        'JOIN',
+        'LEFT',
+        'OUTER',
+        'RIGHT',
+        // Predicates
+        'CONTAINS',
+        'FREETEXT',
+        'IS',
+        'NULL',
+        // Pivoting
+        'PIVOT',
+        'UNPIVOT',
+        // Merging
+        'MATCHED',
+    ],
+    builtinFunctions: [
+        // Aggregate
+        'AVG',
+        'CHECKSUM_AGG',
+        'COUNT',
+        'COUNT_BIG',
+        'GROUPING',
+        'GROUPING_ID',
+        'MAX',
+        'MIN',
+        'SUM',
+        'STDEV',
+        'STDEVP',
+        'VAR',
+        'VARP',
+        // Analytic
+        'CUME_DIST',
+        'FIRST_VALUE',
+        'LAG',
+        'LAST_VALUE',
+        'LEAD',
+        'PERCENTILE_CONT',
+        'PERCENTILE_DISC',
+        'PERCENT_RANK',
+        // Collation
+        'COLLATE',
+        'COLLATIONPROPERTY',
+        'TERTIARY_WEIGHTS',
+        // Azure
+        'FEDERATION_FILTERING_VALUE',
+        // Conversion
+        'CAST',
+        'CONVERT',
+        'PARSE',
+        'TRY_CAST',
+        'TRY_CONVERT',
+        'TRY_PARSE',
+        // Cryptographic
+        'ASYMKEY_ID',
+        'ASYMKEYPROPERTY',
+        'CERTPROPERTY',
+        'CERT_ID',
+        'CRYPT_GEN_RANDOM',
+        'DECRYPTBYASYMKEY',
+        'DECRYPTBYCERT',
+        'DECRYPTBYKEY',
+        'DECRYPTBYKEYAUTOASYMKEY',
+        'DECRYPTBYKEYAUTOCERT',
+        'DECRYPTBYPASSPHRASE',
+        'ENCRYPTBYASYMKEY',
+        'ENCRYPTBYCERT',
+        'ENCRYPTBYKEY',
+        'ENCRYPTBYPASSPHRASE',
+        'HASHBYTES',
+        'IS_OBJECTSIGNED',
+        'KEY_GUID',
+        'KEY_ID',
+        'KEY_NAME',
+        'SIGNBYASYMKEY',
+        'SIGNBYCERT',
+        'SYMKEYPROPERTY',
+        'VERIFYSIGNEDBYCERT',
+        'VERIFYSIGNEDBYASYMKEY',
+        // Cursor
+        'CURSOR_STATUS',
+        // Datatype
+        'DATALENGTH',
+        'IDENT_CURRENT',
+        'IDENT_INCR',
+        'IDENT_SEED',
+        'IDENTITY',
+        'SQL_VARIANT_PROPERTY',
+        // Datetime
+        'CURRENT_TIMESTAMP',
+        'DATEADD',
+        'DATEDIFF',
+        'DATEFROMPARTS',
+        'DATENAME',
+        'DATEPART',
+        'DATETIME2FROMPARTS',
+        'DATETIMEFROMPARTS',
+        'DATETIMEOFFSETFROMPARTS',
+        'DAY',
+        'EOMONTH',
+        'GETDATE',
+        'GETUTCDATE',
+        'ISDATE',
+        'MONTH',
+        'SMALLDATETIMEFROMPARTS',
+        'SWITCHOFFSET',
+        'SYSDATETIME',
+        'SYSDATETIMEOFFSET',
+        'SYSUTCDATETIME',
+        'TIMEFROMPARTS',
+        'TODATETIMEOFFSET',
+        'YEAR',
+        // Logical
+        'CHOOSE',
+        'COALESCE',
+        'IIF',
+        'NULLIF',
+        // Mathematical
+        'ABS',
+        'ACOS',
+        'ASIN',
+        'ATAN',
+        'ATN2',
+        'CEILING',
+        'COS',
+        'COT',
+        'DEGREES',
+        'EXP',
+        'FLOOR',
+        'LOG',
+        'LOG10',
+        'PI',
+        'POWER',
+        'RADIANS',
+        'RAND',
+        'ROUND',
+        'SIGN',
+        'SIN',
+        'SQRT',
+        'SQUARE',
+        'TAN',
+        // Metadata
+        'APP_NAME',
+        'APPLOCK_MODE',
+        'APPLOCK_TEST',
+        'ASSEMBLYPROPERTY',
+        'COL_LENGTH',
+        'COL_NAME',
+        'COLUMNPROPERTY',
+        'DATABASE_PRINCIPAL_ID',
+        'DATABASEPROPERTYEX',
+        'DB_ID',
+        'DB_NAME',
+        'FILE_ID',
+        'FILE_IDEX',
+        'FILE_NAME',
+        'FILEGROUP_ID',
+        'FILEGROUP_NAME',
+        'FILEGROUPPROPERTY',
+        'FILEPROPERTY',
+        'FULLTEXTCATALOGPROPERTY',
+        'FULLTEXTSERVICEPROPERTY',
+        'INDEX_COL',
+        'INDEXKEY_PROPERTY',
+        'INDEXPROPERTY',
+        'OBJECT_DEFINITION',
+        'OBJECT_ID',
+        'OBJECT_NAME',
+        'OBJECT_SCHEMA_NAME',
+        'OBJECTPROPERTY',
+        'OBJECTPROPERTYEX',
+        'ORIGINAL_DB_NAME',
+        'PARSENAME',
+        'SCHEMA_ID',
+        'SCHEMA_NAME',
+        'SCOPE_IDENTITY',
+        'SERVERPROPERTY',
+        'STATS_DATE',
+        'TYPE_ID',
+        'TYPE_NAME',
+        'TYPEPROPERTY',
+        // Ranking
+        'DENSE_RANK',
+        'NTILE',
+        'RANK',
+        'ROW_NUMBER',
+        // Replication
+        'PUBLISHINGSERVERNAME',
+        // Rowset
+        'OPENDATASOURCE',
+        'OPENQUERY',
+        'OPENROWSET',
+        'OPENXML',
+        // Security
+        'CERTENCODED',
+        'CERTPRIVATEKEY',
+        'CURRENT_USER',
+        'HAS_DBACCESS',
+        'HAS_PERMS_BY_NAME',
+        'IS_MEMBER',
+        'IS_ROLEMEMBER',
+        'IS_SRVROLEMEMBER',
+        'LOGINPROPERTY',
+        'ORIGINAL_LOGIN',
+        'PERMISSIONS',
+        'PWDENCRYPT',
+        'PWDCOMPARE',
+        'SESSION_USER',
+        'SESSIONPROPERTY',
+        'SUSER_ID',
+        'SUSER_NAME',
+        'SUSER_SID',
+        'SUSER_SNAME',
+        'SYSTEM_USER',
+        'USER',
+        'USER_ID',
+        'USER_NAME',
+        // String
+        'ASCII',
+        'CHAR',
+        'CHARINDEX',
+        'CONCAT',
+        'DIFFERENCE',
+        'FORMAT',
+        'LEFT',
+        'LEN',
+        'LOWER',
+        'LTRIM',
+        'NCHAR',
+        'PATINDEX',
+        'QUOTENAME',
+        'REPLACE',
+        'REPLICATE',
+        'REVERSE',
+        'RIGHT',
+        'RTRIM',
+        'SOUNDEX',
+        'SPACE',
+        'STR',
+        'STUFF',
+        'SUBSTRING',
+        'UNICODE',
+        'UPPER',
+        // System
+        'BINARY_CHECKSUM',
+        'CHECKSUM',
+        'CONNECTIONPROPERTY',
+        'CONTEXT_INFO',
+        'CURRENT_REQUEST_ID',
+        'ERROR_LINE',
+        'ERROR_NUMBER',
+        'ERROR_MESSAGE',
+        'ERROR_PROCEDURE',
+        'ERROR_SEVERITY',
+        'ERROR_STATE',
+        'FORMATMESSAGE',
+        'GETANSINULL',
+        'GET_FILESTREAM_TRANSACTION_CONTEXT',
+        'HOST_ID',
+        'HOST_NAME',
+        'ISNULL',
+        'ISNUMERIC',
+        'MIN_ACTIVE_ROWVERSION',
+        'NEWID',
+        'NEWSEQUENTIALID',
+        'ROWCOUNT_BIG',
+        'XACT_STATE',
+        // TextImage
+        'TEXTPTR',
+        'TEXTVALID',
+        // Trigger
+        'COLUMNS_UPDATED',
+        'EVENTDATA',
+        'TRIGGER_NESTLEVEL',
+        'UPDATE',
+        // ChangeTracking
+        'CHANGETABLE',
+        'CHANGE_TRACKING_CONTEXT',
+        'CHANGE_TRACKING_CURRENT_VERSION',
+        'CHANGE_TRACKING_IS_COLUMN_IN_MASK',
+        'CHANGE_TRACKING_MIN_VALID_VERSION',
+        // FullTextSearch
+        'CONTAINSTABLE',
+        'FREETEXTTABLE',
+        // SemanticTextSearch
+        'SEMANTICKEYPHRASETABLE',
+        'SEMANTICSIMILARITYDETAILSTABLE',
+        'SEMANTICSIMILARITYTABLE',
+        // FileStream
+        'FILETABLEROOTPATH',
+        'GETFILENAMESPACEPATH',
+        'GETPATHLOCATOR',
+        'PATHNAME',
+        // ServiceBroker
+        'GET_TRANSMISSION_STATUS',
+    ],
+    builtinVariables: [
+        // Configuration
+        '@@DATEFIRST',
+        '@@DBTS',
+        '@@LANGID',
+        '@@LANGUAGE',
+        '@@LOCK_TIMEOUT',
+        '@@MAX_CONNECTIONS',
+        '@@MAX_PRECISION',
+        '@@NESTLEVEL',
+        '@@OPTIONS',
+        '@@REMSERVER',
+        '@@SERVERNAME',
+        '@@SERVICENAME',
+        '@@SPID',
+        '@@TEXTSIZE',
+        '@@VERSION',
+        // Cursor
+        '@@CURSOR_ROWS',
+        '@@FETCH_STATUS',
+        // Datetime
+        '@@DATEFIRST',
+        // Metadata
+        '@@PROCID',
+        // System
+        '@@ERROR',
+        '@@IDENTITY',
+        '@@ROWCOUNT',
+        '@@TRANCOUNT',
+        // Stats
+        '@@CONNECTIONS',
+        '@@CPU_BUSY',
+        '@@IDLE',
+        '@@IO_BUSY',
+        '@@PACKET_ERRORS',
+        '@@PACK_RECEIVED',
+        '@@PACK_SENT',
+        '@@TIMETICKS',
+        '@@TOTAL_ERRORS',
+        '@@TOTAL_READ',
+        '@@TOTAL_WRITE',
+    ],
+    pseudoColumns: ['$ACTION', '$IDENTITY', '$ROWGUID', '$PARTITION'],
+    tokenizer: {
+        root: [
+            { include: '@comments' },
+            { include: '@whitespace' },
+            { include: '@pseudoColumns' },
+            { include: '@numbers' },
+            { include: '@strings' },
+            { include: '@complexIdentifiers' },
+            { include: '@scopes' },
+            [/[;,.]/, 'delimiter'],
+            [/[()]/, '@brackets'],
+            [
+                /[\w@#$]+/,
+                {
+                    cases: {
+                        '@keywords': 'keyword',
+                        '@operators': 'operator',
+                        '@builtinVariables': 'predefined',
+                        '@builtinFunctions': 'predefined',
+                        '@default': 'identifier',
+                    },
+                },
+            ],
+            [/[<>=!%&+\-*/|~^]/, 'operator'],
+        ],
+        whitespace: [[/\s+/, 'white']],
+        comments: [
+            [/--+.*/, 'comment'],
+            [/\/\*/, { token: 'comment.quote', next: '@comment' }],
+        ],
+        comment: [
+            [/[^*/]+/, 'comment'],
+            // Not supporting nested comments, as nested comments seem to not be standard?
+            // i.e. http://stackoverflow.com/questions/728172/are-there-multiline-comment-delimiters-in-sql-that-are-vendor-agnostic
+            // [/\/\*/, { token: 'comment.quote', next: '@push' }],    // nested comment not allowed :-(
+            [/\*\//, { token: 'comment.quote', next: '@pop' }],
+            [/./, 'comment'],
+        ],
+        pseudoColumns: [
+            [
+                /[$][A-Za-z_][\w@#$]*/,
+                {
+                    cases: {
+                        '@pseudoColumns': 'predefined',
+                        '@default': 'identifier',
+                    },
+                },
+            ],
+        ],
+        numbers: [
+            [/0[xX][0-9a-fA-F]*/, 'number'],
+            [/[$][+-]*\d*(\.\d*)?/, 'number'],
+            [/((\d+(\.\d*)?)|(\.\d+))([eE][-+]?\d+)?/, 'number'],
+        ],
+        strings: [
+            [/N'/, { token: 'string', next: '@string' }],
+            [/'/, { token: 'string', next: '@string' }],
+        ],
+        string: [
+            [/[^']+/, 'string'],
+            [/''/, 'string'],
+            [/'/, { token: 'string', next: '@pop' }],
+        ],
+        complexIdentifiers: [
+            [/\[/, { token: 'identifier.quote', next: '@bracketedIdentifier' }],
+            [/"/, { token: 'identifier.quote', next: '@quotedIdentifier' }],
+        ],
+        bracketedIdentifier: [
+            [/[^\]]+/, 'identifier'],
+            [/]]/, 'identifier'],
+            [/]/, { token: 'identifier.quote', next: '@pop' }],
+        ],
+        quotedIdentifier: [
+            [/[^"]+/, 'identifier'],
+            [/""/, 'identifier'],
+            [/"/, { token: 'identifier.quote', next: '@pop' }],
+        ],
+        scopes: [
+            [/BEGIN\s+(DISTRIBUTED\s+)?TRAN(SACTION)?\b/i, 'keyword'],
+            [/BEGIN\s+TRY\b/i, { token: 'keyword.try' }],
+            [/END\s+TRY\b/i, { token: 'keyword.try' }],
+            [/BEGIN\s+CATCH\b/i, { token: 'keyword.catch' }],
+            [/END\s+CATCH\b/i, { token: 'keyword.catch' }],
+            [/(BEGIN|CASE)\b/i, { token: 'keyword.block' }],
+            [/END\b/i, { token: 'keyword.block' }],
+            [/WHEN\b/i, { token: 'keyword.choice' }],
+            [/THEN\b/i, { token: 'keyword.choice' }],
+        ],
+    },
+};
+
+export default {
+    config: richLanguageConfiguration,
+    definition: langDefinition,
+    register(monaco) {
+        monaco.languages.register({ id: 'out' });
+        monaco.languages.setLanguageConfiguration(
+            'out',
+            richLanguageConfiguration,
+        );
+        monaco.languages.setMonarchTokensProvider('out', langDefinition);
+    },
+};
diff --git a/linkis-web-next/src/components/editor/languages/sas.ts b/linkis-web-next/src/components/editor/languages/sas.ts
new file mode 100644
index 0000000000..038f2ea95d
--- /dev/null
+++ b/linkis-web-next/src/components/editor/languages/sas.ts
@@ -0,0 +1,66 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+import hql from './hql.js';
+import sqlFormatter from '../sqlFormatter/sqlFormatter';
+
+const sasDefinition = {
+  keywords: [
+    '%DO',
+    '%UNTIL',
+    '%TO',
+    '%WHILE',
+    '%END',
+    '%GLOBAL',
+    '%GOTO',
+    '%IF',
+    '%THEN',
+    '%ELSE',
+    '%LABEL',
+    '%LET',
+    '%LOCAL',
+    '%MACRO',
+    '%MEND',
+  ],
+};
+
+export default {
+  register(monaco) {
+    // Inherit and merge hql related keywords(继承和合并hql相关的keyword)
+    const langDefinition = hql.definition;
+    langDefinition.keywords.concat(sasDefinition);
+    monaco.languages.register({ id: 'sas' });
+    monaco.languages.setLanguageConfiguration('sas', hql.config);
+    monaco.languages.setMonarchTokensProvider('sas', langDefinition);
+
+    // handle formatting(处理格式化)
+    monaco.languages.registerDocumentFormattingEditProvider('sas', {
+      provideDocumentFormattingEdits: function(model) {
+        let range = model.getFullModelRange();
+        let value = model.getValue();
+        let newValue = sqlFormatter.format(value);
+        return [
+          {
+            range: range,
+            text: newValue,
+          },
+        ];
+      },
+    });
+  },
+};
diff --git a/linkis-web-next/src/components/editor/languages/sh.ts b/linkis-web-next/src/components/editor/languages/sh.ts
new file mode 100644
index 0000000000..823c63c48b
--- /dev/null
+++ b/linkis-web-next/src/components/editor/languages/sh.ts
@@ -0,0 +1,220 @@
+/* eslint-disable quotes */
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+export const conf = {
+    comments: {
+        lineComment: '#',
+    },
+    brackets: [
+        ['{', '}'],
+        ['[', ']'],
+        ['(', ')'],
+    ],
+    autoClosingPairs: [
+        { open: '{', close: '}' },
+        { open: '[', close: ']' },
+        { open: '(', close: ')' },
+        { open: '"', close: '"' },
+        { open: "'", close: "'" },
+        { open: '`', close: '`' },
+    ],
+    surroundingPairs: [
+        { open: '{', close: '}' },
+        { open: '[', close: ']' },
+        { open: '(', close: ')' },
+        { open: '"', close: '"' },
+        { open: "'", close: "'" },
+        { open: '`', close: '`' },
+    ],
+};
+export const language = {
+    defaultToken: '',
+    ignoreCase: true,
+    tokenPostfix: '.shell',
+    brackets: [
+        { token: 'delimiter.bracket', open: '{', close: '}' },
+        { token: 'delimiter.parenthesis', open: '(', close: ')' },
+        { token: 'delimiter.square', open: '[', close: ']' },
+    ],
+    keywords: [
+        'if',
+        'then',
+        'do',
+        'else',
+        'elif',
+        'while',
+        'until',
+        'for',
+        'in',
+        'esac',
+        'fi',
+        'fin',
+        'fil',
+        'done',
+        'exit',
+        'set',
+        'unset',
+        'export',
+        'function',
+    ],
+    builtins: [
+        'ab',
+        'awk',
+        'bash',
+        'beep',
+        'cat',
+        'cc',
+        'cd',
+        'chown',
+        'chmod',
+        'chroot',
+        'clear',
+        'cp',
+        'curl',
+        'cut',
+        'diff',
+        'echo',
+        'find',
+        'gawk',
+        'gcc',
+        'get',
+        'git',
+        'grep',
+        'hg',
+        'kill',
+        'killall',
+        'ln',
+        'ls',
+        'make',
+        'mkdir',
+        'openssl',
+        'mv',
+        'nc',
+        'node',
+        'npm',
+        'ping',
+        'ps',
+        'restart',
+        'rm',
+        'rmdir',
+        'sed',
+        'service',
+        'sh',
+        'shopt',
+        'shred',
+        'source',
+        'sort',
+        'sleep',
+        'ssh',
+        'start',
+        'stop',
+        'su',
+        'sudo',
+        'svn',
+        'tee',
+        'telnet',
+        'top',
+        'touch',
+        'vi',
+        'vim',
+        'wall',
+        'wc',
+        'wget',
+        'who',
+        'write',
+        'yes',
+        'zsh',
+    ],
+    // we include these common regular expressions
+    symbols: /[=><!~?&|+\-*\/\^;\.,]+/,
+    // The main tokenizer for our languages
+    tokenizer: {
+        root: [
+            { include: '@whitespace' },
+            [
+                /[a-zA-Z]\w*/,
+                {
+                    cases: {
+                        '@keywords': 'keyword',
+                        '@builtins': 'type.identifier',
+                        '@default': '',
+                    },
+                },
+            ],
+            { include: '@strings' },
+            { include: '@parameters' },
+            { include: '@heredoc' },
+            [/[{}\[\]()]/, '@brackets'],
+            [/-+\w+/, 'attribute.name'],
+            [/@symbols/, 'delimiter'],
+            { include: '@numbers' },
+            [/[,;]/, 'delimiter'],
+        ],
+        whitespace: [
+            [/\s+/, 'white'],
+            [/(^#!.*$)/, 'metatag'],
+            [/(^#.*$)/, 'comment'],
+        ],
+        numbers: [
+            [/\d*\.\d+([eE][\-+]?\d+)?/, 'number.float'],
+            [/0[xX][0-9a-fA-F_]*[0-9a-fA-F]/, 'number.hex'],
+            [/\d+/, 'number'],
+        ],
+        // Recognize strings, including those broken across lines
+        strings: [
+            [/'/, 'string', '@stringBody'],
+            [/"/, 'string', '@dblStringBody'],
+        ],
+        stringBody: [
+            [/'/, 'string', '@popall'],
+            [/./, 'string'],
+        ],
+        dblStringBody: [
+            [/"/, 'string', '@popall'],
+            [/./, 'string'],
+        ],
+        heredoc: [
+            [
+                /(<<[-<]?)(\s*)(['"`]?)([\w\-]+)(['"`]?)/,
+                [
+                    'constants',
+                    'white',
+                    'string.heredoc.delimiter',
+                    'string.heredoc',
+                    'string.heredoc.delimiter',
+                ],
+            ],
+        ],
+        parameters: [
+            [/\$\d+/, 'variable.predefined'],
+            [/\$\w+/, 'variable'],
+            [/\$[*@#?\-$!0_]/, 'variable'],
+            [/\$['"{(]\w+['"})]/, 'variable'],
+        ],
+    },
+};
+
+export default {
+    config: conf,
+    definition: language,
+    register(monaco) {
+        monaco.languages.register({ id: 'sh' });
+        monaco.languages.setLanguageConfiguration('sh', conf);
+        monaco.languages.setMonarchTokensProvider('sh', language);
+    },
+};
diff --git a/linkis-web-next/src/components/editor/monaco-loader.ts b/linkis-web-next/src/components/editor/monaco-loader.ts
new file mode 100644
index 0000000000..be5d6b18ce
--- /dev/null
+++ b/linkis-web-next/src/components/editor/monaco-loader.ts
@@ -0,0 +1,54 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import hql from './languages/hql';
+import log from './languages/log';
+import sas from './languages/sas';
+import sh from './languages/sh';
+import out from './languages/out';
+import defaultView from './theme/defaultView';
+import logview from './theme/logView';
+import hqlKeyword from './keyword/hql';
+import pythonKeyword from './keyword/python';
+import sasKeyword from './keyword/sas';
+import shKeyword from './keyword/sh';
+
+import * as monaco from 'monaco-editor';
+
+const languagesList = monaco.languages.getLanguages();
+const findLang = find(languagesList, (lang) => {
+    return lang.id === 'hql';
+});
+if (!findLang) {
+    // Register languages(注册languages)
+    hql.register(monaco);
+    log.register(monaco);
+    sas.register(monaco);
+    sh.register(monaco);
+    out.register(monaco);
+    // register theme(注册theme)
+    defaultView.register(monaco);
+    logview.register(monaco);
+
+    // (Register Keyword Prediction)
+    hqlKeyword.register(monaco);
+    pythonKeyword.register(monaco);
+    sasKeyword.register(monaco);
+    shKeyword.register(monaco);
+}
+
+export default monaco;
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/core/Formatter.ts b/linkis-web-next/src/components/editor/sqlFormatter/core/Formatter.ts
new file mode 100644
index 0000000000..56c79ae3d7
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/core/Formatter.ts
@@ -0,0 +1,348 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import trimEnd from 'lodash/trimEnd';
+import tokenTypes from './tokenTypes';
+import Indentation from './Indentation';
+import InlineBlock from './InlineBlock';
+import Params from './Params';
+
+/**
+ *
+ */
+export default class Formatter {
+    /**
+     * @param {Object} cfg
+     *   @param {Object} cfg.indent
+     *   @param {Object} cfg.params
+     * @param {Tokenizer} tokenizer
+     */
+    constructor(cfg, tokenizer) {
+        this.cfg = cfg || {};
+        this.indentation = new Indentation(this.cfg.indent);
+        this.inlineBlock = new InlineBlock();
+        this.params = new Params(this.cfg.params);
+        this.tokenizer = tokenizer;
+        this.previousReservedWord = {};
+        this.tokens = [];
+        this.index = 0;
+    }
+
+    /**
+     * Formats whitespaces in a SQL string to make it easier to read.
+     *
+     * @param {String} query The SQL query string
+     * @return {String} formatted query
+     */
+    format(query) {
+        this.tokens = this.tokenizer.tokenize(query);
+        const formattedQuery = this.getFormattedQueryFromTokens();
+        return formattedQuery.trim();
+    }
+
+    /**
+     * @return {*}
+     */
+    getFormattedQueryFromTokens() {
+        let formattedQuery = '';
+        this.tokens.forEach((token, index) => {
+            this.index = index;
+            if (token.type === tokenTypes.WHITESPACE) {
+                // ignore (we do our own whitespace formatting)
+            } else if (token.type === tokenTypes.LINE_COMMENT) {
+                formattedQuery = this.formatLineComment(token, formattedQuery);
+            } else if (token.type === tokenTypes.BLOCK_COMMENT) {
+                formattedQuery = this.formatBlockComment(token, formattedQuery);
+            } else if (token.type === tokenTypes.RESERVED_TOPLEVEL) {
+                formattedQuery = this.formatToplevelReservedWord(
+                    token,
+                    formattedQuery,
+                );
+                this.previousReservedWord = token;
+            } else if (token.type === tokenTypes.RESERVED_NEWLINE) {
+                formattedQuery = this.formatNewlineReservedWord(
+                    token,
+                    formattedQuery,
+                );
+                this.previousReservedWord = token;
+            } else if (token.type === tokenTypes.RESERVED) {
+                formattedQuery = this.formatWithSpaces(token, formattedQuery);
+                this.previousReservedWord = token;
+            } else if (token.type === tokenTypes.OPEN_PAREN) {
+                formattedQuery = this.formatOpeningParentheses(
+                    token,
+                    formattedQuery,
+                );
+            } else if (token.type === tokenTypes.CLOSE_PAREN) {
+                formattedQuery = this.formatClosingParentheses(
+                    token,
+                    formattedQuery,
+                );
+            } else if (token.type === tokenTypes.PLACEHOLDER) {
+                formattedQuery = this.formatPlaceholder(token, formattedQuery);
+            } else if (token.value === ',') {
+                formattedQuery = this.formatComma(token, formattedQuery);
+            } else if (token.value === ':') {
+                formattedQuery = this.formatWithSpaceAfter(
+                    token,
+                    formattedQuery,
+                );
+            } else if (token.value === '.') {
+                formattedQuery = this.formatWithoutSpaces(
+                    token,
+                    formattedQuery,
+                );
+            } else if (token.value === ';') {
+                formattedQuery = this.formatQuerySeparator(
+                    token,
+                    formattedQuery,
+                );
+            } else if (token.value === '$') {
+                formattedQuery = formattedQuery + token.value;
+            } else {
+                formattedQuery = this.formatWithSpaces(token, formattedQuery);
+            }
+        });
+        return formattedQuery;
+    }
+
+    /**
+     *
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatLineComment(token, query) {
+        return this.addNewline(query + token.value);
+    }
+
+    /**
+     *
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatBlockComment(token, query) {
+        return this.addNewline(
+            this.addNewline(query) + this.indentComment(token.value),
+        );
+    }
+
+    /**
+     *
+     * @param {*} comment
+     * @return {*}
+     */
+    indentComment(comment) {
+        return comment.replace(/\n/g, '\n' + this.indentation.getIndent());
+    }
+
+    /**
+     *
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatToplevelReservedWord(token, query) {
+        this.indentation.decreaseTopLevel();
+
+        query = this.addNewline(query);
+
+        this.indentation.increaseToplevel();
+
+        query += this.equalizeWhitespace(token.value);
+        return this.addNewline(query);
+    }
+
+    /**
+     *
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatNewlineReservedWord(token, query) {
+        return (
+            this.addNewline(query) + this.equalizeWhitespace(token.value) + ' '
+        );
+    }
+
+    /**
+     * Replace any sequence of whitespace characters with single space
+     * @param {*} string
+     * @return {*}
+     */
+    equalizeWhitespace(string) {
+        return string.replace(/\s+/g, ' ');
+    }
+
+    /**
+     * Opening parentheses increase the block indent level and start a new line
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatOpeningParentheses(token, query) {
+        // Take out the preceding space unless there was whitespace there in the original query
+        // or another opening parens or line comment
+        const preserveWhitespaceFor = [
+            tokenTypes.WHITESPACE,
+            tokenTypes.OPEN_PAREN,
+            tokenTypes.LINE_COMMENT,
+        ];
+        if (!preserveWhitespaceFor.includes(this.previousToken().type)) {
+            query = trimEnd(query);
+        }
+        query += token.value;
+
+        this.inlineBlock.beginIfPossible(this.tokens, this.index);
+
+        if (!this.inlineBlock.isActive()) {
+            this.indentation.increaseBlockLevel();
+            query = this.addNewline(query);
+        }
+        return query;
+    }
+
+    /**
+     * Closing parentheses decrease the block indent level
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatClosingParentheses(token, query) {
+        if (this.inlineBlock.isActive()) {
+            this.inlineBlock.end();
+            return this.formatWithSpaceAfter(token, query);
+        } else {
+            this.indentation.decreaseBlockLevel();
+            return this.formatWithSpaces(token, this.addNewline(query));
+        }
+    }
+
+    /**
+     *
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatPlaceholder(token, query) {
+        return query + this.params.get(token) + ' ';
+    }
+
+    /**
+     * Commas start a new line (unless within inline parentheses or SQL "LIMIT" clause)
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatComma(token, query) {
+        query = this.trimTrailingWhitespace(query) + token.value + ' ';
+
+        if (this.inlineBlock.isActive()) {
+            return query;
+        } else if (/^LIMIT$/i.test(this.previousReservedWord.value)) {
+            return query;
+        } else {
+            return this.addNewline(query);
+        }
+    }
+
+    /**
+     *
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatWithSpaceAfter(token, query) {
+        return this.trimTrailingWhitespace(query) + token.value + ' ';
+    }
+
+    /**
+     *
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatWithoutSpaces(token, query) {
+        return this.trimTrailingWhitespace(query) + token.value;
+    }
+
+    /**
+     *
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatWithSpaces(token, query) {
+        return query + token.value + ' ';
+    }
+
+    /**
+     *
+     * @param {*} token
+     * @param {*} query
+     * @return {*}
+     */
+    formatQuerySeparator(token, query) {
+        return this.trimTrailingWhitespace(query) + token.value + '\n';
+    }
+
+    /**
+     *
+     * @param {*} query
+     * @return {*}
+     */
+    addNewline(query) {
+        return trimEnd(query) + '\n' + this.indentation.getIndent();
+    }
+
+    /**
+     *
+     * @param {*} query
+     * @return {*}
+     */
+    trimTrailingWhitespace(query) {
+        if (
+            this.previousNonWhitespaceToken().type === tokenTypes.LINE_COMMENT
+        ) {
+            return trimEnd(query) + '\n';
+        } else {
+            return trimEnd(query);
+        }
+    }
+
+    /**
+     *
+     * @return {*}
+     */
+    previousNonWhitespaceToken() {
+        let n = 1;
+        while (this.previousToken(n).type === tokenTypes.WHITESPACE) {
+            n++;
+        }
+        return this.previousToken(n);
+    }
+
+    /**
+     *
+     * @param {*} offset
+     * @return {*}
+     */
+    previousToken(offset = 1) {
+        return this.tokens[this.index - offset] || {};
+    }
+}
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/core/Indentation.ts b/linkis-web-next/src/components/editor/sqlFormatter/core/Indentation.ts
new file mode 100644
index 0000000000..974ad47fc9
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/core/Indentation.ts
@@ -0,0 +1,87 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import repeat from 'lodash/repeat';
+import last from 'lodash/last';
+
+const INDENT_TYPE_TOP_LEVEL = 'top-level';
+const INDENT_TYPE_BLOCK_LEVEL = 'block-level';
+
+/**
+ * Manages indentation levels.
+ *
+ * There are two types of indentation levels:
+ *
+ * - BLOCK_LEVEL : increased by open-parenthesis
+ * - TOP_LEVEL : increased by RESERVED_TOPLEVEL words
+ */
+export default class Indentation {
+  /**
+     * @param {String} indent Indent value, default is "  " (2 spaces)
+     */
+  constructor(indent) {
+    this.indent = indent || '  ';
+    this.indentTypes = [];
+  }
+
+  /**
+     * Returns current indentation string.
+     * @return {String}
+     */
+  getIndent() {
+    return repeat(this.indent, this.indentTypes.length);
+  }
+
+  /**
+     * Increases indentation by one top-level indent.
+     */
+  increaseToplevel() {
+    this.indentTypes.push(INDENT_TYPE_TOP_LEVEL);
+  }
+
+  /**
+     * Increases indentation by one block-level indent.
+     */
+  increaseBlockLevel() {
+    this.indentTypes.push(INDENT_TYPE_BLOCK_LEVEL);
+  }
+
+  /**
+     * Decreases indentation by one top-level indent.
+     * Does nothing when the previous indent is not top-level.
+     */
+  decreaseTopLevel() {
+    if (last(this.indentTypes) === INDENT_TYPE_TOP_LEVEL) {
+      this.indentTypes.pop();
+    }
+  }
+
+  /**
+     * Decreases indentation by one block-level indent.
+     * If there are top-level indents within the block-level indent,
+     * throws away these as well.
+     */
+  decreaseBlockLevel() {
+    while (this.indentTypes.length > 0) {
+      const type = this.indentTypes.pop();
+      if (type !== INDENT_TYPE_TOP_LEVEL) {
+        break;
+      }
+    }
+  }
+}
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/core/InlineBlock.ts b/linkis-web-next/src/components/editor/sqlFormatter/core/InlineBlock.ts
new file mode 100644
index 0000000000..f3d6955024
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/core/InlineBlock.ts
@@ -0,0 +1,120 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import tokenTypes from './tokenTypes';
+
+const INLINE_MAX_LENGTH = 50;
+
+/**
+ * Bookkeeper for inline blocks.
+ *
+ * Inline blocks are parenthized expressions that are shorter than INLINE_MAX_LENGTH.
+ * These blocks are formatted on a single line, unlike longer parenthized
+ * expressions where open-parenthesis causes newline and increase of indentation.
+ */
+export default class InlineBlock {
+    /**
+     *
+     */
+    constructor() {
+        this.level = 0;
+    }
+
+    /**
+     * Begins inline block when lookahead through upcoming tokens determines
+     * that the block would be smaller than INLINE_MAX_LENGTH.
+     * @param  {Object[]} tokens Array of all tokens
+     * @param  {Number} index Current token position
+     */
+    beginIfPossible(tokens, index) {
+        if (this.level === 0 && this.isInlineBlock(tokens, index)) {
+            this.level = 1;
+        } else if (this.level > 0) {
+            this.level++;
+        } else {
+            this.level = 0;
+        }
+    }
+
+    /**
+     * Finishes current inline block.
+     * There might be several nested ones.
+     */
+    end() {
+        this.level--;
+    }
+
+    /**
+     * True when inside an inline block
+     * @return {Boolean}
+     */
+    isActive() {
+        return this.level > 0;
+    }
+
+    /**
+     * Check if this should be an inline parentheses block
+     * Examples are "NOW()", "COUNT(*)", "int(10)", key(`somecolumn`), DECIMAL(7,2)
+     * @param {*} tokens
+     * @param {*} index
+     * @return {*}
+     */
+    isInlineBlock(tokens, index) {
+        let length = 0;
+        let level = 0;
+
+        for (let i = index; i < tokens.length; i++) {
+            const token = tokens[i];
+            length += token.value.length;
+
+            // Overran max length
+            if (length > INLINE_MAX_LENGTH) {
+                return false;
+            }
+
+            if (token.type === tokenTypes.OPEN_PAREN) {
+                level++;
+            } else if (token.type === tokenTypes.CLOSE_PAREN) {
+                level--;
+                if (level === 0) {
+                    return true;
+                }
+            }
+
+            if (this.isForbiddenToken(token)) {
+                return false;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Reserved words that cause newlines, comments and semicolons
+     * are not allowed inside inline parentheses block
+     * @param {*} param0
+     * @return {*}
+     */
+    isForbiddenToken({ type, value }) {
+        return (
+            type === tokenTypes.RESERVED_TOPLEVEL ||
+            type === tokenTypes.RESERVED_NEWLINE ||
+            type === tokenTypes.COMMENT ||
+            type === tokenTypes.BLOCK_COMMENT ||
+            value === ';'
+        );
+    }
+}
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/core/Params.ts b/linkis-web-next/src/components/editor/sqlFormatter/core/Params.ts
new file mode 100644
index 0000000000..ca5b52ab7c
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/core/Params.ts
@@ -0,0 +1,47 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+/**
+ * Handles placeholder replacement with given params.
+ */
+export default class Params {
+  /**
+     * @param {Object} params
+     */
+  constructor(params) {
+    this.params = params;
+    this.index = 0;
+  }
+
+  /**
+     * Returns param value that matches given placeholder with param key.
+     * @param {Object} token
+     *   @param {String} token.key Placeholder key
+     *   @param {String} token.value Placeholder value
+     * @return {String} param or token.value when params are missing
+     */
+  get({ key, value }) {
+    if (!this.params) {
+      return value;
+    }
+    if (key) {
+      return this.params[key];
+    }
+    return this.params[this.index++];
+  }
+}
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/core/Tokenizer.ts b/linkis-web-next/src/components/editor/sqlFormatter/core/Tokenizer.ts
new file mode 100644
index 0000000000..4658a2498d
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/core/Tokenizer.ts
@@ -0,0 +1,508 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import isEmpty from 'lodash/isEmpty';
+import escapeRegExp from 'lodash/escapeRegExp';
+import tokenTypes from './tokenTypes';
+
+/**
+ *
+ */
+export default class Tokenizer {
+  /**
+   * @param {Object} cfg
+   *  @param {String[]} cfg.reservedWords Reserved words in SQL
+   *  @param {String[]} cfg.reservedToplevelWords Words that are set to new line separately
+   *  @param {String[]} cfg.reservedNewlineWords Words that are set to newline
+   *  @param {String[]} cfg.stringTypes String types to enable: "", '', ``, [], N''
+   *  @param {String[]} cfg.openParens Opening parentheses to enable, like (, [
+   *  @param {String[]} cfg.closeParens Closing parentheses to enable, like ), ]
+   *  @param {String[]} cfg.indexedPlaceholderTypes Prefixes for indexed placeholders, like ?
+   *  @param {String[]} cfg.namedPlaceholderTypes Prefixes for named placeholders, like @ and :
+   *  @param {String[]} cfg.lineCommentTypes Line comments to enable, like # and --
+   *  @param {String[]} cfg.specialWordChars Special chars that can be found inside of words, like @ and #
+   */
+  constructor(cfg) {
+    this.WHITESPACE_REGEX = /^(\s+)/;
+    this.NUMBER_REGEX = /^((-\s*)?[0-9]+(\.[0-9]+)?|0x[0-9a-fA-F]+|0b[01]+)\b/;
+    this.OPERATOR_REGEX = /^(!=|<>|==|<=|>=|!<|!>|\|\||::|->>|->|~~\*|~~|!~~\*|!~~|~\*|!~\*|!~|.)/;
+
+    this.BLOCK_COMMENT_REGEX = /^(\/\*[^]*?(?:\*\/|$))/;
+    this.PARAMS_REGEX = cfg.paramsPattern;
+    this.LINE_COMMENT_REGEX = this.createLineCommentRegex(cfg.lineCommentTypes);
+
+    this.RESERVED_TOPLEVEL_REGEX = this.createReservedWordRegex(cfg.reservedToplevelWords);
+    this.RESERVED_NEWLINE_REGEX = this.createReservedWordRegex(cfg.reservedNewlineWords);
+    this.RESERVED_PLAIN_REGEX = this.createReservedWordRegex(cfg.reservedWords);
+
+    this.WORD_REGEX = this.createWordRegex(cfg.specialWordChars);
+    this.STRING_REGEX = this.createStringRegex(cfg.stringTypes);
+
+    this.OPEN_PAREN_REGEX = this.createParenRegex(cfg.openParens);
+    this.CLOSE_PAREN_REGEX = this.createParenRegex(cfg.closeParens);
+
+    this.INDEXED_PLACEHOLDER_REGEX = this.createPlaceholderRegex(cfg.indexedPlaceholderTypes, '[0-9]*');
+    this.IDENT_NAMED_PLACEHOLDER_REGEX = this.createPlaceholderRegex(cfg.namedPlaceholderTypes, '[a-zA-Z0-9._$]+');
+    this.STRING_NAMED_PLACEHOLDER_REGEX = this.createPlaceholderRegex(
+      cfg.namedPlaceholderTypes,
+      this.createStringPattern(cfg.stringTypes)
+    );
+  }
+
+  /**
+   *
+   * @param {*} lineCommentTypes
+   * @return {*}
+   */
+  createLineCommentRegex(lineCommentTypes) {
+    return new RegExp(`^((?:${lineCommentTypes.map((c) => escapeRegExp(c)).join('|')}).*?(?:\n|\r\n|$))`);
+  }
+
+  /**
+   *
+   * @param {*} reservedWords
+   * @return {*}
+   */
+  createReservedWordRegex(reservedWords) {
+    const reservedWordsPattern = reservedWords.join('|').replace(/ /g, '\\s+');
+    return new RegExp(`^(${reservedWordsPattern})\\b`, 'i');
+  }
+
+  /**
+   *
+   * @param {*} specialChars
+   * @return {*}
+   */
+  createWordRegex(specialChars = []) {
+    return new RegExp(`^([\\w${specialChars.join('')}]+)`);
+  }
+
+  /**
+   *
+   * @param {*} stringTypes
+   * @return {*}
+   */
+  createStringRegex(stringTypes) {
+    return new RegExp(
+      '^(' + this.createStringPattern(stringTypes) + ')'
+    );
+  }
+
+  /**
+   * This enables the following string patterns:
+   * 1.backtick quoted string using `` to escape
+   * 2.square bracket quoted string (SQL Server) using ]] to escape
+   * 3.double quoted string using "" or \" to escape
+   * 4.single quoted string using '' or \' to escape
+   * 5.national character quoted string using N'' or N\' to escape
+   * @param {*} stringTypes
+   * @return {*}
+   */
+  createStringPattern(stringTypes) {
+    const patterns = {
+      '``': '((`[^`]*($|`))+)',
+      '[]': '((\\[[^\\]]*($|\\]))(\\][^\\]]*($|\\]))*)',
+      '""': '(("[^"\\\\]*(?:\\\\.[^"\\\\]*)*("|$))+)',
+      '\'\'': '((\'[^\'\\\\]*(?:\\\\.[^\'\\\\]*)*(\'|$))+)',
+      'N\'\'': '((N\'[^N\'\\\\]*(?:\\\\.[^N\'\\\\]*)*(\'|$))+)',
+    };
+
+    return stringTypes.map((t) => patterns[t]).join('|');
+  }
+
+  /**
+   *
+   * @param {*} parens
+   * @return {*}
+   */
+  createParenRegex(parens) {
+    return new RegExp(
+      '^(' + parens.map((p) => this.escapeParen(p)).join('|') + ')',
+      'i'
+    );
+  }
+
+  /**
+   *
+   * @param {*} paren
+   * @return {*}
+   */
+  escapeParen(paren) {
+    if (paren.length === 1) {
+      // A single punctuation character
+      return escapeRegExp(paren);
+    } else {
+      // longer word
+      return '\\b' + paren + '\\b';
+    }
+  }
+
+  /**
+   *
+   * @param {*} types
+   * @param {*} pattern
+   * @return {*}
+   */
+  createPlaceholderRegex(types, pattern) {
+    if (isEmpty(types)) {
+      return false;
+    }
+    const typesRegex = types.map(escapeRegExp).join('|');
+
+    return new RegExp(`^((?:${typesRegex})(?:${pattern}))`);
+  }
+
+  /**
+   * Takes a SQL string and breaks it into tokens.
+   * Each token is an object with type and value.
+   *
+   * @param {String} input The SQL string
+   * @return {Object[]} tokens An array of tokens.
+   *  @return {String} token.type
+   *  @return {String} token.value
+   */
+  tokenize(input) {
+    const tokens = [];
+    let token;
+
+    // Keep processing the string until it is empty
+    while (input.length) {
+      // Get the next token and the token type
+      token = this.getNextToken(input, token);
+      // Advance the string
+      input = input.substring(token.value.length);
+
+      tokens.push(token);
+    }
+    return tokens;
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @param {*} previousToken
+   * @return {*}
+   */
+  getNextToken(input, previousToken) {
+    return this.getWhitespaceToken(input) ||
+      this.getCommentToken(input) ||
+      this.getStringToken(input) ||
+      this.getOpenParenToken(input) ||
+      this.getCloseParenToken(input) ||
+      this.getParamsToken(input) ||
+      this.getPlaceholderToken(input) ||
+      this.getNumberToken(input) ||
+      this.getReservedWordToken(input, previousToken) ||
+      this.getWordToken(input) ||
+      this.getOperatorToken(input);
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getWhitespaceToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.WHITESPACE,
+      regex: this.WHITESPACE_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getCommentToken(input) {
+    return this.getLineCommentToken(input) || this.getBlockCommentToken(input);
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getLineCommentToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.LINE_COMMENT,
+      regex: this.LINE_COMMENT_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getBlockCommentToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.BLOCK_COMMENT,
+      regex: this.BLOCK_COMMENT_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getStringToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.STRING,
+      regex: this.STRING_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getOpenParenToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.OPEN_PAREN,
+      regex: this.OPEN_PAREN_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getCloseParenToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.CLOSE_PAREN,
+      regex: this.CLOSE_PAREN_REGEX,
+    });
+  }
+
+  getParamsToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.WORD,
+      regex: this.PARAMS_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getPlaceholderToken(input) {
+    return this.getIdentNamedPlaceholderToken(input) ||
+      this.getStringNamedPlaceholderToken(input) ||
+      this.getIndexedPlaceholderToken(input);
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getIdentNamedPlaceholderToken(input) {
+    return this.getPlaceholderTokenWithKey({
+      input,
+      regex: this.IDENT_NAMED_PLACEHOLDER_REGEX,
+      parseKey: (v) => v.slice(1),
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getStringNamedPlaceholderToken(input) {
+    return this.getPlaceholderTokenWithKey({
+      input,
+      regex: this.STRING_NAMED_PLACEHOLDER_REGEX,
+      parseKey: (v) => this.getEscapedPlaceholderKey({
+        key: v.slice(2, -1),
+        quoteChar: v.slice(-1)
+      }),
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getIndexedPlaceholderToken(input) {
+    return this.getPlaceholderTokenWithKey({
+      input,
+      regex: this.INDEXED_PLACEHOLDER_REGEX,
+      parseKey: (v) => v.slice(1),
+    });
+  }
+
+  /**
+   *
+   * @param {*} param0
+   * @return {*}
+   */
+  getPlaceholderTokenWithKey({
+    input,
+    regex,
+    parseKey
+  }) {
+    const token = this.getTokenOnFirstMatch({
+      input,
+      regex,
+      type: tokenTypes.PLACEHOLDER
+    });
+    if (token) {
+      token.key = parseKey(token.value);
+    }
+    return token;
+  }
+
+  /**
+   *
+   * @param {*} param0
+   * @return {*}
+   */
+  getEscapedPlaceholderKey({
+    key,
+    quoteChar
+  }) {
+    return key.replace(new RegExp(escapeRegExp('\\') + quoteChar, 'g'), quoteChar);
+  }
+
+  /**
+   * Decimal, binary, or hex numbers
+   * @param {*} input
+   * @return {*}
+   */
+  getNumberToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.NUMBER,
+      regex: this.NUMBER_REGEX,
+    });
+  }
+
+  /**
+   * Punctuation and symbols
+   * @param {*} input
+   * @return {*}
+   */
+  getOperatorToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.OPERATOR,
+      regex: this.OPERATOR_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @param {*} previousToken
+   * @return {*}
+   */
+  getReservedWordToken(input, previousToken) {
+    // A reserved word cannot be preceded by a "."
+    // this makes it so in "mytable.from", "from" is not considered a reserved word
+    if (previousToken && previousToken.value && previousToken.value === '.') {
+      return;
+    }
+    return this.getToplevelReservedToken(input) || this.getNewlineReservedToken(input) || this.getPlainReservedToken(input);
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getToplevelReservedToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.RESERVED_TOPLEVEL,
+      regex: this.RESERVED_TOPLEVEL_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getNewlineReservedToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.RESERVED_NEWLINE,
+      regex: this.RESERVED_NEWLINE_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getPlainReservedToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.RESERVED,
+      regex: this.RESERVED_PLAIN_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} input
+   * @return {*}
+   */
+  getWordToken(input) {
+    return this.getTokenOnFirstMatch({
+      input,
+      type: tokenTypes.WORD,
+      regex: this.WORD_REGEX,
+    });
+  }
+
+  /**
+   *
+   * @param {*} param0
+   * @return {*}
+   */
+  getTokenOnFirstMatch({
+    input,
+    type,
+    regex
+  }) {
+    const matches = input.match(regex);
+
+    if (matches) {
+      return {
+        type,
+        value: matches[1]
+      };
+    }
+  }
+}
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/core/tokenTypes.ts b/linkis-web-next/src/components/editor/sqlFormatter/core/tokenTypes.ts
new file mode 100644
index 0000000000..d4ce6c4b81
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/core/tokenTypes.ts
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+/**
+ * Constants for token types
+ */
+export default {
+  WHITESPACE: 'whitespace',
+  WORD: 'word',
+  STRING: 'string',
+  RESERVED: 'reserved',
+  RESERVED_TOPLEVEL: 'reserved-toplevel',
+  RESERVED_NEWLINE: 'reserved-newline',
+  OPERATOR: 'operator',
+  OPEN_PAREN: 'open-paren',
+  CLOSE_PAREN: 'close-paren',
+  LINE_COMMENT: 'line-comment',
+  BLOCK_COMMENT: 'block-comment',
+  NUMBER: 'number',
+  PLACEHOLDER: 'placeholder',
+};
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/languages/Db2Formatter.ts b/linkis-web-next/src/components/editor/sqlFormatter/languages/Db2Formatter.ts
new file mode 100644
index 0000000000..199647b905
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/languages/Db2Formatter.ts
@@ -0,0 +1,601 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import Formatter from '../core/Formatter';
+import Tokenizer from '../core/Tokenizer';
+
+const reservedWords = [
+    'ABS',
+    'ACTIVATE',
+    'ALIAS',
+    'ALL',
+    'ALLOCATE',
+    'ALLOW',
+    'ALTER',
+    'ANY',
+    'ARE',
+    'ARRAY',
+    'AS',
+    'ASC',
+    'ASENSITIVE',
+    'ASSOCIATE',
+    'ASUTIME',
+    'ASYMMETRIC',
+    'AT',
+    'ATOMIC',
+    'ATTRIBUTES',
+    'AUDIT',
+    'AUTHORIZATION',
+    'AUX',
+    'AUXILIARY',
+    'AVG',
+    'BEFORE',
+    'BEGIN',
+    'BETWEEN',
+    'BIGINT',
+    'BINARY',
+    'BLOB',
+    'BOOLEAN',
+    'BOTH',
+    'BUFFERPOOL',
+    'BY',
+    'CACHE',
+    'CALL',
+    'CALLED',
+    'CAPTURE',
+    'CARDINALITY',
+    'CASCADED',
+    'CASE',
+    'CAST',
+    'CCSID',
+    'CEIL',
+    'CEILING',
+    'CHAR',
+    'CHARACTER',
+    'CHARACTER_LENGTH',
+    'CHAR_LENGTH',
+    'CHECK',
+    'CLOB',
+    'CLONE',
+    'CLOSE',
+    'CLUSTER',
+    'COALESCE',
+    'COLLATE',
+    'COLLECT',
+    'COLLECTION',
+    'COLLID',
+    'COLUMN',
+    'COMMENT',
+    'COMMIT',
+    'CONCAT',
+    'CONDITION',
+    'CONNECT',
+    'CONNECTION',
+    'CONSTRAINT',
+    'CONTAINS',
+    'CONTINUE',
+    'CONVERT',
+    'CORR',
+    'CORRESPONDING',
+    'COUNT',
+    'COUNT_BIG',
+    'COVAR_POP',
+    'COVAR_SAMP',
+    'CREATE',
+    'CROSS',
+    'CUBE',
+    'CUME_DIST',
+    'CURRENT',
+    'CURRENT_DATE',
+    'CURRENT_DEFAULT_TRANSFORM_GROUP',
+    'CURRENT_LC_CTYPE',
+    'CURRENT_PATH',
+    'CURRENT_ROLE',
+    'CURRENT_SCHEMA',
+    'CURRENT_SERVER',
+    'CURRENT_TIME',
+    'CURRENT_TIMESTAMP',
+    'CURRENT_TIMEZONE',
+    'CURRENT_TRANSFORM_GROUP_FOR_TYPE',
+    'CURRENT_USER',
+    'CURSOR',
+    'CYCLE',
+    'DATA',
+    'DATABASE',
+    'DATAPARTITIONNAME',
+    'DATAPARTITIONNUM',
+    'DATE',
+    'DAY',
+    'DAYS',
+    'DB2GENERAL',
+    'DB2GENRL',
+    'DB2SQL',
+    'DBINFO',
+    'DBPARTITIONNAME',
+    'DBPARTITIONNUM',
+    'DEALLOCATE',
+    'DEC',
+    'DECIMAL',
+    'DECLARE',
+    'DEFAULT',
+    'DEFAULTS',
+    'DEFINITION',
+    'DELETE',
+    'DENSERANK',
+    'DENSE_RANK',
+    'DEREF',
+    'DESCRIBE',
+    'DESCRIPTOR',
+    'DETERMINISTIC',
+    'DIAGNOSTICS',
+    'DISABLE',
+    'DISALLOW',
+    'DISCONNECT',
+    'DISTINCT',
+    'DO',
+    'DOCUMENT',
+    'DOUBLE',
+    'DROP',
+    'DSSIZE',
+    'DYNAMIC',
+    'EACH',
+    'EDITPROC',
+    'ELEMENT',
+    'ELSE',
+    'ELSEIF',
+    'ENABLE',
+    'ENCODING',
+    'ENCRYPTION',
+    'END',
+    'END-EXEC',
+    'ENDING',
+    'ERASE',
+    'ESCAPE',
+    'EVERY',
+    'EXCEPTION',
+    'EXCLUDING',
+    'EXCLUSIVE',
+    'EXEC',
+    'EXECUTE',
+    'EXISTS',
+    'EXIT',
+    'EXP',
+    'EXPLAIN',
+    'EXTENDED',
+    'EXTERNAL',
+    'EXTRACT',
+    'FALSE',
+    'FENCED',
+    'FETCH',
+    'FIELDPROC',
+    'FILE',
+    'FILTER',
+    'FINAL',
+    'FIRST',
+    'FLOAT',
+    'FLOOR',
+    'FOR',
+    'FOREIGN',
+    'FREE',
+    'FULL',
+    'FUNCTION',
+    'FUSION',
+    'GENERAL',
+    'GENERATED',
+    'GET',
+    'GLOBAL',
+    'GOTO',
+    'GRANT',
+    'GRAPHIC',
+    'GROUP',
+    'GROUPING',
+    'HANDLER',
+    'HASH',
+    'HASHED_VALUE',
+    'HINT',
+    'HOLD',
+    'HOUR',
+    'HOURS',
+    'IDENTITY',
+    'IF',
+    'IMMEDIATE',
+    'IN',
+    'INCLUDING',
+    'INCLUSIVE',
+    'INCREMENT',
+    'INDEX',
+    'INDICATOR',
+    'INDICATORS',
+    'INF',
+    'INFINITY',
+    'INHERIT',
+    'INNER',
+    'INOUT',
+    'INSENSITIVE',
+    'INSERT',
+    'INT',
+    'INTEGER',
+    'INTEGRITY',
+    'INTERSECTION',
+    'INTERVAL',
+    'INTO',
+    'IS',
+    'ISOBID',
+    'ISOLATION',
+    'ITERATE',
+    'JAR',
+    'JAVA',
+    'KEEP',
+    'KEY',
+    'LABEL',
+    'LANGUAGE',
+    'LARGE',
+    'LATERAL',
+    'LC_CTYPE',
+    'LEADING',
+    'LEAVE',
+    'LEFT',
+    'LIKE',
+    'LINKTYPE',
+    'LN',
+    'LOCAL',
+    'LOCALDATE',
+    'LOCALE',
+    'LOCALTIME',
+    'LOCALTIMESTAMP',
+    'LOCATOR',
+    'LOCATORS',
+    'LOCK',
+    'LOCKMAX',
+    'LOCKSIZE',
+    'LONG',
+    'LOOP',
+    'LOWER',
+    'MAINTAINED',
+    'MATCH',
+    'MATERIALIZED',
+    'MAX',
+    'MAXVALUE',
+    'MEMBER',
+    'MERGE',
+    'METHOD',
+    'MICROSECOND',
+    'MICROSECONDS',
+    'MIN',
+    'MINUTE',
+    'MINUTES',
+    'MINVALUE',
+    'MOD',
+    'MODE',
+    'MODIFIES',
+    'MODULE',
+    'MONTH',
+    'MONTHS',
+    'MULTISET',
+    'NAN',
+    'NATIONAL',
+    'NATURAL',
+    'NCHAR',
+    'NCLOB',
+    'NEW',
+    'NEW_TABLE',
+    'NEXTVAL',
+    'NO',
+    'NOCACHE',
+    'NOCYCLE',
+    'NODENAME',
+    'NODENUMBER',
+    'NOMAXVALUE',
+    'NOMINVALUE',
+    'NONE',
+    'NOORDER',
+    'NORMALIZE',
+    'NORMALIZED',
+    'NOT',
+    'NULL',
+    'NULLIF',
+    'NULLS',
+    'NUMERIC',
+    'NUMPARTS',
+    'OBID',
+    'OCTET_LENGTH',
+    'OF',
+    'OFFSET',
+    'OLD',
+    'OLD_TABLE',
+    'ON',
+    'ONLY',
+    'OPEN',
+    'OPTIMIZATION',
+    'OPTIMIZE',
+    'OPTION',
+    'ORDER',
+    'OUT',
+    'OUTER',
+    'OVER',
+    'OVERLAPS',
+    'OVERLAY',
+    'OVERRIDING',
+    'PACKAGE',
+    'PADDED',
+    'PAGESIZE',
+    'PARAMETER',
+    'PART',
+    'PARTITION',
+    'PARTITIONED',
+    'PARTITIONING',
+    'PARTITIONS',
+    'PASSWORD',
+    'PATH',
+    'PERCENTILE_CONT',
+    'PERCENTILE_DISC',
+    'PERCENT_RANK',
+    'PIECESIZE',
+    'PLAN',
+    'POSITION',
+    'POWER',
+    'PRECISION',
+    'PREPARE',
+    'PREVVAL',
+    'PRIMARY',
+    'PRIQTY',
+    'PRIVILEGES',
+    'PROCEDURE',
+    'PROGRAM',
+    'PSID',
+    'PUBLIC',
+    'QUERY',
+    'QUERYNO',
+    'RANGE',
+    'RANK',
+    'READ',
+    'READS',
+    'REAL',
+    'RECOVERY',
+    'RECURSIVE',
+    'REF',
+    'REFERENCES',
+    'REFERENCING',
+    'REFRESH',
+    'REGR_AVGX',
+    'REGR_AVGY',
+    'REGR_COUNT',
+    'REGR_INTERCEPT',
+    'REGR_R2',
+    'REGR_SLOPE',
+    'REGR_SXX',
+    'REGR_SXY',
+    'REGR_SYY',
+    'RELEASE',
+    'RENAME',
+    'REPEAT',
+    'RESET',
+    'RESIGNAL',
+    'RESTART',
+    'RESTRICT',
+    'RESULT',
+    'RESULT_SET_LOCATOR',
+    'RETURN',
+    'RETURNS',
+    'REVOKE',
+    'RIGHT',
+    'ROLE',
+    'ROLLBACK',
+    'ROLLUP',
+    'ROUND_CEILING',
+    'ROUND_DOWN',
+    'ROUND_FLOOR',
+    'ROUND_HALF_DOWN',
+    'ROUND_HALF_EVEN',
+    'ROUND_HALF_UP',
+    'ROUND_UP',
+    'ROUTINE',
+    'ROW',
+    'ROWNUMBER',
+    'ROWS',
+    'ROWSET',
+    'ROW_NUMBER',
+    'RRN',
+    'RUN',
+    'SAVEPOINT',
+    'SCHEMA',
+    'SCOPE',
+    'SCRATCHPAD',
+    'SCROLL',
+    'SEARCH',
+    'SECOND',
+    'SECONDS',
+    'SECQTY',
+    'SECURITY',
+    'SENSITIVE',
+    'SEQUENCE',
+    'SESSION',
+    'SESSION_USER',
+    'SIGNAL',
+    'SIMILAR',
+    'SIMPLE',
+    'SMALLINT',
+    'SNAN',
+    'SOME',
+    'SOURCE',
+    'SPECIFIC',
+    'SPECIFICTYPE',
+    'SQL',
+    'SQLEXCEPTION',
+    'SQLID',
+    'SQLSTATE',
+    'SQLWARNING',
+    'SQRT',
+    'STACKED',
+    'STANDARD',
+    'START',
+    'STARTING',
+    'STATEMENT',
+    'STATIC',
+    'STATMENT',
+    'STAY',
+    'STDDEV_POP',
+    'STDDEV_SAMP',
+    'STOGROUP',
+    'STORES',
+    'STYLE',
+    'SUBMULTISET',
+    'SUBSTRING',
+    'SUM',
+    'SUMMARY',
+    'SYMMETRIC',
+    'SYNONYM',
+    'SYSFUN',
+    'SYSIBM',
+    'SYSPROC',
+    'SYSTEM',
+    'SYSTEM_USER',
+    'TABLE',
+    'TABLESAMPLE',
+    'TABLESPACE',
+    'THEN',
+    'TIME',
+    'TIMESTAMP',
+    'TIMEZONE_HOUR',
+    'TIMEZONE_MINUTE',
+    'TO',
+    'TRAILING',
+    'TRANSACTION',
+    'TRANSLATE',
+    'TRANSLATION',
+    'TREAT',
+    'TRIGGER',
+    'TRIM',
+    'TRUE',
+    'TRUNCATE',
+    'TYPE',
+    'UESCAPE',
+    'UNDO',
+    'UNIQUE',
+    'UNKNOWN',
+    'UNNEST',
+    'UNTIL',
+    'UPPER',
+    'USAGE',
+    'USER',
+    'USING',
+    'VALIDPROC',
+    'VALUE',
+    'VARCHAR',
+    'VARIABLE',
+    'VARIANT',
+    'VARYING',
+    'VAR_POP',
+    'VAR_SAMP',
+    'VCAT',
+    'VERSION',
+    'VIEW',
+    'VOLATILE',
+    'VOLUMES',
+    'WHEN',
+    'WHENEVER',
+    'WHILE',
+    'WIDTH_BUCKET',
+    'WINDOW',
+    'WITH',
+    'WITHIN',
+    'WITHOUT',
+    'WLM',
+    'WRITE',
+    'XMLELEMENT',
+    'XMLEXISTS',
+    'XMLNAMESPACES',
+    'YEAR',
+    'YEARS',
+];
+
+const reservedToplevelWords = [
+    'ADD',
+    'AFTER',
+    'ALTER COLUMN',
+    'ALTER TABLE',
+    'DELETE FROM',
+    'EXCEPT',
+    'FETCH FIRST',
+    'FROM',
+    'GROUP BY',
+    'GO',
+    'HAVING',
+    'INSERT INTO',
+    'INTERSECT',
+    'LIMIT',
+    'ORDER BY',
+    'SELECT',
+    'SET CURRENT SCHEMA',
+    'SET SCHEMA',
+    'SET',
+    'UNION ALL',
+    'UPDATE',
+    'VALUES',
+    'WHERE',
+];
+
+const reservedNewlineWords = [
+    'AND',
+    'CROSS JOIN',
+    'INNER JOIN',
+    'JOIN',
+    'LEFT JOIN',
+    'LEFT OUTER JOIN',
+    'OR',
+    'OUTER JOIN',
+    'RIGHT JOIN',
+    'RIGHT OUTER JOIN',
+];
+
+let tokenizer: Tokenizer;
+
+/**
+ *
+ */
+export default class Db2Formatter {
+    /**
+     * @param {Object} cfg Different set of configurations
+     */
+    constructor(cfg: any) {
+        this.cfg = cfg;
+    }
+
+    /**
+     * Formats DB2 query to make it easier to read
+     *
+     * @param {String} query The DB2 query string
+     * @return {String} formatted string
+     */
+    format(query: any) {
+        if (!tokenizer) {
+            tokenizer = new Tokenizer({
+                reservedWords,
+                reservedToplevelWords,
+                reservedNewlineWords,
+                stringTypes: [`""`, "''", '``', '[]'],
+                openParens: ['('],
+                closeParens: [')'],
+                indexedPlaceholderTypes: ['?'],
+                namedPlaceholderTypes: [':'],
+                lineCommentTypes: ['--'],
+                specialWordChars: ['#', '@'],
+            });
+        }
+        return new Formatter(this.cfg, tokenizer).format(query);
+    }
+}
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/languages/N1qlFormatter.ts b/linkis-web-next/src/components/editor/sqlFormatter/languages/N1qlFormatter.ts
new file mode 100644
index 0000000000..4b926779b8
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/languages/N1qlFormatter.ts
@@ -0,0 +1,276 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import Formatter from '../core/Formatter';
+import Tokenizer from '../core/Tokenizer';
+
+const reservedWords = [
+    'ALL',
+    'ALTER',
+    'ANALYZE',
+    'AND',
+    'ANY',
+    'ARRAY',
+    'AS',
+    'ASC',
+    'BEGIN',
+    'BETWEEN',
+    'BINARY',
+    'BOOLEAN',
+    'BREAK',
+    'BUCKET',
+    'BUILD',
+    'BY',
+    'CALL',
+    'CASE',
+    'CAST',
+    'CLUSTER',
+    'COLLATE',
+    'COLLECTION',
+    'COMMIT',
+    'CONNECT',
+    'CONTINUE',
+    'CORRELATE',
+    'COVER',
+    'CREATE',
+    'DATABASE',
+    'DATASET',
+    'DATASTORE',
+    'DECLARE',
+    'DECREMENT',
+    'DELETE',
+    'DERIVED',
+    'DESC',
+    'DESCRIBE',
+    'DISTINCT',
+    'DO',
+    'DROP',
+    'EACH',
+    'ELEMENT',
+    'ELSE',
+    'END',
+    'EVERY',
+    'EXCEPT',
+    'EXCLUDE',
+    'EXECUTE',
+    'EXISTS',
+    'EXPLAIN',
+    'FALSE',
+    'FETCH',
+    'FIRST',
+    'FLATTEN',
+    'FOR',
+    'FORCE',
+    'FROM',
+    'FUNCTION',
+    'GRANT',
+    'GROUP',
+    'GSI',
+    'HAVING',
+    'IF',
+    'IGNORE',
+    'ILIKE',
+    'IN',
+    'INCLUDE',
+    'INCREMENT',
+    'INDEX',
+    'INFER',
+    'INLINE',
+    'INNER',
+    'INSERT',
+    'INTERSECT',
+    'INTO',
+    'IS',
+    'JOIN',
+    'KEY',
+    'KEYS',
+    'KEYSPACE',
+    'KNOWN',
+    'LAST',
+    'LEFT',
+    'LET',
+    'LETTING',
+    'LIKE',
+    'LIMIT',
+    'LSM',
+    'MAP',
+    'MAPPING',
+    'MATCHED',
+    'MATERIALIZED',
+    'MERGE',
+    'MINUS',
+    'MISSING',
+    'NAMESPACE',
+    'NEST',
+    'NOT',
+    'NULL',
+    'NUMBER',
+    'OBJECT',
+    'OFFSET',
+    'ON',
+    'OPTION',
+    'OR',
+    'ORDER',
+    'OUTER',
+    'OVER',
+    'PARSE',
+    'PARTITION',
+    'PASSWORD',
+    'PATH',
+    'POOL',
+    'PREPARE',
+    'PRIMARY',
+    'PRIVATE',
+    'PRIVILEGE',
+    'PROCEDURE',
+    'PUBLIC',
+    'RAW',
+    'REALM',
+    'REDUCE',
+    'RENAME',
+    'RETURN',
+    'RETURNING',
+    'REVOKE',
+    'RIGHT',
+    'ROLE',
+    'ROLLBACK',
+    'SATISFIES',
+    'SCHEMA',
+    'SELECT',
+    'SELF',
+    'SEMI',
+    'SET',
+    'SHOW',
+    'SOME',
+    'START',
+    'STATISTICS',
+    'STRING',
+    'SYSTEM',
+    'THEN',
+    'TO',
+    'TRANSACTION',
+    'TRIGGER',
+    'TRUE',
+    'TRUNCATE',
+    'UNDER',
+    'UNION',
+    'UNIQUE',
+    'UNKNOWN',
+    'UNNEST',
+    'UNSET',
+    'UPDATE',
+    'UPSERT',
+    'USE',
+    'USER',
+    'USING',
+    'VALIDATE',
+    'VALUE',
+    'VALUED',
+    'VALUES',
+    'VIA',
+    'VIEW',
+    'WHEN',
+    'WHERE',
+    'WHILE',
+    'WITH',
+    'WITHIN',
+    'WORK',
+    'XOR',
+];
+
+const reservedToplevelWords = [
+    'DELETE FROM',
+    'EXCEPT ALL',
+    'EXCEPT',
+    'EXPLAIN DELETE FROM',
+    'EXPLAIN UPDATE',
+    'EXPLAIN UPSERT',
+    'FROM',
+    'GROUP BY',
+    'HAVING',
+    'INFER',
+    'INSERT INTO',
+    'INTERSECT ALL',
+    'INTERSECT',
+    'LET',
+    'LIMIT',
+    'MERGE',
+    'NEST',
+    'ORDER BY',
+    'PREPARE',
+    'SELECT',
+    'SET CURRENT SCHEMA',
+    'SET SCHEMA',
+    'SET',
+    'UNION ALL',
+    'UNION',
+    'UNNEST',
+    'UPDATE',
+    'UPSERT',
+    'USE KEYS',
+    'VALUES',
+    'WHERE',
+];
+
+const reservedNewlineWords = [
+    'AND',
+    'INNER JOIN',
+    'JOIN',
+    'LEFT JOIN',
+    'LEFT OUTER JOIN',
+    'OR',
+    'OUTER JOIN',
+    'RIGHT JOIN',
+    'RIGHT OUTER JOIN',
+    'XOR',
+];
+
+let tokenizer;
+
+/**
+ *
+ */
+export default class N1qlFormatter {
+    /**
+     * @param {Object} cfg Different set of configurations
+     */
+    constructor(cfg) {
+        this.cfg = cfg;
+    }
+
+    /**
+     * Format the whitespace in a N1QL string to make it easier to read
+     *
+     * @param {String} query The N1QL string
+     * @return {String} formatted string
+     */
+    format(query) {
+        if (!tokenizer) {
+            tokenizer = new Tokenizer({
+                reservedWords,
+                reservedToplevelWords,
+                reservedNewlineWords,
+                stringTypes: [`""`, "''", '``'],
+                openParens: ['(', '[', '{'],
+                closeParens: [')', ']', '}'],
+                namedPlaceholderTypes: ['$'],
+                lineCommentTypes: ['#', '--'],
+            });
+        }
+        return new Formatter(this.cfg, tokenizer).format(query);
+    }
+}
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/languages/PlSqlFormatter.ts b/linkis-web-next/src/components/editor/sqlFormatter/languages/PlSqlFormatter.ts
new file mode 100644
index 0000000000..5f44d6c698
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/languages/PlSqlFormatter.ts
@@ -0,0 +1,463 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import Formatter from '../core/Formatter';
+import Tokenizer from '../core/Tokenizer';
+
+const reservedWords = [
+    'A',
+    'ACCESSIBLE',
+    'AGENT',
+    'AGGREGATE',
+    'ALL',
+    'ALTER',
+    'ANY',
+    'ARRAY',
+    'AS',
+    'ASC',
+    'AT',
+    'ATTRIBUTE',
+    'AUTHID',
+    'AVG',
+    'BETWEEN',
+    'BFILE_BASE',
+    'BINARY_INTEGER',
+    'BINARY',
+    'BLOB_BASE',
+    'BLOCK',
+    'BODY',
+    'BOOLEAN',
+    'BOTH',
+    'BOUND',
+    'BULK',
+    'BY',
+    'BYTE',
+    'C',
+    'CALL',
+    'CALLING',
+    'CASCADE',
+    'CASE',
+    'CHAR_BASE',
+    'CHAR',
+    'CHARACTER',
+    'CHARSET',
+    'CHARSETFORM',
+    'CHARSETID',
+    'CHECK',
+    'CLOB_BASE',
+    'CLONE',
+    'CLOSE',
+    'CLUSTER',
+    'CLUSTERS',
+    'COALESCE',
+    'COLAUTH',
+    'COLLECT',
+    'COLUMNS',
+    'COMMENT',
+    'COMMIT',
+    'COMMITTED',
+    'COMPILED',
+    'COMPRESS',
+    'CONNECT',
+    'CONSTANT',
+    'CONSTRUCTOR',
+    'CONTEXT',
+    'CONTINUE',
+    'CONVERT',
+    'COUNT',
+    'CRASH',
+    'CREATE',
+    'CREDENTIAL',
+    'CURRENT',
+    'CURRVAL',
+    'CURSOR',
+    'CUSTOMDATUM',
+    'DANGLING',
+    'DATA',
+    'DATE_BASE',
+    'DATE',
+    'DAY',
+    'DECIMAL',
+    'DEFAULT',
+    'DEFINE',
+    'DELETE',
+    'DESC',
+    'DETERMINISTIC',
+    'DIRECTORY',
+    'DISTINCT',
+    'DO',
+    'DOUBLE',
+    'DROP',
+    'DURATION',
+    'ELEMENT',
+    'ELSIF',
+    'EMPTY',
+    'ESCAPE',
+    'EXCEPTIONS',
+    'EXCLUSIVE',
+    'EXECUTE',
+    'EXISTS',
+    'EXIT',
+    'EXTENDS',
+    'EXTERNAL',
+    'EXTRACT',
+    'FALSE',
+    'FETCH',
+    'FINAL',
+    'FIRST',
+    'FIXED',
+    'FLOAT',
+    'FOR',
+    'FORALL',
+    'FORCE',
+    'FROM',
+    'FUNCTION',
+    'GENERAL',
+    'GOTO',
+    'GRANT',
+    'GROUP',
+    'HASH',
+    'HEAP',
+    'HIDDEN',
+    'HOUR',
+    'IDENTIFIED',
+    'IF',
+    'IMMEDIATE',
+    'IN',
+    'INCLUDING',
+    'INDEX',
+    'INDEXES',
+    'INDICATOR',
+    'INDICES',
+    'INFINITE',
+    'INSTANTIABLE',
+    'INT',
+    'INTEGER',
+    'INTERFACE',
+    'INTERVAL',
+    'INTO',
+    'INVALIDATE',
+    'IS',
+    'ISOLATION',
+    'JAVA',
+    'LANGUAGE',
+    'LARGE',
+    'LEADING',
+    'LENGTH',
+    'LEVEL',
+    'LIBRARY',
+    'LIKE',
+    'LIKE2',
+    'LIKE4',
+    'LIKEC',
+    'LIMITED',
+    'LOCAL',
+    'LOCK',
+    'LONG',
+    'MAP',
+    'MAX',
+    'MAXLEN',
+    'MEMBER',
+    'MERGE',
+    'MIN',
+    'MINUS',
+    'MINUTE',
+    'MLSLABEL',
+    'MOD',
+    'MODE',
+    'MONTH',
+    'MULTISET',
+    'NAME',
+    'NAN',
+    'NATIONAL',
+    'NATIVE',
+    'NATURAL',
+    'NATURALN',
+    'NCHAR',
+    'NEW',
+    'NEXTVAL',
+    'NOCOMPRESS',
+    'NOCOPY',
+    'NOT',
+    'NOWAIT',
+    'NULL',
+    'NULLIF',
+    'NUMBER_BASE',
+    'NUMBER',
+    'OBJECT',
+    'OCICOLL',
+    'OCIDATE',
+    'OCIDATETIME',
+    'OCIDURATION',
+    'OCIINTERVAL',
+    'OCILOBLOCATOR',
+    'OCINUMBER',
+    'OCIRAW',
+    'OCIREF',
+    'OCIREFCURSOR',
+    'OCIROWID',
+    'OCISTRING',
+    'OCITYPE',
+    'OF',
+    'OLD',
+    'ON',
+    'ONLY',
+    'OPAQUE',
+    'OPEN',
+    'OPERATOR',
+    'OPTION',
+    'ORACLE',
+    'ORADATA',
+    'ORDER',
+    'ORGANIZATION',
+    'ORLANY',
+    'ORLVARY',
+    'OTHERS',
+    'OUT',
+    'OVERLAPS',
+    'OVERRIDING',
+    'PACKAGE',
+    'PARALLEL_ENABLE',
+    'PARAMETER',
+    'PARAMETERS',
+    'PARENT',
+    'PARTITION',
+    'PASCAL',
+    'PCTFREE',
+    'PIPE',
+    'PIPELINED',
+    'PLS_INTEGER',
+    'PLUGGABLE',
+    'POSITIVE',
+    'POSITIVEN',
+    'PRAGMA',
+    'PRECISION',
+    'PRIOR',
+    'PRIVATE',
+    'PROCEDURE',
+    'PUBLIC',
+    'RAISE',
+    'RANGE',
+    'RAW',
+    'READ',
+    'REAL',
+    'RECORD',
+    'REF',
+    'REFERENCE',
+    'RELEASE',
+    'RELIES_ON',
+    'REM',
+    'REMAINDER',
+    'RENAME',
+    'RESOURCE',
+    'RESULT_CACHE',
+    'RESULT',
+    'RETURN',
+    'RETURNING',
+    'REVERSE',
+    'REVOKE',
+    'ROLLBACK',
+    'ROW',
+    'ROWID',
+    'ROWNUM',
+    'ROWTYPE',
+    'SAMPLE',
+    'SAVE',
+    'SAVEPOINT',
+    'SB1',
+    'SB2',
+    'SB4',
+    'SECOND',
+    'SEGMENT',
+    'SELF',
+    'SEPARATE',
+    'SEQUENCE',
+    'SERIALIZABLE',
+    'SHARE',
+    'SHORT',
+    'SIZE_T',
+    'SIZE',
+    'SMALLINT',
+    'SOME',
+    'SPACE',
+    'SPARSE',
+    'SQL',
+    'SQLCODE',
+    'SQLDATA',
+    'SQLERRM',
+    'SQLNAME',
+    'SQLSTATE',
+    'STANDARD',
+    'START',
+    'STATIC',
+    'STDDEV',
+    'STORED',
+    'STRING',
+    'STRUCT',
+    'STYLE',
+    'SUBMULTISET',
+    'SUBPARTITION',
+    'SUBSTITUTABLE',
+    'SUBTYPE',
+    'SUCCESSFUL',
+    'SUM',
+    'SYNONYM',
+    'SYSDATE',
+    'TABAUTH',
+    'TABLE',
+    'TDO',
+    'THE',
+    'THEN',
+    'TIME',
+    'TIMESTAMP',
+    'TIMEZONE_ABBR',
+    'TIMEZONE_HOUR',
+    'TIMEZONE_MINUTE',
+    'TIMEZONE_REGION',
+    'TO',
+    'TRAILING',
+    'TRANSACTION',
+    'TRANSACTIONAL',
+    'TRIGGER',
+    'TRUE',
+    'TRUSTED',
+    'TYPE',
+    'UB1',
+    'UB2',
+    'UB4',
+    'UID',
+    'UNDER',
+    'UNIQUE',
+    'UNPLUG',
+    'UNSIGNED',
+    'UNTRUSTED',
+    'USE',
+    'USER',
+    'USING',
+    'VALIDATE',
+    'VALIST',
+    'VALUE',
+    'VARCHAR',
+    'VARCHAR2',
+    'VARIABLE',
+    'VARIANCE',
+    'VARRAY',
+    'VARYING',
+    'VIEW',
+    'VIEWS',
+    'VOID',
+    'WHENEVER',
+    'WHILE',
+    'WITH',
+    'WORK',
+    'WRAPPED',
+    'WRITE',
+    'YEAR',
+    'ZONE',
+];
+
+const reservedToplevelWords = [
+    'ADD',
+    'ALTER COLUMN',
+    'ALTER TABLE',
+    'BEGIN',
+    'CONNECT BY',
+    'DECLARE',
+    'DELETE FROM',
+    'DELETE',
+    'END',
+    'EXCEPT',
+    'EXCEPTION',
+    'FETCH FIRST',
+    'FROM',
+    'GROUP BY',
+    'HAVING',
+    'INSERT INTO',
+    'INSERT',
+    'INTERSECT',
+    'LIMIT',
+    'LOOP',
+    'MODIFY',
+    'ORDER BY',
+    'SELECT',
+    'SET CURRENT SCHEMA',
+    'SET SCHEMA',
+    'SET',
+    'START WITH',
+    'UNION ALL',
+    'UNION',
+    'UPDATE',
+    'VALUES',
+    'WHERE',
+];
+
+const reservedNewlineWords = [
+    'AND',
+    'CROSS APPLY',
+    'CROSS JOIN',
+    'ELSE',
+    'END',
+    'INNER JOIN',
+    'JOIN',
+    'LEFT JOIN',
+    'LEFT OUTER JOIN',
+    'OR',
+    'OUTER APPLY',
+    'OUTER JOIN',
+    'RIGHT JOIN',
+    'RIGHT OUTER JOIN',
+    'WHEN',
+    'XOR',
+];
+
+let tokenizer;
+
+/**
+ *
+ */
+export default class PlSqlFormatter {
+    /**
+     * @param {Object} cfg Different set of configurations
+     */
+    constructor(cfg) {
+        this.cfg = cfg;
+    }
+
+    /**
+     * Format the whitespace in a PL/SQL string to make it easier to read
+     *
+     * @param {String} query The PL/SQL string
+     * @return {String} formatted string
+     */
+    format(query) {
+        if (!tokenizer) {
+            tokenizer = new Tokenizer({
+                reservedWords,
+                reservedToplevelWords,
+                reservedNewlineWords,
+                stringTypes: [`""`, "N''", "''", '``'],
+                openParens: ['(', 'CASE'],
+                closeParens: [')', 'END'],
+                indexedPlaceholderTypes: ['?'],
+                namedPlaceholderTypes: [':'],
+                lineCommentTypes: ['--'],
+                specialWordChars: ['_', '$', '#', '.', '@'],
+            });
+        }
+        return new Formatter(this.cfg, tokenizer).format(query);
+    }
+}
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/languages/StandardSqlFormatter.ts b/linkis-web-next/src/components/editor/sqlFormatter/languages/StandardSqlFormatter.ts
new file mode 100644
index 0000000000..2c8629da43
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/languages/StandardSqlFormatter.ts
@@ -0,0 +1,379 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import Formatter from '../core/Formatter';
+import Tokenizer from '../core/Tokenizer';
+
+const reservedWords = [
+    'ACCESSIBLE',
+    'ACTION',
+    'AGAINST',
+    'AGGREGATE',
+    'ALGORITHM',
+    'ALL',
+    'ALTER',
+    'ANALYSE',
+    'ANALYZE',
+    'AS',
+    'ASC',
+    'AUTOCOMMIT',
+    'AUTO_INCREMENT',
+    'BACKUP',
+    'BEGIN',
+    'BETWEEN',
+    'BINLOG',
+    'BOTH',
+    'CASCADE',
+    'CASE',
+    'CHANGE',
+    'CHANGED',
+    'CHARACTER SET',
+    'CHARSET',
+    'CHECK',
+    'CHECKSUM',
+    'COLLATE',
+    'COLLATION',
+    'COLUMN',
+    'COLUMNS',
+    'COMMENT',
+    'COMMIT',
+    'COMMITTED',
+    'COMPRESSED',
+    'CONCURRENT',
+    'CONSTRAINT',
+    'CONTAINS',
+    'CONVERT',
+    'CREATE',
+    'CROSS',
+    'CURRENT_TIMESTAMP',
+    'DATABASE',
+    'DATABASES',
+    'DAY',
+    'DAY_HOUR',
+    'DAY_MINUTE',
+    'DAY_SECOND',
+    'DEFAULT',
+    'DEFINER',
+    'DELAYED',
+    'DELETE',
+    'DESC',
+    'DESCRIBE',
+    'DETERMINISTIC',
+    'DISTINCT',
+    'DISTINCTROW',
+    'DIV',
+    'DO',
+    'DROP',
+    'DUMPFILE',
+    'DUPLICATE',
+    'DYNAMIC',
+    'ELSE',
+    'ENCLOSED',
+    'END',
+    'ENGINE',
+    'ENGINES',
+    'ENGINE_TYPE',
+    'ESCAPE',
+    'ESCAPED',
+    'EVENTS',
+    'EXEC',
+    'EXECUTE',
+    'EXISTS',
+    'EXPLAIN',
+    'EXTENDED',
+    'FAST',
+    'FETCH',
+    'FIELDS',
+    'FILE',
+    'FIRST',
+    'FIXED',
+    'FLUSH',
+    'FOR',
+    'FORCE',
+    'FOREIGN',
+    'FULL',
+    'FULLTEXT',
+    'FUNCTION',
+    'GLOBAL',
+    'GRANT',
+    'GRANTS',
+    'GROUP_CONCAT',
+    'HEAP',
+    'HIGH_PRIORITY',
+    'HOSTS',
+    'HOUR',
+    'HOUR_MINUTE',
+    'HOUR_SECOND',
+    'IDENTIFIED',
+    'IF',
+    'IFNULL',
+    'IGNORE',
+    'IN',
+    'INDEX',
+    'INDEXES',
+    'INFILE',
+    'INSERT',
+    'INSERT_ID',
+    'INSERT_METHOD',
+    'INTERVAL',
+    'INTO',
+    'INVOKER',
+    'IS',
+    'ISOLATION',
+    'KEY',
+    'KEYS',
+    'KILL',
+    'LAST_INSERT_ID',
+    'LEADING',
+    'LEVEL',
+    'LIKE',
+    'LINEAR',
+    'LINES',
+    'LOAD',
+    'LOCAL',
+    'LOCK',
+    'LOCKS',
+    'LOGS',
+    'LOW_PRIORITY',
+    'MARIA',
+    'MASTER',
+    'MASTER_CONNECT_RETRY',
+    'MASTER_HOST',
+    'MASTER_LOG_FILE',
+    'MATCH',
+    'MAX_CONNECTIONS_PER_HOUR',
+    'MAX_QUERIES_PER_HOUR',
+    'MAX_ROWS',
+    'MAX_UPDATES_PER_HOUR',
+    'MAX_USER_CONNECTIONS',
+    'MEDIUM',
+    'MERGE',
+    'MINUTE',
+    'MINUTE_SECOND',
+    'MIN_ROWS',
+    'MODE',
+    'MODIFY',
+    'MONTH',
+    'MRG_MYISAM',
+    'MYISAM',
+    'NAMES',
+    'NATURAL',
+    'NOT',
+    'NOW()',
+    'NULL',
+    'OFFSET',
+    'ON DELETE',
+    'ON UPDATE',
+    'ON',
+    'ONLY',
+    'OPEN',
+    'OPTIMIZE',
+    'OPTION',
+    'OPTIONALLY',
+    'OUTFILE',
+    'PACK_KEYS',
+    'PAGE',
+    'PARTIAL',
+    'PARTITION',
+    'PARTITIONS',
+    'PASSWORD',
+    'PRIMARY',
+    'PRIVILEGES',
+    'PROCEDURE',
+    'PROCESS',
+    'PROCESSLIST',
+    'PURGE',
+    'QUICK',
+    'RAID0',
+    'RAID_CHUNKS',
+    'RAID_CHUNKSIZE',
+    'RAID_TYPE',
+    'RANGE',
+    'READ',
+    'READ_ONLY',
+    'READ_WRITE',
+    'REFERENCES',
+    'REGEXP',
+    'RELOAD',
+    'RENAME',
+    'REPAIR',
+    'REPEATABLE',
+    'REPLACE',
+    'REPLICATION',
+    'RESET',
+    'RESTORE',
+    'RESTRICT',
+    'RETURN',
+    'RETURNS',
+    'REVOKE',
+    'RLIKE',
+    'ROLLBACK',
+    'ROW',
+    'ROWS',
+    'ROW_FORMAT',
+    'SECOND',
+    'SECURITY',
+    'SEPARATOR',
+    'SERIALIZABLE',
+    'SESSION',
+    'SHARE',
+    'SHOW',
+    'SHUTDOWN',
+    'SLAVE',
+    'SONAME',
+    'SOUNDS',
+    'SQL',
+    'SQL_AUTO_IS_NULL',
+    'SQL_BIG_RESULT',
+    'SQL_BIG_SELECTS',
+    'SQL_BIG_TABLES',
+    'SQL_BUFFER_RESULT',
+    'SQL_CACHE',
+    'SQL_CALC_FOUND_ROWS',
+    'SQL_LOG_BIN',
+    'SQL_LOG_OFF',
+    'SQL_LOG_UPDATE',
+    'SQL_LOW_PRIORITY_UPDATES',
+    'SQL_MAX_JOIN_SIZE',
+    'SQL_NO_CACHE',
+    'SQL_QUOTE_SHOW_CREATE',
+    'SQL_SAFE_UPDATES',
+    'SQL_SELECT_LIMIT',
+    'SQL_SLAVE_SKIP_COUNTER',
+    'SQL_SMALL_RESULT',
+    'SQL_WARNINGS',
+    'START',
+    'STARTING',
+    'STATUS',
+    'STOP',
+    'STORAGE',
+    'STRAIGHT_JOIN',
+    'STRING',
+    'STRIPED',
+    'SUPER',
+    'TABLE',
+    'TABLES',
+    'TEMPORARY',
+    'TERMINATED',
+    'THEN',
+    'TO',
+    'TRAILING',
+    'TRANSACTIONAL',
+    'TRUE',
+    'TRUNCATE',
+    'TYPE',
+    'TYPES',
+    'UNCOMMITTED',
+    'UNIQUE',
+    'UNLOCK',
+    'UNSIGNED',
+    'USAGE',
+    'USE',
+    'USING',
+    'VARIABLES',
+    'VIEW',
+    'WHEN',
+    'WITH',
+    'WORK',
+    'WRITE',
+    'YEAR_MONTH',
+];
+
+const reservedToplevelWords = [
+    'ADD',
+    'AFTER',
+    'ALTER COLUMN',
+    'ALTER TABLE',
+    'DELETE FROM',
+    'EXCEPT',
+    'FETCH FIRST',
+    'FROM',
+    'GROUP BY',
+    'GO',
+    'HAVING',
+    'INSERT INTO',
+    'INSERT',
+    'INTERSECT',
+    'LIMIT',
+    'MODIFY',
+    'ORDER BY',
+    'SELECT',
+    'SET CURRENT SCHEMA',
+    'SET SCHEMA',
+    'SET',
+    'UNION ALL',
+    'UNION',
+    'UPDATE',
+    'VALUES',
+    'WHERE',
+];
+
+const reservedNewlineWords = [
+    'AND',
+    'CROSS APPLY',
+    'CROSS JOIN',
+    'ELSE',
+    'INNER JOIN',
+    'JOIN',
+    'LEFT JOIN',
+    'LEFT OUTER JOIN',
+    'OR',
+    'OUTER APPLY',
+    'OUTER JOIN',
+    'RIGHT JOIN',
+    'RIGHT OUTER JOIN',
+    'WHEN',
+    'XOR',
+];
+
+let tokenizer;
+
+/**
+ *
+ */
+export default class StandardSqlFormatter {
+    /**
+     * @param {Object} cfg Different set of configurations
+     */
+    constructor(cfg) {
+        this.cfg = cfg;
+    }
+
+    /**
+     * Format the whitespace in a Standard SQL string to make it easier to read
+     *
+     * @param {String} query The Standard SQL string
+     * @return {String} formatted string
+     */
+    format(query) {
+        if (!tokenizer) {
+            tokenizer = new Tokenizer({
+                reservedWords,
+                reservedToplevelWords,
+                reservedNewlineWords,
+                stringTypes: [`""`, "N''", "''", '``', '[]'],
+                openParens: ['(', 'CASE'],
+                closeParens: [')', 'END'],
+                indexedPlaceholderTypes: ['?'],
+                namedPlaceholderTypes: ['@', ':'],
+                lineCommentTypes: ['#', '--'],
+                paramsPattern: /^(\$\{[^\}\r\n]+\})/,
+            });
+        }
+        return new Formatter(this.cfg, tokenizer).format(query);
+    }
+}
diff --git a/linkis-web-next/src/components/editor/sqlFormatter/sqlFormatter.ts b/linkis-web-next/src/components/editor/sqlFormatter/sqlFormatter.ts
new file mode 100644
index 0000000000..780b04badf
--- /dev/null
+++ b/linkis-web-next/src/components/editor/sqlFormatter/sqlFormatter.ts
@@ -0,0 +1,51 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import Db2Formatter from './languages/Db2Formatter';
+import N1qlFormatter from './languages/N1qlFormatter';
+import PlSqlFormatter from './languages/PlSqlFormatter';
+import StandardSqlFormatter from './languages/StandardSqlFormatter';
+
+export default {
+    /**
+     * Format whitespaces in a query to make it easier to read.
+     *
+     * @param {String} query
+     * @param {Object} cfg
+     *  @param {String} cfg.language Query language, default is Standard SQL
+     *  @param {String} cfg.indent Characters used for indentation, default is "  " (2 spaces)
+     *  @param {Object} cfg.params Collection of params for placeholder replacement
+     * @return {String}
+     */
+    format: (query, cfg) => {
+        cfg = cfg || {};
+
+        switch (cfg.language) {
+            case 'db2':
+                return new Db2Formatter(cfg).format(query);
+            case 'n1ql':
+                return new N1qlFormatter(cfg).format(query);
+            case 'pl/sql':
+                return new PlSqlFormatter(cfg).format(query);
+            case 'sql':
+            case undefined:
+                return new StandardSqlFormatter(cfg).format(query);
+            default:
+                throw Error(`Unsupported SQL dialect: ${cfg.language}`);
+        }
+    },
+};
diff --git a/linkis-web-next/src/components/editor/theme/defaultView.ts b/linkis-web-next/src/components/editor/theme/defaultView.ts
new file mode 100644
index 0000000000..9b858e3f7a
--- /dev/null
+++ b/linkis-web-next/src/components/editor/theme/defaultView.ts
@@ -0,0 +1,30 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+export default {
+    register(monaco: any) {
+        monaco.editor.defineTheme('defaultview', {
+            base: 'vs',
+            inherit: true,
+            rules: [{ background: '#FFFFFF' }],
+            colors: {
+                'editor.lineHighlightBackground': '#ffffff',
+                'editorGutter.background': '#f7f7f7',
+            },
+        });
+    },
+};
diff --git a/linkis-web-next/src/components/editor/theme/logView.ts b/linkis-web-next/src/components/editor/theme/logView.ts
new file mode 100644
index 0000000000..285e701d15
--- /dev/null
+++ b/linkis-web-next/src/components/editor/theme/logView.ts
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+export default {
+    register(monaco: typeof import('monaco-editor')) {
+        monaco.editor.defineTheme('logview', {
+            base: 'vs',
+            inherit: true,
+            rules: [
+                { token: 'log-info', foreground: '4b71ca' },
+                { token: 'log-error', foreground: 'ff0000', fontStyle: 'bold' },
+                { token: 'log-warn', foreground: 'FFA500' },
+                { token: 'log-date', foreground: '008800' },
+                { token: 'log-normal', foreground: '808080' },
+            ],
+            colors: {
+                'editor.lineHighlightBackground': '#ffffff',
+                'editorGutter.background': '#f7f7f7',
+            },
+        });
+    },
+};
diff --git a/linkis-web-next/src/components/editor/util.ts b/linkis-web-next/src/components/editor/util.ts
new file mode 100644
index 0000000000..d866e06871
--- /dev/null
+++ b/linkis-web-next/src/components/editor/util.ts
@@ -0,0 +1,215 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import { partition, map, filter, isFunction } from 'lodash';
+import globalcache from '@/common/scriptis/service/db/globalcache.js';
+import storage from '@/common/helper/storage';
+// import debug_log from '@/common/util/debug.js';
+
+/**
+ * Go to indexDb to get the hive list and udf function list(去indexDb中获取hive的列表和udf函数列表)
+ * @param {*} monaco
+ * @param {*} lang
+ */
+const getHiveList = async (monaco, lang) => {
+    const userInfoName = storage.get('baseInfo', 'local')
+        ? storage.get('baseInfo', 'local').username
+        : null;
+    let dbInfoProposals = [];
+    let tableInfoProposals = [];
+    let udfProposals = [];
+    let variableProposals = [];
+    if (userInfoName) {
+        const userName = userInfoName;
+        const globalCache = await globalcache.getCache(userName);
+        if (globalCache) {
+            [dbInfoProposals, tableInfoProposals] = partition(
+                map(globalCache.hiveList, (item) => ({
+                    caption: item.caption,
+                    label: item.value,
+                    kind: monaco.languages.CompletionItemKind.Unit,
+                    insertText: item.value,
+                    detail: item.meta,
+                    documentation: item.documentation,
+                })),
+                ['detail', 'dbname'],
+            );
+
+            udfProposals = getFormatProposalsList(
+                monaco,
+                globalCache.fnList,
+                lang,
+                'Function',
+                true,
+            );
+            variableProposals = getFormatProposalsList(
+                monaco,
+                globalCache.variableList,
+                lang,
+                'Variable',
+                true,
+            );
+        }
+    }
+    return {
+        dbInfoProposals,
+        tableInfoProposals,
+        udfProposals,
+        variableProposals,
+    };
+};
+
+/**
+ *
+ * @param {*} match matched text(匹配到的文本)
+ * @param {*} proposals list to filter(需要过滤的列表)
+ * @param {*} fieldString Field name in filter condition(过滤条件中的字段名)
+ * @param {*} attachMatch Additional filters(附加的过滤条件)
+ * @param {*} needSplit Whether to intercept insertText(是否需要对insertText进行截取)
+ * @return {*}
+ */
+const getReturnList = (
+    { match, proposals, fieldString, attachMatch, needSplit, position },
+    monaco,
+) => {
+    // debug_log(
+    //     'log',
+    //     'getReturnList:',
+    //     match,
+    //     proposals,
+    //     fieldString,
+    //     attachMatch,
+    //     needSplit,
+    // );
+    if (!match || isFunction(match)) {
+        return;
+    }
+    let replacedStr = '';
+    for (let i of match) {
+        const reg = /[~'!@#￥$%^&*()-+_=:]/g;
+        if (reg.test(i)) {
+            replacedStr += `\\${i}`;
+        } else {
+            replacedStr += i;
+        }
+    }
+    const regexp = new RegExp(`\w*${replacedStr}\w*`, 'i');
+    let items = [];
+    if (attachMatch && !needSplit) {
+        items = filter(
+            proposals,
+            (it) =>
+                it[fieldString].startsWith(attachMatch) &&
+                regexp.test(it[fieldString]),
+        );
+    } else if (attachMatch && needSplit) {
+        // Here is the processing of situations such as create table and drop table(这里是对例如create table和drop table的情况进行处理)
+        proposals.forEach((it) => {
+            if (
+                regexp.test(it[fieldString]) &&
+                it.label.indexOf(attachMatch[1]) === 0
+            ) {
+                const text = it.insertText;
+                items.push({
+                    label: it.label,
+                    documentation: it.documentation,
+                    insertText: text.slice(
+                        text.indexOf(' ') + 1,
+                        text.length - 1,
+                    ),
+                    detail: it.detail,
+                });
+            }
+        });
+    } else {
+        items = filter(proposals, (it) => regexp.test(it[fieldString]));
+    }
+    // debug_log('log', position);
+    if (position && monaco) {
+        items.forEach(
+            (it) =>
+                (it.range = new monaco.Range(
+                    position.lineNumber,
+                    position.column - match.length,
+                    position.lineNumber,
+                    position.column,
+                )),
+        );
+    }
+    // debug_log('log', 'suggestions', proposals.length, items, regexp);
+    return {
+        isIncomplete: true,
+        suggestions: items,
+    };
+};
+
+/**
+ * Format the obtained data into completionList format(对拿到的数据格式化成completionList格式)
+ * @param {*} monaco editor(编辑器)
+ * @param {*} list formatted list(格式化列表)
+ * @param {*} lang script type(脚本类型)
+ * @param {*} type Type (function or global variable)(类型（函数或者全局变量）)
+ * @param {*} isDiy 需要对输入进行定制化(需要对输入进行定制化)
+ * @return {*} formatted list(格式化后的列表)
+ */
+const getFormatProposalsList = (monaco, list, lang, type, isDiy, isSnippet) => {
+    let formatList = [];
+    if (!list) return formatList;
+    const kind = monaco.languages.CompletionItemKind[type];
+    list.forEach((item) => {
+        if (isDiy) {
+            if (type === 'Function') {
+                if (
+                    lang === 'hql' ||
+                    item.udfType === 1 ||
+                    item.udfType === 3
+                ) {
+                    formatList.push({
+                        label: item.udfName + '()',
+                        kind,
+                        insertText: item.udfName + '()',
+                        detail: item.udfType > 2 ? '方法函数' : 'UDF函数',
+                        documentation: item.description,
+                    });
+                }
+            } else if (type === 'Variable') {
+                formatList.push({
+                    label: item.key,
+                    kind,
+                    insertText: item.key,
+                    detail: '用户自定义的全局变量',
+                    documentation: `{"${item.key}":"${item.value}"}`,
+                });
+            }
+        } else {
+            formatList.push({
+                label: item.label.toLowerCase(),
+                insertText: item.insertText.toLowerCase(),
+                detail: item.detail,
+                insertTextRules: isSnippet
+                    ? monaco.languages.CompletionItemInsertTextRule
+                          .InsertAsSnippet
+                    : null,
+                documentation: item.documentation,
+                kind,
+            });
+        }
+    });
+    return formatList;
+};
+
+export { getHiveList, getReturnList, getFormatProposalsList };
diff --git a/linkis-web-next/src/components/editor/util2.ts b/linkis-web-next/src/components/editor/util2.ts
new file mode 100644
index 0000000000..7f7c407d96
--- /dev/null
+++ b/linkis-web-next/src/components/editor/util2.ts
@@ -0,0 +1,52 @@
+/* eslint-disable no-unused-expressions */
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js';
+
+export default function useMonaco(language = 'json') {
+    let monacoEditor: monaco.editor.IStandaloneCodeEditor | null = null;
+    let initReadOnly = false;
+    const updateVal = async (val: string) => {
+        monacoEditor?.setValue(val);
+        setTimeout(async () => {
+            initReadOnly && monacoEditor?.updateOptions({ readOnly: false });
+            await monacoEditor
+                ?.getAction?.('editor.action.formatDocument')
+                ?.run();
+            initReadOnly && monacoEditor?.updateOptions({ readOnly: true });
+        }, 100);
+    };
+
+    const createEditor = (
+        el: HTMLElement | null,
+        editorOption: monaco.editor.IStandaloneEditorConstructionOptions = {},
+    ) => {
+        if (monacoEditor) {
+            return;
+        }
+        initReadOnly = !!editorOption.readOnly;
+        monacoEditor =
+            el &&
+            monaco.editor.create(el, {
+                language,
+                minimap: { enabled: false },
+                theme: 'vs-light',
+                multiCursorModifier: 'ctrlCmd',
+                scrollbar: {
+                    verticalScrollbarSize: 8,
+                    horizontalScrollbarSize: 8,
+                },
+                tabSize: 2,
+                automaticLayout: true, // 自适应宽高
+                ...editorOption,
+            });
+        return monacoEditor;
+    };
+    const onFormatDoc = () => {
+        monacoEditor?.getAction?.('editor.action.formatDocument')?.run();
+    };
+    return {
+        updateVal,
+        getEditor: () => monacoEditor,
+        createEditor,
+        onFormatDoc,
+    };
+}
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue b/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
index 1c4b6a0ccc..f2f05c0bc4 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
@@ -6,6 +6,7 @@
         @ok="show = false"
         :closable="false"
         :resizable="true"
+        contentClass="drawer-content"
     >
         <template #title>
             <div class="drawer-title">
@@ -46,12 +47,17 @@
                 </div>
             </div>
         </template>
-        <template #default> 123 </template>
+        <template #default>
+            <div class="editor-wrapper">
+                <WeEditor ref="logEditor" type="log"></WeEditor>
+            </div>
+        </template>
     </FDrawer>
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue';
+import WeEditor from '@/components/editor/editorNext2.vue';
 
 enum TAB_PANE_VALUE {
     'TASK_LOG' = 1,
@@ -107,8 +113,7 @@ const content = ref<string>('');
 
 const open = (rawData: Record<string, string | number>) => {
     tableRawData.value = rawData;
-    // TODO:
-    content.value = '<div>123</div>';
+    // TODO: editor value
     show.value = true;
 };
 
@@ -121,27 +126,52 @@ defineExpose({
 });
 </script>
 
+<style>
+.drawer-content {
+    .fes-scrollbar-container {
+        padding: 0;
+    }
+    .fes-drawer-header {
+        padding: 0;
+    }
+    .fes-tabs-nav-wrapper {
+        padding-left: 20px;
+    }
+    .fes-tabs.fes-tabs-top.tabs {
+        background-color: #f7f7f8;
+        padding-left: 0px;
+    }
+    .margin-view-overlays {
+        background-color: #f7f7f8;
+    }
+}
+</style>
 <style scoped>
 :deep(.fes-tabs-tab-pane-wrapper) {
     display: none;
 }
 :deep(.fes-drawer-header) {
     border-bottom: none;
-    padding: 0;
     display: block;
+    :deep(.fes-tabs) {
+        background-color: #f7f7f8;
+    }
 }
+
 :deep(.tabs) {
     transform: translateX(-16px);
 }
+
 .drawer-title {
-    transform: translateX(-4px);
     width: 100%;
     position: relative;
+    background-color: #f7f7f8;
     .buttons {
         position: absolute;
+        right: 16px;
+        top: 5px;
         display: flex;
         gap: 12px;
-        right: 0;
         font-family: PingFangSC-Regular;
         font-size: 14px;
         color: #63656f;
@@ -160,16 +190,25 @@ defineExpose({
     }
     .title-text {
         height: 32px;
+        padding: 6px 20px;
         font-family: PingFangSC-Medium;
         font-size: 14px;
         color: #0f1222;
         font-weight: 500;
+        background-color: #fff;
     }
     .sub-tabs {
         display: flex;
+        outline: none;
+        box-shadow: none;
+        border: none;
+        background-color: #f7f7f8;
         .tabs {
             transform: translateX(-4px);
         }
+        :deep(.fes-tabs-tab-active) {
+            background-color: #fff;
+        }
         :deep(.fes-input-inner) {
             margin-left: 95px;
             height: 24px;
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/index.less b/linkis-web-next/src/pages/globalHistoryManagement/index.less
index 06a2474f6b..5966966b3c 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/index.less
+++ b/linkis-web-next/src/pages/globalHistoryManagement/index.less
@@ -1,8 +1,8 @@
-.label {
-  font-family: PingFangSC-Medium;
-  font-size: 14px;
-  color: #0f1222;
-  line-height: 22px;
-  font-weight: 600;
-  margin-bottom: 16px;
-}
\ No newline at end of file
+.label {
+    font-family: PingFangSC-Medium;
+    font-size: 14px;
+    color: #0f1222;
+    line-height: 22px;
+    font-weight: 600;
+    margin-bottom: 16px;
+}
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
index 8f64ce71c7..83dbf8cd27 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/table.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -3,55 +3,49 @@
         <Count></Count>
         <!-- <div @click="test">test</div> -->
         <Filter ref="filterRef" :checkedKeys="checkedKeys"></Filter>
-        <FSpace vertical>
-            <FScrollbar>
-                <f-table
-                :data="currentData"
-                class="table"
-                v-model:checkedKeys="checkedKeys"
-                :rowKey="
+        <f-table
+            :data="currentData"
+            class="table"
+            v-model:checkedKeys="checkedKeys"
+            :rowKey="
                     (row: Record<string, number|string>) => {
                         return row.taskId;
                     }
                 "
-            >
+        >
+            <f-table-column
+                v-if="filterRef?.isCheckingTaskToStop"
+                type="selection"
+                :width="32"
+                fixed="left"
+            ></f-table-column>
+            <template v-for="col in tableColumns" :key="col.label">
                 <f-table-column
-                    v-if="filterRef?.isCheckingTaskToStop"
-                    type="selection"
-                    :width="32"
-                    fixed="left"
-                ></f-table-column>
-                <template v-for="col in tableColumns" :key="col.label">
-                    <f-table-column
-                        v-if="col.formatter"
-                        :prop="col.prop"
-                        :label="col.label"
-                        :action="col.action"
-                        :formatter="col.formatter"
-                    >
-                    </f-table-column>
-                    <f-table-column
-                        v-else
-                        :prop="col.prop"
-                        :label="col.label"
-                        :action="col.action"
-                    >
-                    </f-table-column>
-                </template>
-            </f-table>
-            
-            </FScrollbar>
-        </FSpace>
+                    v-if="col.formatter"
+                    :prop="col.prop"
+                    :label="col.label"
+                    :action="col.action"
+                    :formatter="col.formatter"
+                >
+                </f-table-column>
+                <f-table-column
+                    v-else
+                    :prop="col.prop"
+                    :label="col.label"
+                    :action="col.action"
+                >
+                </f-table-column>
+            </template>
+        </f-table>
         <FPagination
-                class="pagination"
-                show-size-changer
-                :pageSizeOption="pageSizeOption"
-                :total-count="data.length"
-                @change="handleChange"
-                v-model:pageSize="pageSize"
-                v-model:currentPage="currentPage"
-            ></FPagination>
-            
+            class="pagination"
+            show-size-changer
+            :pageSizeOption="pageSizeOption"
+            :total-count="data.length"
+            @change="handleChange"
+            v-model:pageSize="pageSize"
+            v-model:currentPage="currentPage"
+        ></FPagination>
         <Drawer
             ref="drawerRef"
             :isShow="isShowDrawer"
@@ -73,6 +67,7 @@ const drawerRef = ref<Ref<{
     // eslint-disable-next-line no-unused-vars
     open: (rawData: Record<string, string | number>) => void;
         }> | null>(null);
+
 const isShowDrawer = ref(false);
 const checkedKeys = reactive<Array<string>>([]);
 const pageSizeOption = reactive([10, 20, 30, 50, 100]);
@@ -148,14 +143,16 @@ const tableColumns = [
     },
     {
         label: '关键信息',
-        action: [
-            {
-                label: '查看',
-                func: (row: any) => {
-                    console.log('[table.action] [action.编辑] row:', row);
-                },
-            },
-        ],
+        prop: 'query',
+        formatter: ({ row }: { row: Record<string, number | string> }) =>
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            h(TooltipText, {
+                text: row.query,
+                textStyle: { color: '#5384FF' },
+                tipTitle: '这是标题',
+                tipContent: '这是内容',
+            }),
     },
     {
         prop: 'application',
@@ -195,6 +192,7 @@ const data = reactive([
         status: '1',
         time: '1',
         query: '哈哈哈',
+        keyInfo: '1',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
@@ -232,7 +230,8 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-    },{
+    },
+    {
         taskId: '5',
         taskName: '任务',
         status: '1',
@@ -242,7 +241,8 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-    },{
+    },
+    {
         taskId: '6',
         taskName: '任务',
         status: '1',
@@ -252,7 +252,8 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-    },{
+    },
+    {
         taskId: '7',
         taskName: '任务',
         status: '1',
@@ -262,7 +263,8 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-    },{
+    },
+    {
         taskId: '8',
         taskName: '任务',
         status: '1',
@@ -272,7 +274,8 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-    },{
+    },
+    {
         taskId: '9',
         taskName: '任务',
         status: '1',
@@ -293,7 +296,8 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-    },{
+    },
+    {
         taskId: '11',
         taskName: '任务',
         status: '1',
@@ -308,32 +312,30 @@ const data = reactive([
 
 // 需要展示的数据
 const currentData = ref([]);
-
 const currentPage = ref(1);
 const pageSize = ref(10);
 
-// eslint-disable-next-line no-shadow
-const handleChange = (currenPage:number,pageSize:number) =>{
-    const temp = data.slice((currenPage - 1) * pageSize, currenPage * pageSize);
-   currentData.value = reactive([...temp]);
+const handleChange = (currenPage: number, size: number) => {
+    const temp = data.slice((currenPage - 1) * size, currenPage * size);
+    (currentData.value as typeof temp) = reactive([...temp]);
 };
 handleChange(currentPage.value, pageSize.value);
-
 </script>
 
 <style scoped src="./index.less"></style>
 <style scoped>
-
 .wrapper {
     position: relative;
     height: 100vh;
     overflow: auto;
-    
+
     .table {
-        right: 0;
-        top: 0;
-        /* height:
-        calc(100% - 32px); */
+        height: calc(100% - 350px);
+        overflow-y: auto;
+    }
+    :deep(.fes-btn) {
+        padding-left: 0;
+        transform: translateX(-8px);
     }
     .pagination {
         /* position: absolute;
@@ -343,5 +345,8 @@ handleChange(currentPage.value, pageSize.value);
         justify-content: flex-end;
         margin-top: 16px;
     }
+    .tooltip-text {
+        background-color: red;
+    }
 }
 </style>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue b/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue
index 193e818abf..ab69300090 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue
@@ -1,7 +1,7 @@
 <template>
     <FSpace class="wrapper">
         <FTooltip mode="popover">
-            <div>{{ props.text }}</div>
+            <div :style="props.textStyle">{{ props.text }}</div>
             <template #title>
                 <div class="title">
                     {{ props.tipTitle }}
@@ -11,6 +11,7 @@
                 <div style="max-width: 640px">
                     {{ props.tipContent }}
                 </div>
+                <slot name="default"></slot>
             </template>
         </FTooltip>
     </FSpace>
@@ -19,8 +20,9 @@
 <script setup lang="ts">
 const props = defineProps<{
     text: string;
-    tipTitle: string;
-    tipContent: string;
+    textStyle?: Record<string, number | string>;
+    tipTitle?: string;
+    tipContent?: string;
 }>();
 </script>
 
diff --git a/linkis-web-next/src/pages/parameterConfig/drawer.vue b/linkis-web-next/src/pages/parameterConfig/drawer.vue
index c497217422..17073590e6 100644
--- a/linkis-web-next/src/pages/parameterConfig/drawer.vue
+++ b/linkis-web-next/src/pages/parameterConfig/drawer.vue
@@ -4,6 +4,7 @@
         placement="right"
         width="960"
         @ok="show = false"
+        :footer="true"
     >
         <template #title>
             <div class="title">
@@ -11,12 +12,14 @@
                     <span
                         class="back-icon"
                         @click="isAddingApplicationAndEngine = false"
-                        >&lt;</span
                     >
+                        &lt;
+                    </span>
                 </template>
                 应用及引擎管理
             </div>
         </template>
+
         <template v-if="!isAddingApplicationAndEngine">
             <FButton
                 type="primary"
@@ -121,11 +124,25 @@
                                     </FFormItem>
                                 </div>
                             </template>
+                            <FButton
+                                type="link"
+                                class="engine-adding-btn"
+                                @click="addEngine"
+                            >
+                                添加引擎
+                            </FButton>
                         </div>
                     </div>
                 </FForm>
             </template>
         </div>
+
+        <template #footer>
+            <FSpace>
+                <FButton type="primary" @click="confirmEditing">确定</FButton>
+                <FButton @click="show = false">取消</FButton>
+            </FSpace>
+        </template>
     </FDrawer>
 </template>
 
@@ -185,23 +202,13 @@ const tableColumns = [
     },
 ];
 
-const engineConfigList = [
+const engineConfigList = reactive([
     {
         type: '引擎类型',
         version: '版本',
         description: '描述',
     },
-    {
-        type: '引擎类型',
-        version: '版本',
-        description: '描述',
-    },
-    {
-        type: '引擎类型',
-        version: '版本',
-        description: '描述',
-    },
-];
+]);
 
 // TODO: replace mock data with the real
 
@@ -364,6 +371,20 @@ const open = () => {
     show.value = true;
 };
 
+const addEngine = () => {
+    engineConfigList.push({
+        type: '',
+        version: '',
+        description: '',
+    });
+};
+
+const confirmEditing = () => {
+    // TODO: send a request to save the config
+    console.log('confirm!');
+    show.value = false;
+};
+
 defineExpose({
     open,
 });
@@ -434,6 +455,9 @@ defineExpose({
                     margin-bottom: 16px;
                 }
             }
+            .engine-adding-btn {
+                transform: translateY(-5px);
+            }
         }
     }
 }
diff --git a/linkis-web-next/src/pages/parameterConfig/index.vue b/linkis-web-next/src/pages/parameterConfig/index.vue
index 99caed59db..bb94cc7f8a 100644
--- a/linkis-web-next/src/pages/parameterConfig/index.vue
+++ b/linkis-web-next/src/pages/parameterConfig/index.vue
@@ -26,7 +26,6 @@
                 <FButton type="link" @click="openModal">全局配置</FButton>
                 <Drawer ref="drawerRef"></Drawer>
                 <Modal ref="modalRef">
-                    <!-- <List :dataList="listData" :isEditing="false"></List> -->
                 </Modal>
             </div>
         </f-header>
diff --git a/linkis-web-next/tsconfig.json b/linkis-web-next/tsconfig.json
index 1e65c020ec..3d39bb36dd 100644
--- a/linkis-web-next/tsconfig.json
+++ b/linkis-web-next/tsconfig.json
@@ -17,7 +17,6 @@
         "resolveJsonModule": true,
         "isolatedModules": true,
         "jsx": "preserve",
-
         /* Linting */
         "strict": true,
         "noUnusedLocals": false,

From 1473d3ea2417ca633f6c33650977660e33d52029 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Mon, 18 Sep 2023 22:34:12 +0800
Subject: [PATCH 08/21] chore: adjust css style again

---
 linkis-web-next/src/common/config/const.js    |  28 -
 linkis-web-next/src/common/config/db.js       |  33 -
 linkis-web-next/src/common/config/scriptis.js | 342 ---------
 .../src/common/helper/clickoutside.js         |  42 --
 linkis-web-next/src/common/helper/db.js       | 208 ------
 .../src/common/helper/elementResizeEvent.js   | 134 ----
 linkis-web-next/src/common/helper/emitter.js  |  58 --
 linkis-web-next/src/common/helper/eventbus.js | 112 ---
 linkis-web-next/src/common/helper/fesx.js     | 108 ---
 linkis-web-next/src/common/helper/storage.js  | 229 ------
 .../common/scriptis/module/webSocket/index.js | 145 ----
 .../common/scriptis/service/db/globalcache.js | 104 ---
 .../src/common/scriptis/service/db/history.js |  36 -
 .../src/common/scriptis/service/db/log.js     |  36 -
 .../common/scriptis/service/db/progress.js    |  36 -
 .../src/common/scriptis/service/db/result.js  |  36 -
 .../src/common/scriptis/service/db/tab.js     |  36 -
 .../src/common/scriptis/service/db/tree.js    |  36 -
 linkis-web-next/src/common/service/api.js     | 331 ---------
 .../src/common/service/apiCache.js            |  76 --
 .../src/common/service/db/index.js            |  99 ---
 linkis-web-next/src/common/service/execute.js | 675 ------------------
 .../src/common/service/layoutMixin.js         |  55 --
 linkis-web-next/src/common/service/mixin.js   |  93 ---
 .../src/common/service/moduleMixin.js         | 147 ----
 linkis-web-next/src/common/service/socket.js  | 211 ------
 .../src/common/service/timeToCronMixin.js     | 247 -------
 .../src/common/style/headerCommon.scss        | 137 ----
 .../src/common/style/headerUserMenu.scss      |  59 --
 .../src/common/style/variables.scss           | 272 -------
 .../src/components/editor/editorNext2.vue     |  10 +-
 .../src/pages/parameterConfig/drawer.vue      | 152 ++--
 32 files changed, 92 insertions(+), 4231 deletions(-)
 delete mode 100644 linkis-web-next/src/common/config/const.js
 delete mode 100644 linkis-web-next/src/common/config/db.js
 delete mode 100644 linkis-web-next/src/common/config/scriptis.js
 delete mode 100644 linkis-web-next/src/common/helper/clickoutside.js
 delete mode 100644 linkis-web-next/src/common/helper/db.js
 delete mode 100644 linkis-web-next/src/common/helper/elementResizeEvent.js
 delete mode 100644 linkis-web-next/src/common/helper/emitter.js
 delete mode 100644 linkis-web-next/src/common/helper/eventbus.js
 delete mode 100644 linkis-web-next/src/common/helper/fesx.js
 delete mode 100644 linkis-web-next/src/common/helper/storage.js
 delete mode 100644 linkis-web-next/src/common/scriptis/module/webSocket/index.js
 delete mode 100644 linkis-web-next/src/common/scriptis/service/db/globalcache.js
 delete mode 100644 linkis-web-next/src/common/scriptis/service/db/history.js
 delete mode 100644 linkis-web-next/src/common/scriptis/service/db/log.js
 delete mode 100644 linkis-web-next/src/common/scriptis/service/db/progress.js
 delete mode 100644 linkis-web-next/src/common/scriptis/service/db/result.js
 delete mode 100644 linkis-web-next/src/common/scriptis/service/db/tab.js
 delete mode 100644 linkis-web-next/src/common/scriptis/service/db/tree.js
 delete mode 100644 linkis-web-next/src/common/service/api.js
 delete mode 100644 linkis-web-next/src/common/service/apiCache.js
 delete mode 100644 linkis-web-next/src/common/service/db/index.js
 delete mode 100644 linkis-web-next/src/common/service/execute.js
 delete mode 100644 linkis-web-next/src/common/service/layoutMixin.js
 delete mode 100644 linkis-web-next/src/common/service/mixin.js
 delete mode 100644 linkis-web-next/src/common/service/moduleMixin.js
 delete mode 100644 linkis-web-next/src/common/service/socket.js
 delete mode 100644 linkis-web-next/src/common/service/timeToCronMixin.js
 delete mode 100644 linkis-web-next/src/common/style/headerCommon.scss
 delete mode 100644 linkis-web-next/src/common/style/headerUserMenu.scss
 delete mode 100644 linkis-web-next/src/common/style/variables.scss

diff --git a/linkis-web-next/src/common/config/const.js b/linkis-web-next/src/common/config/const.js
deleted file mode 100644
index 6e92a4efa7..0000000000
--- a/linkis-web-next/src/common/config/const.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-const DEVPROCESS = {
-    DEVELOPMENTCENTER: 'dev',// Develop center(开发中心)
-    PRODUCTCENTER: 'prod'// Production center(生产中心)
-};
-
-const ORCHESTRATORMODES = {
-    WORKFLOW: 'pom_work_flow',// Workflow Orchestration(工作流编排)
-    SINGLETASK: 'pom_single_task',// single task scheduling(单任务编排)
-    CONSTSTORCHESTRATOR: 'pom_consist_orchestrator'// Combination arrangement(组合编排)
-};
-export { DEVPROCESS, ORCHESTRATORMODES };
diff --git a/linkis-web-next/src/common/config/db.js b/linkis-web-next/src/common/config/db.js
deleted file mode 100644
index bc280fb988..0000000000
--- a/linkis-web-next/src/common/config/db.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-// What table needs to be built for each application add here(各应用需要建什么表在这里添加)
-export const config = {
-    'version': 4,
-    'stores': {
-        'project': '&projectID',
-        'tab': '&id',
-        'log': '&tabId',
-        'history': '&tabId',
-        'result': '&tabId',
-        'globalCache': '&key, value',
-        'progress': '&tabId',
-        'node': '&nodeId',
-        'tree': '&treeId',
-    },
-};
diff --git a/linkis-web-next/src/common/config/scriptis.js b/linkis-web-next/src/common/config/scriptis.js
deleted file mode 100644
index d6f3466166..0000000000
--- a/linkis-web-next/src/common/config/scriptis.js
+++ /dev/null
@@ -1,342 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
- 
-export default Object.freeze([{
-    rule: /\.(bi)$/i,
-    executable: false,
-    logo: 'fi-bi',
-    color: '#9771E7',
-    isCanBeNew: false,
-    isCanBeOpen: true
-},
-{
-    rule: /\.(sql)$/i,
-    lang: 'hql',
-    executable: true,
-    application: 'spark',
-    runType: 'sql',
-    ext: '.sql',
-    scriptType: 'hive',
-    abbr: 'sql',
-    logo: 'fi-spark',
-    color: '#FF9900',
-    isCanBeNew: true,
-    label: 'Sql',
-    isCanBeOpen: true,
-    flowType: 'sql'
-},
-{
-    rule: /\.(hql)$/i,
-    lang: 'hql',
-    executable: true,
-    application: 'hive',
-    runType: 'hql',
-    ext: '.hql',
-    scriptType: 'hql',
-    abbr: 'hql',
-    logo: 'fi-hive',
-    color: '#F4CF38',
-    isCanBeNew: true,
-    label: 'Hive',
-    isCanBeOpen: true,
-    flowType: 'hql'
-},
-{
-    rule: /\.(out)$/i,
-    lang: 'out',
-    executable: true,
-    application: 'pipeline',
-    runType: 'pipeline',
-    ext: '.out',
-    scriptType: 'storage',
-    abbr: 'stor',
-    logo: 'fi-storage',
-    color: '#4DB091',
-    isCanBeNew: true,
-    label: 'Storage',
-    isCanBeOpen: true
-},
-{
-    rule: /\.scala$/i,
-    lang: 'java',
-    executable: true,
-    application: 'spark',
-    runType: 'scala',
-    ext: '.scala',
-    scriptType: 'scala',
-    abbr: 'scala',
-    logo: 'fi-scala',
-    color: '#ED4014',
-    isCanBeNew: true,
-    label: 'Scala',
-    isCanBeOpen: true,
-    flowType: 'scala'
-},
-{
-    rule: /\.scala$/i,
-    lang: 'java',
-    executable: true,
-    application: 'spark',
-    runType: 'function.mdq',
-    ext: '.scala',
-    scriptType: 'scala',
-    abbr: 'scala',
-    logo: 'fi-scala',
-    color: '#ED4014',
-    isCanBeNew: false,
-    label: 'Scala',
-    isCanBeOpen: true
-},
-{
-    rule: /\.jdbc$/i,
-    lang: 'hql',
-    executable: true,
-    application: 'jdbc',
-    runType: 'jdbc',
-    ext: '.jdbc',
-    scriptType: 'jdbc',
-    abbr: 'jdbc',
-    logo: 'fi-jdbc',
-    color: '#444444',
-    isCanBeNew: true,
-    label: 'JDBC',
-    isCanBeOpen: true
-},
-{
-    rule: /\.python$/i,
-    lang: 'python',
-    executable: true,
-    application: 'python',
-    runType: 'python',
-    ext: '.python',
-    scriptType: 'python',
-    abbr: 'py',
-    logo: 'fi-python',
-    color: '#3573A6',
-    isCanBeNew: true,
-    label: 'Python',
-    isCanBeOpen: true,
-    flowType: 'python'
-},
-{
-    rule: /\.py$/i,
-    lang: 'python',
-    executable: true,
-    application: 'spark',
-    runType: 'py',
-    ext: '.py',
-    scriptType: 'pythonSpark',
-    abbr: 'py',
-    logo: 'fi-spark-python',
-    color: '#3573A6',
-    isCanBeNew: true,
-    label: 'PythonSpark',
-    isCanBeOpen: true,
-    flowType: 'pyspark'
-},
-{
-    rule: /\.r$/i,
-    lang: 'r',
-    executable: true,
-    application: 'spark',
-    runType: 'r',
-    ext: '.r',
-    scriptType: 'r',
-    abbr: 'r',
-    logo: 'fi-r',
-    color: '#2D8CF0',
-    isCanBeNew: true,
-    label: 'R',
-    isCanBeOpen: true
-},
-{
-    rule: /\.sh$/i,
-    lang: 'sh',
-    executable: true,
-    application: 'shell',
-    runType: 'shell',
-    ext: '.sh',
-    scriptType: 'shell',
-    abbr: 'shell',
-    logo: 'fi-scriptis',
-    color: '#444444',
-    isCanBeNew: false,
-    label: 'Shell',
-    isCanBeOpen: true,
-    flowType: 'shell'
-},
-{
-    rule: /\.sh$/i,
-    lang: 'sh',
-    executable: true,
-    application: 'shell',
-    runType: 'sh',
-    ext: '.sh',
-    scriptType: 'shell',
-    abbr: 'shell',
-    logo: 'fi-scriptis',
-    color: '#444444',
-    isCanBeNew: true,
-    label: 'Shell',
-    isCanBeOpen: true,
-    flowType: 'shell'
-},
-{
-    rule: /\.qmlsql$/i,
-    lang: 'hql',
-    executable: false,
-    application: 'spark',
-    runType: 'sql',
-    ext: '.qmlsql',
-    scriptType: 'qmlsql',
-    abbr: 'qmlsql',
-    logo: 'fi-spark',
-    color: '#FF9900',
-    isCanBeNew: false,
-    label: 'QMLSQL',
-    isCanBeOpen: true
-},
-{
-    rule: /\.qmlpy$/i,
-    lang: 'python',
-    executable: false,
-    application: 'spark',
-    runType: 'python',
-    ext: '.qmlpy',
-    scriptType: 'qmlpy',
-    abbr: 'qmlpy',
-    logo: 'fi-python',
-    color: '#3573A6',
-    isCanBeNew: false,
-    label: 'QMLPy',
-    isCanBeOpen: true
-},
-{
-    rule: /\.txt$/i,
-    lang: 'text',
-    executable: false,
-    application: null,
-    runType: null,
-    ext: '.txt',
-    scriptType: 'txt',
-    abbr: '',
-    logo: 'fi-txt',
-    color: '#444444',
-    isCanBeNew: false,
-    isCanBeOpen: true
-},
-{
-    rule: /\.log$/i,
-    lang: 'text',
-    executable: false,
-    application: null,
-    runType: null,
-    ext: '.log',
-    scriptType: 'txt',
-    abbr: '',
-    logo: 'fi-log',
-    color: '#444444',
-    isCanBeNew: false,
-    isCanBeOpen: true
-},
-{
-    rule: /\."flowexecution"$/i,
-    lang: 'text',
-    executable: false,
-    application: 'flowexecution',
-    runType: 'json',
-    ext: '.txt',
-    scriptType: 'json',
-    abbr: '',
-    logo: 'fi-workflow',
-    color: '#444444',
-    isCanBeNew: false,
-    isCanBeOpen: true
-},
-{
-    rule: /\."appjoint"$/i,
-    lang: 'text',
-    executable: false,
-    application: 'appjoint',
-    runType: null,
-    ext: '.txt',
-    scriptType: 'json',
-    abbr: '',
-    logo: 'fi-workflow',
-    color: '#444444',
-    isCanBeNew: false,
-    isCanBeOpen: true
-},
-{
-    rule: /\.xls$/i,
-    logo: 'fi-xls',
-    color: '#36AF47',
-    isCanBeNew: false,
-    isCanBeOpen: false
-},
-{
-    rule: /\.xlsx$/i,
-    logo: 'fi-xlsx',
-    color: '#36AF47',
-    isCanBeNew: false,
-    isCanBeOpen: false
-},
-{
-    rule: /\.csv$/i,
-    logo: 'fi-csv',
-    color: '#36AF47',
-    isCanBeNew: false,
-    isCanBeOpen: false
-},
-{
-    rule: /\.jar$/i,
-    logo: 'fi-jar',
-    color: '#E45F3D',
-    isCanBeNew: false,
-    isCanBeOpen: false
-},
-{
-    rule: /\.ngql$/i,
-    lang: 'hql',
-    executable: true,
-    application: 'nebula',
-    runType: 'nebula',
-    ext: '.ngql',
-    scriptType: 'Nebula',
-    abbr: 'nebula',
-    logo: 'fi-txt',
-    color: '#3573A6',
-    isCanBeNew: true,
-    label: 'Nebula',
-    isCanBeOpen: true
-},
-{
-    rule: /(表详情)|(Table\sdetails)/,
-    executable: false,
-    isCanBeOpen: true
-},
-{
-    rule: /(建表向导)|(Table\screation\sguide)/,
-    executable: false,
-    isCanBeOpen: true
-},
-{
-    rule: /(库详情)|(Db\sdetails)/,
-    executable: false,
-    isCanBeOpen: true
-},
-]);
\ No newline at end of file
diff --git a/linkis-web-next/src/common/helper/clickoutside.js b/linkis-web-next/src/common/helper/clickoutside.js
deleted file mode 100644
index 666a642ead..0000000000
--- a/linkis-web-next/src/common/helper/clickoutside.js
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
- 
-
-const cache = {};
-let key = 1;
-export default {
-    inserted(el, binding) {
-        el.outsideKey = key++;
-        const self = {};
-        self.documentHandler = (e) => {
-            if (el.contains(e.target)) {
-                return false;
-            }
-            if (binding.value) {
-                binding.value(e);
-            }
-            return true;
-        };
-        cache[el.outsideKey] = self;
-        document.addEventListener('click', self.documentHandler);
-    },
-    unbind(el) {
-        const self = cache[el.outsideKey];
-        document.removeEventListener('click', self.documentHandler);
-        delete cache[el.outsideKey];
-    },
-};
diff --git a/linkis-web-next/src/common/helper/db.js b/linkis-web-next/src/common/helper/db.js
deleted file mode 100644
index da96429c3f..0000000000
--- a/linkis-web-next/src/common/helper/db.js
+++ /dev/null
@@ -1,208 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-import Dexie from 'dexie';
-/**
- * wrap db operator
- * @class DB
- */
-export default class DB {
-    /**
-     * Creates an instance of DB.
-     * @param {*} name
-     * @param {Object} stores
-     * @param {Number} version
-     * @memberof DB
-     */
-    constructor(name, stores, version = 1) {
-        this.db = new Dexie(name);
-        this.db.version(version).stores(stores);
-    }
-
-    /**
-     *
-     * @param {*} stores
-     * @param {*} version
-     * @memberof DB
-     */
-    updateVersion(stores, version) {
-        try {
-            this.db.version(version).stores(stores);
-        } catch (e) {
-            this._errorCatch(e);
-        }
-    }
-
-    /**
-     * wrap put method
-     * If an object with the same primary key already exists,
-     * it will be replaced with the given object.
-     * If it does not exist, it will be added.
-     * @param {String} table
-     * @param {Object | Array} fields
-     * @param {*} id
-     * @memberof DB
-     */
-    async put(table, fields) {
-        const promiseArr = [];
-        if (Array.isArray(fields)) {
-            fields.forEach((item) => {
-                promiseArr.push(this.db[table].put(item));
-            });
-        } else {
-            promiseArr.push(this.db[table].put(fields));
-        }
-        try {
-            return await Promise.all(promiseArr);
-        } catch (e) {
-            return this._errorCatch(e);
-        }
-    }
-
-    /**
-     * wrap get method
-     * @param {String} table
-     * @param {Array} keys
-     * @memberof DB
-     */
-    async get(table, keys) {
-        const promiseArr = [];
-        if (Array.isArray(keys)) {
-            keys.forEach((item) => {
-                promiseArr.push(this.db[table].get(item));
-            });
-        } else {
-            promiseArr.push(this.db[table].get(keys));
-        }
-        try {
-            return await Promise.all(promiseArr);
-        } catch (e) {
-            return this._errorCatch(e);
-        }
-    }
-
-    /**
-     *
-     * @param {*} table
-     * @param {String | Object} clause
-     * @memberof DB
-     * @return {this}
-     */
-    where(table, clause) {
-        this.whereClause = this.db[table].where(clause);
-        return this;
-    }
-
-    /**
-     *
-     * @param {*} table
-     * @param {*} key
-     * @param {*} changes
-     * @return {updated}
-     * @memberof DB
-     */
-    async update(table, key, changes) {
-        try {
-            return await this.db[table].update(key, changes);
-        } catch (e) {
-            return this._errorCatch(e);
-        }
-    }
-
-    /**
-     *
-     * @param {String | Object} clause
-     * @memberof DB
-     * @return {this}
-     */
-    equals(clause) {
-        this.collection = this.whereClause.where(clause);
-        return this;
-    }
-
-    /**
-     *
-     * @param {String | Array} clause
-     * @memberof DB
-     * @return {this}
-     */
-    anyOf(clause) {
-        this.collection = this.whereClause.where(clause);
-        return this;
-    }
-
-    /**
-     *
-     * @param {Function} cb
-     * @memberof DB
-     * @return {Promise}
-     */
-    async first(cb) {
-        try {
-            return await this.collection.first(cb);
-        } catch (e) {
-            return this._errorCatch(e);
-        }
-    }
-
-    /**
-     * db or table or collection delete
-     * @memberof DB
-     * @return {Promise}
-     */
-    async delete(...args) {
-        const len = args.length;
-        const table = args[0];
-        const key = args[1];
-        try {
-            if (len === 0) {
-                return await this.collection.delete();
-            } if (len === 2) {
-                return await this.db[table].delete(key);
-            }
-        } catch (e) {
-            return this._errorCatch(e);
-        }
-    }
-
-    /**
-     * @param {*} table
-     * @memberof DB
-     * @return {Promise}
-     */
-    async toArray(table) {
-        try {
-            if (table) {
-                this.collection = this.db[table];
-            }
-            return await this.collection.toArray();
-        } catch (e) {
-            return this._errorCatch(e);
-        }
-    }
-
-    /**
-     * wrap catch error
-     * @param {*} e
-     * @memberof DB
-     * @return {Promise}
-     */
-    _errorCatch(e) {
-        this.errHandler && this.errHandler(e.message);
-        return Promise.resolve(null);
-    }
-}
diff --git a/linkis-web-next/src/common/helper/elementResizeEvent.js b/linkis-web-next/src/common/helper/elementResizeEvent.js
deleted file mode 100644
index 3e24fd1ba4..0000000000
--- a/linkis-web-next/src/common/helper/elementResizeEvent.js
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-const requestFrame = (function() {
-    const raf = window.requestAnimationFrame ||
-      window.mozRequestAnimationFrame ||
-      window.webkitRequestAnimationFrame ||
-      function fallbackRAF(func) {
-          return window.setTimeout(func, 20);
-      };
-    return function requestFrameFunction(func) {
-        return raf(func);
-    };
-})();
-
-const cancelFrame = (function() {
-    const cancel = window.cancelAnimationFrame ||
-      window.mozCancelAnimationFrame ||
-      window.webkitCancelAnimationFrame ||
-      window.clearTimeout;
-    return function cancelFrameFunction(id) {
-        return cancel(id);
-    };
-})();
-
-/**
- *Monitor size changes(监听大小改变)
- * @param {*} e
- */
-function resizeListener(e) {
-    const win = e.target || e.srcElement;
-    if (win.__resizeRAF__) {
-        cancelFrame(win.__resizeRAF__);
-    }
-    win.__resizeRAF__ = requestFrame(() => {
-        const trigger = win.__resizeTrigger__;
-        const listeners = trigger && trigger.__resizeListeners__;
-        if (listeners) {
-            listeners.forEach((fn) => {
-                fn.call(trigger, e);
-            });
-        }
-    });
-}
-
-const bind = function(element, fn) {
-    const {document} = window;
-    const {attachEvent} = document;
-
-    /**
-     *
-     */
-    function objectLoad() {
-        this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__;
-        this.contentDocument.defaultView.addEventListener('resize', resizeListener);
-        this.contentDocument.defaultView.dispatchEvent(new Event('resize'));
-    }
-
-    if (!element.__resizeListeners__) {
-        element.__resizeListeners__ = [];
-        if (attachEvent) {
-            element.__resizeTrigger__ = element;
-            element.attachEvent('onresize', resizeListener);
-        } else {
-            if (getComputedStyle(element).position === 'static') {
-                element.style.position = 'relative';
-            }
-            const obj = (element.__resizeTrigger__ = document.createElement('object'));
-            obj.setAttribute(
-                'style',
-                'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; opacity: 0;'
-            );
-            obj.setAttribute('class', 'resize-sensor');
-            obj.__resizeElement__ = element;
-            obj.onload = objectLoad;
-            obj.type = 'text/html';
-            obj.data = 'about:blank';
-            element.appendChild(obj);
-        }
-    }
-    element.__resizeListeners__.push(fn);
-};
-
-const unbind = function(element, fn) {
-    const {attachEvent} = document;
-    let listeners = element.__resizeListeners__ || [];
-    if (fn) {
-        const index = listeners.indexOf(fn);
-        if (index !== -1) {
-            listeners.splice(index, 1);
-        }
-    } else {
-        listeners = element.__resizeListeners__ = [];
-    }
-    if (!listeners.length) {
-        if (attachEvent) {
-            element.detachEvent('onresize', resizeListener);
-        } else if (element.__resizeTrigger__) {
-            if (element.__resizeTrigger__.contentDocument) {
-                element.__resizeTrigger__.contentDocument.defaultView.removeEventListener(
-                    'resize',
-                    resizeListener
-                );
-                delete element.__resizeTrigger__.contentDocument.defaultView.__resizeTrigger__;
-            }
-            element.__resizeTrigger__ = !element.removeChild(
-                element.__resizeTrigger__
-            );
-        }
-        delete element.__resizeListeners__;
-    }
-};
-
-export default {
-    bind: typeof window === 'undefined' ? bind : bind.bind(window),
-    unbind,
-    requestAnimationFrame: requestFrame,
-    cancelAnimationFrame: cancelFrame
-};
diff --git a/linkis-web-next/src/common/helper/emitter.js b/linkis-web-next/src/common/helper/emitter.js
deleted file mode 100644
index 21aa65b9be..0000000000
--- a/linkis-web-next/src/common/helper/emitter.js
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-/**
- * brocast event to component
- * @param {*} componentName
- * @param {*} eventName
- * @param {*} params
- */
-function broadcast(componentName, eventName, params) {
-    this.$children.forEach((child) => {
-        const {name} = child.$options;
-
-        if (name === componentName) {
-            child.$emit(...[eventName].concat(params));
-        } else {
-            // todo if params is an empty array, it will be undefined(todo 如果 params 是空数组，接收到的会是 undefined)
-            broadcast.apply(child, [componentName, eventName].concat([params]));
-        }
-    });
-}
-export default {
-    methods: {
-        dispatch(componentName, eventName, params) {
-            let parent = this.$parent || this.$root;
-            let {name} = parent.$options;
-
-            while (parent && (!name || name !== componentName)) {
-                parent = parent.$parent;
-
-                if (parent) {
-                    name = parent.$options.name;
-                }
-            }
-            if (parent) {
-                parent.$emit(...[eventName].concat(params));
-            }
-        },
-        broadcast(componentName, eventName, params) {
-            broadcast.call(this, componentName, eventName, params);
-        },
-    },
-};
diff --git a/linkis-web-next/src/common/helper/eventbus.js b/linkis-web-next/src/common/helper/eventbus.js
deleted file mode 100644
index 9c5391f7df..0000000000
--- a/linkis-web-next/src/common/helper/eventbus.js
+++ /dev/null
@@ -1,112 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-/**
- *  事件bus
- */
-class Eventbus {
-    /**
-     * Constructor(构造器)
-     */
-    constructor() {
-        this.storage = {};
-    }
-
-    /**
-     *
-     * @param {*} arr
-     * @param {*} x
-     * @return {Object}
-     */
-    findIndex(arr, x) {
-        return arr.findIndex((item) => item === x);
-    }
-
-    /**
-     * Registration issue(注册事件)
-     * @param {*} name
-     * @param {*} fn
-     * @return {undefined}
-     */
-    on(name, fn) {
-        if (Object.prototype.toString.call(this.storage[name]) === '[object Array]') {
-            this.storage[name].push(fn);
-        } else {
-            this.storage[name] = [fn];
-        }
-    }
-
-    /**
-    * delete event(删除事件)
-    * @param {*} name
-    * @param {*} fn
-    * @return {undefined}
-    */
-    off(name, fn) {
-        if (this.storage[name]) {
-            const i = this.findIndex(this.storage[name], fn);
-            if (i !== -1) this.storage[name].splice(i, 1);
-        }
-    }
-
-    /**
-     * Clear all events of the specified name(清空指定name的所有事件)
-     * @param {*} name
-     * @return {Object}
-     */
-    clear(name) {
-        if (name) {
-            this.storage[name] = [];
-        } else {
-            this.storage = {};
-        }
-        return this.storage;
-    }
-
-    /**
-     * trigger event(触发事件)
-     * @param {*} name
-     * @param {*} payload  parameter(参数)
-     * @param {*} cb     Callback( 回调函数)
-     * @return {undefined}
-     */
-    emit(name, payload, cb) {
-        const fns = this.storage[name];
-        if (fns) {
-            if (fns.length > 1) {
-                const arr = [];
-                this.storage[name].forEach((f) => {
-                    arr.push(Promise.resolve(f(payload, cb)));
-                });
-                return Promise.all(arr);
-            } if (fns.length === 1) {
-                return Promise.resolve(fns[0](payload, cb));
-            }
-        }
-    }
-}
-
-const eventbus = new Eventbus();
-
-
-export {
-    eventbus as
-    default,
-    eventbus,
-    Eventbus,
-};
diff --git a/linkis-web-next/src/common/helper/fesx.js b/linkis-web-next/src/common/helper/fesx.js
deleted file mode 100644
index 6ff9904289..0000000000
--- a/linkis-web-next/src/common/helper/fesx.js
+++ /dev/null
@@ -1,108 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-/**
- * global state management(全局状态管理)
- */
-import Vue from 'vue';
-import util from '../util';
-// import storage from './storage';
-// import util from '../util';
-
-/**
- * state management container(状态管理容器)
- */
-class Fesx {
-    /**
-     * Constructor(构造器)
-     * @param {*} name
-     * @param {Object} data
-     */
-    constructor(name, data) {
-        Object.defineProperty(this, 'name', {
-            value: name,
-            enumerable: false,
-        });
-        Object.defineProperty(this, 'pre', {
-            value: `FesFesx_${  this.name  }_`,
-            enumerable: false,
-        });
-        if (util.isPlainObject(data)) {
-            for (const p in data) {
-                if (Object.prototype.hasOwnProperty.call(data, p)) {
-                    Vue.set(this, p, data[p]);
-                }
-            }
-        }
-    // let keys = Object.keys(sessionStorage)
-    // let len = keys.length
-    // for (let i = 0; i < len; i++) {
-    //     let key = keys[i];
-    //     if (key.indexOf(this.pre) === 0) {
-    //         Vue.set(this, key.slice(this.pre.length), storage.get(key));
-    //     }
-    // }
-    }
-
-    /**
-     * Get the corresponding state according to the prop(根据prop拿到对应的状态)
-     * @param {*} prop
-     * @return {*}
-     */
-    get(prop) {
-    // if (!this[prop]) {
-    //     this.set(prop, storage.get(this.pre + prop))
-    // }
-        return this[prop];
-    }
-
-    /**
-     * Get the corresponding state according to the prop(根据prop拿到对应的状态)
-     * @param {*} prop
-     * @param {*} value
-     * @return {*}
-     */
-    set(prop, value) {
-        Vue.set(this, prop, value);
-        // if (!util.isFunction(value)) {
-        //     storage.set(this.pre + prop, value);
-        // }
-        return this;
-    }
-
-    /**
-     * empty the current container(清空当前容器)
-     */
-    clear() {
-        for (const p in this) {
-            if (Object.prototype.hasOwnProperty.call(this, p)) {
-                Vue.set(this, p, undefined);
-            }
-        }
-    // let keys = Object.keys(sessionStorage)
-    // let len = keys.length
-    // for (let i = 0; i < len; i++) {
-    //     let key = keys[i];
-    //     if (key.indexOf(this.pre) === 0) {
-    //         storage.remove(key);
-    //     }
-    // }
-    }
-}
-
-export default Fesx;
diff --git a/linkis-web-next/src/common/helper/storage.js b/linkis-web-next/src/common/helper/storage.js
deleted file mode 100644
index aeb40916df..0000000000
--- a/linkis-web-next/src/common/helper/storage.js
+++ /dev/null
@@ -1,229 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-/* \
-|*|
-|*|  :: cookies.js ::
-|*|
-|*|  A complete cookies reader/writer framework with full unicode support.
-|*|
-|*|  https://developer.mozilla.org/en-US/docs/DOM/document.cookie
-|*|
-|*|  This framework is released under the GNU Public License, version 3 or later.
-|*|  http://www.gnu.org/licenses/gpl-3.0-standalone.html
-|*|
-|*|  Syntaxes:
-|*|
-|*|  * docCookies.setItem(name, value[, end[, path[, domain[, secure]]]])
-|*|  * docCookies.getItem(name)
-|*|  * docCookies.removeItem(name[, path], domain)
-|*|  * docCookies.hasItem(name)
-|*|  * docCookies.keys()
-|*|
-\ */
-
-const docCookies = {
-    getItem(sKey) {
-        return (
-            decodeURIComponent(
-                document.cookie.replace(
-                    new RegExp(
-                        `(?:(?:^|.*;)\\s*${encodeURIComponent(sKey).replace(
-                            /[\-\.\+\*]/g,
-                            '\\$&',
-                        )}\\s*\\=\\s*([^;]*).*$)|^.*$`,
-                    ),
-                    '$1',
-                ),
-            ) || null
-        );
-    },
-    setItem(sKey, sValue, vEnd, sPath, sDomain, bSecure) {
-        if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) {
-            return false;
-        }
-        let sExpires = '';
-        if (vEnd) {
-            switch (vEnd.constructor) {
-            case Number:
-                sExpires =
-                        vEnd === Infinity
-                            ? '; expires=Fri, 31 Dec 9999 23:59:59 GMT'
-                            : `; max-age=${vEnd}`;
-                break;
-            case String:
-                sExpires = `; expires=${vEnd}`;
-                break;
-            case Date:
-                sExpires = `; expires=${vEnd.toUTCString()}`;
-                break;
-            }
-        }
-        document.cookie = `${encodeURIComponent(sKey)}=${encodeURIComponent(
-            sValue,
-        )}${sExpires}${sDomain ? `; domain=${sDomain}` : ''}${
-            sPath ? `; path=${sPath}` : ''
-        }${bSecure ? '; secure' : ''}`;
-        return true;
-    },
-    removeItem(sKey, sPath, sDomain) {
-        if (!sKey || !this.hasItem(sKey)) {
-            return false;
-        }
-        document.cookie = `${encodeURIComponent(
-            sKey,
-        )}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${
-            sDomain ? `; domain=${sDomain}` : ''
-        }${sPath ? `; path=${sPath}` : ''}`;
-        return true;
-    },
-    hasItem(sKey) {
-        return new RegExp(
-            `(?:^|;\\s*)${encodeURIComponent(sKey).replace(
-                /[\-\.\+\*]/g,
-                '\\$&',
-            )}\\s*\\=`,
-        ).test(document.cookie);
-    },
-    keys: /* optional method: you can safely remove it! */ function () {
-        const aKeys = document.cookie
-            .replace(
-                /((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g,
-                '',
-            )
-            .split(/\s*(?:\=[^;]*)?;\s*/);
-        for (let nIdx = 0; nIdx < aKeys.length; nIdx++) {
-            aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]);
-        }
-        return aKeys;
-    },
-};
-
-/**
- * 操作cookie、sessionStorage、localStorage、缓存
- */
-
-const SESSION = 'session';
-
-const LOCAL = 'local';
-
-const COOKIE = 'cookie';
-
-export default {
-    set(key, value, category = SESSION, expired) {
-        const { storage, isWebStorage = true } = this._map(category);
-
-        if (isWebStorage) {
-            storageManager.set(key, value, storage);
-        } else {
-            cookieManager.set(key, value, expired);
-        }
-    },
-    get(key, category = SESSION) {
-        const { storage, isWebStorage = true } = this._map(category);
-
-        if (isWebStorage) {
-            return storageManager.get(key, storage);
-        }
-        return cookieManager.get(key);
-    },
-    clear(category = SESSION) {
-        const { storage, isWebStorage = true } = this._map(category);
-
-        if (isWebStorage) {
-            storageManager.clear(storage);
-        } else {
-            cookieManager.clear();
-        }
-    },
-    remove(key, category = SESSION) {
-        const { storage, isWebStorage = true } = this._map(category);
-
-        if (isWebStorage) {
-            storageManager.remove(key, storage);
-        } else {
-            cookieManager.remove(key);
-        }
-    },
-    _map(category) {
-        let isWebStorage = true;
-        let storage;
-
-        switch (true) {
-        case category === SESSION:
-            storage = 'sessionStorage';
-            break;
-        case category === LOCAL:
-            storage = 'localStorage';
-            break;
-        case category === COOKIE:
-            storage = 'cookie';
-            isWebStorage = false;
-            break;
-        default:
-            storage = 'sessionStorage';
-        }
-
-        return { isWebStorage, storage };
-    },
-};
-
-const isProd = process.env.NODE_ENV === 'production';
-
-export const storageManager = {
-    set(key, value, storage) {
-        try {
-            window[storage].setItem(key, JSON.stringify(value));
-        } catch (e) {
-            !isProd && window.console.error(e);
-        }
-    },
-    get(key, storage) {
-        try {
-            if (window[storage].getItem(key)) {
-                return JSON.parse(window[storage].getItem(key));
-            }
-            return window[storage].getItem(key);
-        } catch (e) {
-            !isProd && window.console.error(e, key);
-        }
-    },
-    clear(storage) {
-        window[storage].clear();
-    },
-    remove(key, storage) {
-        window[storage].removeItem(key);
-    },
-};
-
-export const cookieManager = {
-    set(key, value, expired) {
-        if (expired) docCookies.setItem(key, value, expired);
-        else docCookies.setItem(key, value);
-    },
-    get(key) {
-        return docCookies.getItem(key);
-    },
-    clear() {
-        docCookies.keys().forEach((key) => {
-            docCookies.removeItem(key);
-        });
-    },
-    remove(key) {
-        docCookies.removeItem(key);
-    },
-};
diff --git a/linkis-web-next/src/common/scriptis/module/webSocket/index.js b/linkis-web-next/src/common/scriptis/module/webSocket/index.js
deleted file mode 100644
index 9cd35c96ca..0000000000
--- a/linkis-web-next/src/common/scriptis/module/webSocket/index.js
+++ /dev/null
@@ -1,145 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-// a web app only has a socket
-import Socket from '@/common/service/socket';
-
-const manager = {
-    timer: null,
-    socket: null,
-    interval: 100,
-    retryInterval: 1000,
-    retryTimer: null,
-    retryCounter: 3,
-    errCode: 0,
-    delayCounter: 0,
-};
-const module = {
-    name: 'WebSocket',
-    events: [],
-    dispatchs: ['Workbench:socket'],
-    methods: {
-        init() {
-            if (manager.socket) {
-                if (manager.socket.readyState === 3) {
-                    manager.retryCounter = 3;
-                    return module.methods.reconnect();
-                }
-                return;
-            }
-            manager.socket = new Socket({
-                url: `ws://${process.env.VUE_APP_HOST || window.location.host}${process.env.VUE_APP_MN_CONFIG_SOCKET}`,
-                errHandler: () => {
-                    // window.$Wa.log(JSON.stringify(e));
-                },
-            });
-            manager.socket.on('inconnect', () => {
-                module.methods.downgrade();
-                window.console.warn('socket连接失败，后续请求将使用http');
-            });
-            manager.socket.on('close', (e) => {
-                module.methods.clearTimer();
-                manager.errCode = e.code;
-                if (e.code != 1001 && e.code != 1005) {
-                    manager.retryTimer = setTimeout(() => {
-                        module.methods.reconnect(null, e.code);
-                    }, manager.retryInterval);
-                } else {
-                    manager.retryCounter = 3;
-                }
-            });
-            manager.socket.on('data', (data) => {
-                module.dispatch('Workbench:socket', {
-                    type: 'data',
-                    data,
-                });
-            });
-            manager.socket.on('dataError', (data) => {
-                module.dispatch('Workbench:socket', {
-                    type: 'dataError',
-                    data,
-                });
-            });
-        },
-        close() {
-            manager.socket && manager.socket.close(1000);
-        },
-        send(data) {
-            // handle socket disconnect while
-            if (!manager.socket) {
-                module.methods.downgrade(data);
-                // handle idle, socket will not connect immediately insteads while sending data
-            } else if (manager.socket.readyState === 0) {
-                module.methods.delaySend(data);
-            } else if (manager.socket.readyState === 1) {
-                manager.socket.send(data);
-            } else if (manager.errCode === 1001) {
-                module.methods.reconnect(data, 1001);
-                module.methods.reSend(data);
-            } else {
-                window.console.warn(`socket readystate${manager.socket.readyState}：本次请求将使用http`);
-                module.methods.downgrade(data);
-            }
-        },
-        delaySend(data) {
-            if (manager.delayCounter > 10) {
-                manager.delayCounter = 0;
-                window.console.warn('socket readystate重试多次不为open：本次请求将使用http');
-                return module.methods.downgrade(data);
-            }
-            module.methods.reSend(data);
-            manager.delayCounter++;
-        },
-        downgrade(data) {
-            if (data) {
-                module.methods.clearResendTimer();
-            }
-            module.methods.clearTimer();
-            manager.retryCounter = 1;
-            module.dispatch('Workbench:socket', {
-                type: 'downgrade',
-                data,
-            });
-        },
-        reconnect(data = null, code) {
-            module.methods.clearTimer();
-            if (--manager.retryCounter > 0) {
-                manager.socket.reconnect(data);
-            } else {
-                module.methods.downgrade(data);
-                window.console.warn(`错误码${code}：本次请求将使用http`);
-            }
-        },
-        reSend(data) {
-            module.methods.clearResendTimer();
-            manager.timer = setTimeout(() => {
-                module.methods.send(data);
-            }, manager.interval);
-        },
-        clearTimer() {
-            clearTimeout(manager.retryTimer);
-        },
-        clearResendTimer() {
-            clearTimeout(manager.timer);
-        },
-    },
-}
-;
-// Close the socket first and register(先关socket全局注册)
-// export default module;
-export default { name: 'WebSocket' };
diff --git a/linkis-web-next/src/common/scriptis/service/db/globalcache.js b/linkis-web-next/src/common/scriptis/service/db/globalcache.js
deleted file mode 100644
index f04fc7f9dc..0000000000
--- a/linkis-web-next/src/common/scriptis/service/db/globalcache.js
+++ /dev/null
@@ -1,104 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-import { isNil, remove } from 'lodash';
-import { Basic } from '@/common/service/db/index.js';
-/**
- * @class Globalcache
- * @extends {Basic}
- */
-class Globalcache extends Basic {
-    /**
-     *Creates an instance of Globalcache.
-     * @param {*} table
-     * @param {*} db
-     * @memberof Globalcache
-     */
-    constructor(table) {
-        super(table);
-    }
-
-    /**
-     * @param {*} args
-     * @return {*}
-     */
-    async setCache(args) {
-        const cache = await this.getCache(args.key);
-        let cacheToUpdate = args;
-        if (!isNil(cache)) {
-            cacheToUpdate = { _id: cache._id, ...cacheToUpdate };
-        }
-        return this.add(cacheToUpdate);
-    }
-
-    /**
-     * @param {*} key
-     * @return {*}
-     */
-    async getCache(key) {
-        const caches = (await this.get(key)) || [];
-        return caches[0];
-    }
-
-    /**
-     * @param {*} args
-     * @return {*}
-     */
-    async removeCache(args) {
-        const cache = await this.getCache(args.id);
-        let tabList = [];
-        if (!isNil(cache)) {
-            tabList = cache.tabList;
-            remove(tabList, (n) => n === args.tabId);
-        }
-        return this.update(args.id, { key: args.id, tabList });
-    }
-
-    /**
-     * @param {*} args
-     * @return {*}
-     */
-    async updateCache(args) {
-        if (args.work) {
-            const cache = await this.getCache(args.id);
-            const {id} = args.work;
-            let tabList = [];
-            if (!isNil(cache)) {
-                tabList = cache.tabList;
-                if (cache.tabList.indexOf(id) === -1) {
-                    tabList.push(id);
-                }
-            } else {
-                tabList.push(id);
-            }
-            return this.update(args.id, { key: args.id, tabList });
-        }
-        if (args.fnList) {
-            this.update(args.id, { key: args.id, fnList: args.fnList });
-        }
-        if (args.variableList) {
-            this.update(args.id, {
-                key: args.id,
-                variableList: args.variableList,
-            });
-        }
-        
-    }
-}
-const globalcache = new Globalcache('globalCache');
-
-export default globalcache;
diff --git a/linkis-web-next/src/common/scriptis/service/db/history.js b/linkis-web-next/src/common/scriptis/service/db/history.js
deleted file mode 100644
index 97feeece62..0000000000
--- a/linkis-web-next/src/common/scriptis/service/db/history.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
- 
-
-import { Basic } from '@/common/service/db/index.js';
-/**
- * @class History
- * @extends {Basic}
- */
-class History extends Basic {
-    /**
-     *Creates an instance of History.
-     * @param {*} table
-     * @memberof History
-     */
-    constructor(table) {
-        super(table);
-    }
-}
-const history = new History('history');
-
-export default history;
diff --git a/linkis-web-next/src/common/scriptis/service/db/log.js b/linkis-web-next/src/common/scriptis/service/db/log.js
deleted file mode 100644
index 41c11a7f23..0000000000
--- a/linkis-web-next/src/common/scriptis/service/db/log.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
- 
-
-import { Basic } from '@/common/service/db/index.js';
-/**
- * @class Log
- * @extends {Basic}
- */
-class Log extends Basic {
-    /**
-     *Creates an instance of Log.
-     * @param {*} table
-     * @memberof Log
-     */
-    constructor(table) {
-        super(table);
-    }
-}
-const log = new Log('log');
-
-export default log;
diff --git a/linkis-web-next/src/common/scriptis/service/db/progress.js b/linkis-web-next/src/common/scriptis/service/db/progress.js
deleted file mode 100644
index 84013ab296..0000000000
--- a/linkis-web-next/src/common/scriptis/service/db/progress.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
- 
-
-import { Basic } from '@/common/service/db/index.js';
-/**
- * @class progress
- * @extends {Basic}
- */
-class Progress extends Basic {
-    /**
-     *Creates an instance of progress.
-     * @param {*} table
-     * @memberof progress
-     */
-    constructor(table) {
-        super(table);
-    }
-}
-const progress = new Progress('progress');
-
-export default progress;
diff --git a/linkis-web-next/src/common/scriptis/service/db/result.js b/linkis-web-next/src/common/scriptis/service/db/result.js
deleted file mode 100644
index 571f4c4943..0000000000
--- a/linkis-web-next/src/common/scriptis/service/db/result.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
- 
-
-import { Basic } from '@/common/service/db/index.js';
-/**
- * @class Result
- * @extends {Basic}
- */
-class Result extends Basic {
-    /**
-     *Creates an instance of Result.
-     * @param {*} table
-     * @memberof Result
-     */
-    constructor(table) {
-        super(table);
-    }
-}
-const result = new Result('result');
-
-export default result;
diff --git a/linkis-web-next/src/common/scriptis/service/db/tab.js b/linkis-web-next/src/common/scriptis/service/db/tab.js
deleted file mode 100644
index c8667c9160..0000000000
--- a/linkis-web-next/src/common/scriptis/service/db/tab.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
- 
-
-import { Basic } from '@/common/service/db/index.js';
-/**
- * @class Tab
- * @extends {Basic}
- */
-class Tab extends Basic {
-    /**
-     *Creates an instance of Tab.
-     * @param {*} table
-     * @memberof Tab
-     */
-    constructor(table) {
-        super(table);
-    }
-}
-const tab = new Tab('tab');
-
-export default tab;
diff --git a/linkis-web-next/src/common/scriptis/service/db/tree.js b/linkis-web-next/src/common/scriptis/service/db/tree.js
deleted file mode 100644
index 314d32c43d..0000000000
--- a/linkis-web-next/src/common/scriptis/service/db/tree.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
- 
-
-import { Basic } from '@/common/service/db/index.js';
-/**
- * @class Tab
- * @extends {Basic}
- */
-class Tree extends Basic {
-    /**
-     *Creates an instance of Tab.
-     * @param {*} table
-     * @memberof Tree
-     */
-    constructor(table) {
-        super(table);
-    }
-}
-const tree = new Tree('tree');
-
-export default tree;
diff --git a/linkis-web-next/src/common/service/api.js b/linkis-web-next/src/common/service/api.js
deleted file mode 100644
index 02f5c1473a..0000000000
--- a/linkis-web-next/src/common/service/api.js
+++ /dev/null
@@ -1,331 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-/**
- * Manipulate APIs(操作Api)
- */
-import axios from 'axios';
-import { Message } from 'iview';
-import util from '@/common/util';
-import cache from './apiCache';
-import i18n from '../../common/i18n';
-
-// what an array is used to store the cancel function and id for each request(什么一个数组用于存储每个请求的取消函数和标识)
-const pending = [];
-let cancelConfig = null;
-const {CancelToken} = axios;
-const removePending = (config) => {
-    for (let p = 0; p < pending.length; p++) {
-        const params = JSON.stringify(config.params);
-        // Cancel if it exists(如果存在则执行取消操作)
-        if (pending[p].u === `${config.url  }&${  config.method  }&${  params}`) {
-            // pending[p].f();// perform cancellation(执行取消操作)
-            pending.splice(p, 1);// remove record(移除记录)
-        }
-    }
-};
-
-const cutReq = (config) => {
-    for (let p = 0; p < pending.length; p++) {
-        const params = JSON.stringify(config.params);
-        if (pending[p].u === `${config.url  }&${  config.method  }&${  params}`) {
-            return true;
-        }
-    }
-};
-
-const instance = axios.create({
-    baseURL: process.env.VUE_APP_MN_CONFIG_PREFIX || `${window.location.protocol}//${window.location.host}/api/rest_j/v1/`,
-    timeout: 600000,
-    withCredentials: true,
-    headers: { 'Content-Type': 'application/json;charset=UTF-8' },
-});
-
-instance.interceptors.request.use((config) => {
-    // Add internationalization parameters(增加国际化参数)
-    config.headers['Content-language'] = localStorage.getItem('locale') || 'zh-CN';
-    const flag = cutReq(config);
-    // The second same request cannot be made when the last same request is not completed(当上一次相同请求未完成时，无法进行第二次相同请求)
-    if (flag === true) {
-        removePending(config);
-        return config;
-    } 
-    const params = JSON.stringify(config.params);
-    // It is used to remove when there is an error in the normal request(用于正常请求出现错误时移除)
-    cancelConfig = config;
-    config.cancelToken = new CancelToken((c) => {
-        // Add identity and cancel functions(添加标识和取消函数)
-        pending.push({
-            u: `${config.url  }&${  config.method  }&${  params}`,
-            f: c,
-        });
-    });
-    return config;
-  
-}, (error) => {
-    Promise.reject(error);
-});
-
-instance.interceptors.response.use((response) => {
-    // Perform the cancellation operation after an ajax response is successful, and remove the completed request from the pending(在一个ajax响应成功后再执行取消操作，把已完成的请求从pending中移除)
-    removePending(response.config);
-    return response;
-}, (error) => {
-    // Judgment when an interface exception or timeout occurs(出现接口异常或者超时时的判断)
-    if ((error.message && error.message.indexOf('timeout') >= 0) || (error.request && error.request.status !== 200)) {
-        for (const p in pending) {
-            if (pending[p].u === `${cancelConfig.url  }&${  cancelConfig.method  }&${  JSON.stringify(cancelConfig.params)}`) {
-                pending.splice(p, 1);// remove record(移除记录)
-            }
-        }
-        // The error information returned by the background is returned first, followed by the interface return(优先返回后台返回的错误信息，其次是接口返回)
-        return error.response || error;
-    } if (axios.Cancel) {
-    // If it is in pengding state, a prompt will pop up!(如果是pengding状态，弹出提示！)
-        return {
-            // data: { message: 'Interface requesting! please wait……' }(data: { message: '接口请求中！请稍后……' })
-        };
-    } 
-    return error;
-  
-});
-
-const api = {
-    instance,
-    error: {
-        '-1': function (res) {
-            if (res.data && res.data.enableSSO && res.data.SSOURL) {
-                return window.location.replace(res.data.SSOURL);
-            }
-
-            const isLoginPath = window.location.hash == '#/login';
-            if (!isLoginPath) {
-                window.location.hash = '#/login';
-                throw new Error('您尚未登录，请先登录!');
-            }
-        },
-    },
-    constructionOfResponse: {
-        codePath: 'status',
-        successCode: '0',
-        messagePath: 'message',
-        resultPath: 'data'
-    },
-};
-
-const getData = function (data) {
-    const _arr = ['codePath', 'messagePath', 'resultPath'];
-    const res = {};
-    _arr.forEach((item) => {
-        const pathArray = api.constructionOfResponse[item].split('.');
-        let result = pathArray.length === 1 && pathArray[0] === '*' ? data : data[pathArray[0]];
-        for (let j = 1; j < pathArray.length; j++) {
-            result = result[pathArray[j]];
-            if (!result) {
-                if (j < pathArray.length - 1) {
-                    window.console.error(`【FEX】ConstructionOfResponse配置错误：${item}拿到的值是undefined，请检查配置`);
-                }
-                break;
-            }
-        }
-        res[item] = result;
-    });
-    return res;
-};
-
-const success = function (response) {
-    if (util.isNull(api.constructionOfResponse.codePath) || util.isNull(api.constructionOfResponse.successCode) ||
-        util.isNull(api.constructionOfResponse.messagePath) || util.isNull(api.constructionOfResponse.resultPath)) {
-        window.console.error('【FEX】Api配置错误: 请调用setConstructionOfResponse来设置API的响应结构');
-        return;
-    }
-    let data;
-    if (response) {
-        const linkis_errorMsgTip = (sessionStorage.getItem('linkis.errorMsgTip') || '').replace(/%s/g, response.config.url);
-        if (util.isString(response.data)) {
-            data = JSON.parse(response.data);
-        } else if (util.isObject(response.data)) {
-            data = response.data;
-        } else {
-            throw new Error(linkis_errorMsgTip || i18n.t('message.common.exceptionTips'));
-        }
-        const res = getData(data);
-        const code = res.codePath;
-        const message = res.messagePath;
-        const result = res.resultPath;
-        const errorMsgTip = result ? result.errorMsgTip : '';
-        if (errorMsgTip) {
-            sessionStorage.setItem('linkis.errorMsgTip', errorMsgTip);
-        }
-        if (code != api.constructionOfResponse.successCode) {
-            if (api.error[code]) {
-                api.error[code](response);
-                throw new Error('');
-            } else {
-                throw new Error(message || linkis_errorMsgTip || i18n.t('message.common.exceptionTips'));
-            }
-        }
-        if (result) {
-            let len = 0;
-            const hasBigData = Object.values(result).some(item => {
-                if (Array.isArray(item)) {
-                    len = item.length > len ? item.length : len;
-                    return len > 200;
-                }
-            });
-            if (hasBigData) {
-                window.console.log(response.data, '潜在性能问题大数据量', len);
-            }
-        }
-
-        return result || {};
-    }
-};
-
-const fail = function (error) {
-    let _message = '';
-    const {response} = error;
-    if (response && api.error[response.status]) {
-        api.error[response.status].forEach((fn) => fn(response));
-    } else {
-        _message = i18n.t('message.common.exceptionTips');
-        if (response && response.config) _message = (sessionStorage.getItem('linkis.errorMsgTip') || '').replace(/%s/g, response.config.url) || i18n.t('message.common.exceptionTips');
-        if (response && response.data) {
-            let data;
-            if (util.isString(response.data)) {
-                data = JSON.parse(response.data);
-            } else if (util.isObject(response.data)) {
-                data = response.data;
-            }
-            if (data) {
-                const res = getData(data);
-                _message = res.messagePath;
-            }
-        }
-    }
-    error.message = _message;
-    throw error;
-};
-
-const param = function (url, data, option) {
-    const method = 'post';
-    if (util.isNull(url)) {
-        return window.console.error('请传入URL');
-    } if (!util.isNull(url) && util.isNull(data) && util.isNull(option)) {
-        option = {
-            method,
-        };
-    } else if (!util.isNull(url) && !util.isNull(data) && util.isNull(option)) {
-        option = {
-            method,
-        };
-        if (util.isString(data)) {
-            option.method = data;
-        } else if (util.isObject(data)) {
-            option.data = data;
-        }
-    } else if (!util.isNull(url) && !util.isNull(data) && !util.isNull(option)) {
-        if (!util.isObject(data)) {
-            data = {};
-        }
-        if (util.isString(option)) {
-            option = {
-                method: option,
-            };
-        } else if (util.isObject(option)) {
-            option.method = option.method || method;
-        } else {
-            option = {
-                method,
-            };
-        }
-        if (option.method == 'get' || option.method == 'delete' || option.method == 'head' || option.method == 'options') {
-            option.params = data;
-        }
-        if (option.method == 'post' || option.method == 'put' || option.method == 'patch') {
-            option.data = data;
-        }
-    }
-    // cacheOptions interface data cache {time} When the time is 0, the data cached in the memory will not be cleaned up after the request(cacheOptions接口数据缓存 {time} time为0则请求之后缓存在内存里的数据不清理)
-    if (option.cacheOptions) {
-        option.adapter = cache(option.cacheOptions);
-    }
-    option.url = url;
-
-    return instance.request(option);
-};
-
-const action = function (url, data, option) {
-    return param(url, data, option)
-        .then(success, fail)
-        .then((response) => response)
-        .catch((error) => {
-            if (error.message) {
-                const urlReg = /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?/g;
-                const result = error.message.match(urlReg);
-                result ? Message.error({
-                    duration: 3,
-                    render: h => {
-                        const context = error.message.split(result[0]);
-                        return h('span', [
-                            context[0],
-                            h('a', {
-                                domProps: {
-                                    href: result[0],
-                                    target: '_blank'
-                                },
-                            }, result[0]),
-                            context[1],
-                        ]);
-                    }
-                }) : Message.error({
-                    duration: 1.5,
-                    content: error.message
-                });
-            }
-            throw error;
-        });
-};
-
-api.fetch = action;
-
-api.option = function (option) {
-    if (option.root) {
-        instance.defaults.baseURL = option.root;
-    }
-    if (option.timeout && util.isNumber(option.timeout)) {
-        instance.defaults.timeout = option.timeout;
-    }
-    if (option.config && util.isObject(option.config)) {
-        Object.keys(option.config).forEach((key) => {
-            instance.defaults[key] = option.config[key];
-        });
-    }
-};
-
-api.setError = function (option) {
-    if (option && util.isObject(option)) {
-        util.merge(api.error, option);
-    }
-};
-
-api.setResponse = function (constructionOfResponse) {
-    this.constructionOfResponse = constructionOfResponse;
-};
-
-export default api;
diff --git a/linkis-web-next/src/common/service/apiCache.js b/linkis-web-next/src/common/service/apiCache.js
deleted file mode 100644
index 2263e7a01f..0000000000
--- a/linkis-web-next/src/common/service/apiCache.js
+++ /dev/null
@@ -1,76 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-import axios from 'axios';
-
-// data storage(数据存储)
-export const cache = {
-    data: {},
-    set(key, data) {
-        this.data[key] = data;
-    },
-    get(key) {
-        return this.data[key];
-    },
-    clear(key) {
-        delete this.data[key];
-    }
-};
-
-// Create a unique key value(建立唯一的key值)
-export const buildUniqueUrl = (url, method, params = {}, data = {}) => {
-    const paramStr = (obj) => {
-        if (toString.call(obj) === '[object Object]') {
-            return JSON.stringify(Object.keys(obj).sort().reduce((result, key) => {
-                result[key] = obj[key];
-                return result;
-            }, {}));
-        } 
-        return JSON.stringify(obj);
-    
-    };
-    url += `?${paramStr(params)}&${paramStr(data)}&${method}`;
-    return url;
-};
-
-// prevent duplicate requests(防止重复请求)
-export default (options = {}) => async config => {
-    const defaultOptions = {
-        time: 0, // Set to 0, do not clear the cache(设置为0，不清除缓存)
-        ...options
-    };
-    const index = buildUniqueUrl(config.url, config.method, config.params, config.data);
-    let responsePromise = cache.get(index);
-    if (!responsePromise) {
-        responsePromise = (async () => {
-            try {
-                const response = await axios.defaults.adapter(config);
-                return Promise.resolve(response);
-            } catch (reason) {
-                cache.clear(index);
-                return Promise.reject(reason);
-            }
-        })();
-        cache.set(index, responsePromise);
-        if (defaultOptions.time !== 0) {
-            setTimeout(() => {
-                cache.clear(index);
-            }, defaultOptions.time);
-        }
-    }
-    return responsePromise.then(data => JSON.parse(JSON.stringify(data))); // To prevent data source pollution(为防止数据源污染)
-};
diff --git a/linkis-web-next/src/common/service/db/index.js b/linkis-web-next/src/common/service/db/index.js
deleted file mode 100644
index 57094e1173..0000000000
--- a/linkis-web-next/src/common/service/db/index.js
+++ /dev/null
@@ -1,99 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-import DB from '@/common/helper/db.js';
-import { config } from '@/common/config/db.js';
-// To update the schema please use db.updateVersion(stores, version)(更新schema请用db.updateVersion(stores, version))
-const db = new DB('bdp-ide', config.stores, config.version);
-// To change the primary key, you must delete the original store before it can be updated. For other non-primary key modifications, call updateVersion directly.(更改主键要先删掉原来的store才能更新，其他非主键修改直接调用updateVersion)
-// db.updateVersion(Object.assign({}, config.stores), config.version + 1);
-/**
- * @class basic
- */
-class Basic {
-    /**
-     *Creates an instance of basic.
-     * @memberof basic
-     * @param {*} table
-     */
-    constructor(table) {
-        this.table = table;
-    }
-
-    /**
-     * @param {Tab} tab
-     * @param {*} id
-     * @memberof Tab
-     * @return {promise}
-     */
-    add(tab) {
-        return db.put(this.table, tab);
-    }
-
-    /**
-     * @param {string}key
-     * @return {promise} tabList or query tab by key
-     * @memberof Tab
-     */
-    get(key) {
-        if (key) {
-            return db.get(this.table, key);
-        }
-        return db.toArray(this.table);
-    }
-
-    /**
-     *
-     *
-     * @param {*} key
-     * @return {promise}
-     * @memberof basic
-     */
-    remove(key) {
-        return db.delete(this.table, key);
-    }
-
-    /**
-     * @param {*} key
-     * @param {*} changes
-     * @return {*}
-     */
-    update(key, changes) {
-        return db.update(this.table, key, changes);
-    }
-
-    /**
-     *
-     * @param {*} oldKey
-     * @param {*} newKey
-     */
-    async modifyPrimaryKey(oldKey, newKey) {
-        let object = await db.get(this.table, oldKey);
-        if (object && object[0]) {
-            await db.delete(this.table, oldKey);
-            if (this.table === 'tab') {
-                object[0].id = newKey;
-                object = Object.assign(object, { id: newKey });
-            } else {
-                object[0].tabId = newKey;
-                object = Object.assign(object, { tabId: newKey });
-            }
-            return db.put(this.table, object);
-        }
-    }
-}
-export { db, Basic };
diff --git a/linkis-web-next/src/common/service/execute.js b/linkis-web-next/src/common/service/execute.js
deleted file mode 100644
index adbebfb370..0000000000
--- a/linkis-web-next/src/common/service/execute.js
+++ /dev/null
@@ -1,675 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-import api from '@/common/service/api';
-import router from '@/router';
-import storage from '@/common/helper/storage';
-import Vue from 'vue';
-import axios from 'axios';
-import { Message } from 'iview';
-import i18n from '@/common/i18n';
-
-/**
- * Provide script running related methods, including execution methods, status polling, log reception, and obtaining results, etc.(提供脚本运行相关方法，包括执行方法，状态轮询，日志接收，获取结果等)
- * * 1. By default, socket communication is used. If the socket connection fails, the http method is used.(默认使用socket方式通信，若socket连接失败则使用http方式)
- * * 2. Click Execute to call the start method, and enter the executing state after receiving the taskID(点击执行调用start方法，收到taskID后进入执行中状态)
- * * 3.The task in execution closes the script tab, and needs to restore the state when reopening(执行中任务关闭脚本tab，重新打开时需要恢复状态)
- * * 4.After the task socket is downgraded to http, call queryStatus to poll the progress, log(执行中任务socket降级http之后调用queryStatus轮询进度，日志)
- * ! 5.This method is a public method that is reused during script execution and workflow node execution.(本方法是script执行、工作流节点执行时复用的公共方法)
- * @param { Object } data 待执行脚本信息
- */
-function Execute(data) {
-    this.executeTimout = null;
-    this.statusTimeout = null;
-    this.diagnosisTimeout = null;
-    this.diagnosisTimer = 300;
-    this.beginTime = Date.now();
-    this.progress = 0;
-    this.id = null;
-    this.status = null;
-    // Only used by the /api/jobhistory/${id}/get interface(仅/api/jobhistory/${id}/get接口使用)
-    this.taskID = null;
-    this.postType = process.env.NODE_ENV === 'sandbox' ? 'http' : (data.data.postType || 'socket');
-    delete data.data.postType;
-    this.data = data;
-    this.executionCode = null;
-    this.model = 'normal';
-    this.fromLine = data.fromLine || 1;
-    this.runType = data.data.runType;
-    this.event = new Vue();
-    this.run = false;
-    // Store the relevant information of the result set, use the log and result path inside(存储结果集的相关信息，用到里面的日志和结果路径)
-    this.resultsetInfo = null;
-    // Stores all information in the result set directory, which can be used to get a single result set(存储结果集目录下的所有信息，可用于拿到单个结果集)
-    this.resultList = [];
-    // the path of the current result set(当前结果集的path)
-    this.currentResultPath = '';
-    this.isDiagnosisFailed = false;
-    // Used to control the url to get the result set(用来控制获取结果集的url)
-    this.getResultUrl = data.getResultUrl || 'filesystem',
-    this.on('execute', () => {
-        this.run = true;
-    // The comment is reserved for when the request is initiated, when the first interface is not returned for a long time(注释是留作发起请求时，长时间没返回第一个接口时)
-    // timeoutCheck(this);
-    });
-    this.on('execute:queryState', () => {
-        this.queryStatus({ isKill: false });
-        this.queryProgress();
-    });
-    this.on('stateEnd', () => {
-        this.getResultPath();
-    });
-    this.on('getResultList', () => {
-        this.getResultList();
-    });
-    this.on('getResult', () => {
-        this.getFirstResult();
-    });
-    this.on('stop', () => {
-        clearTimeout(this.executeTimout);
-        clearTimeout(this.statusTimeout);
-        this.run = false;
-    });
-    this.on('kill', () => {
-        if (this.postType === 'http') {
-            this.queryStatus({ isKill: true });
-        }
-    });
-    // data is the return data of the interface(data是接口的返回数据)
-    // execute.data is the request data sent from the foreground to the background(execute.data是前台发送至后台的请求数据)
-    this.on('data', ({ data, execute }) => {
-        if (execute.postType !== 'socket') return;
-        // Here, we judge the situation that the first interface execute of websocket will directly return errorMsg(这里对websocket第一个接口execute直接会返回errorMsg的情况进行判断)
-        if (Object.prototype.hasOwnProperty.call(data.data, 'errorMsg')) {
-            execute.trigger('stop');
-            execute.trigger('error');
-            return;
-        }
-        const {method} = execute.data;
-        if (!execute.taskID) {
-            const socketTag = data.data && data.data.websocketTag;
-            if (execute.data.websocketTag === socketTag && data.method === method) {
-                // clearTimeout(execute.executeTimout);
-                timeoutCheck(execute);
-                api.fetch('/jobhistory/list', {
-                    pageSize: 100,
-                    status: 'Running,Inited,Scheduled',
-                }, 'get').then((rst) => {
-                    execute.trigger('updateResource', rst.tasks.length);
-                });
-                deconstructExecute(execute, data.data);
-                this.trigger('steps', 'Inited');
-            }
-        } else {
-            const id = data.data && data.data.taskID;
-            const prefix = method.slice(0, method.lastIndexOf('/') + 1);
-            if (execute.taskID !== id) {
-                // For the case where the expired data is not updated when the temporary script is right-clicked multiple times(针对临时脚本多次右键点击的，过期数据不更新的情况)
-                if (data.data.status) {
-                    return execute.trigger('updateExpireHistory', data.data);
-                }
-                return;
-            }
-            if (data.method === `${prefix  }${execute.id}/status`) {
-                reawakening(execute);
-                deconstructStatus(execute, data.data);
-            } else if (data.method === `${prefix  }${execute.id}/progressWithResource`) {
-                reawakening(execute);
-                execute.trigger('progress', data.data);
-            } else if (data.method === `${prefix  }${execute.id}/log`) {
-                reawakening(execute);
-                execute.trigger('log', data.data.log);
-            } else if (data.method === `${prefix  }${execute.id}/waitingSize`) {
-                const log = `**Waiting queue：${i18n.t('message.common.execute.waitingQueue', { num: data.data.waitingSize })}`;
-                execute.trigger('log', log);
-                execute.trigger('progress', { progress: 0, progressInfo: [], waitingSize: data.data.waitingSize });
-                clearTimeout(execute.executeTimout);
-                clearTimeout(execute.statusTimeout);
-            } else if (data.method === `${prefix  }${execute.id}/runtimeTuning`) {
-                execute.trigger('diagnosis', data.data.diagnosticInfo);
-            } else {
-                if (data.data.status) {
-                    execute.trigger('updateExpireHistory', data.data);
-                }
-                clearTimeout(execute.executeTimout);
-                clearTimeout(execute.statusTimeout);
-            }
-        }
-    });
-    this.on('downgrade', ({ execute }) => {
-        execute.postType = 'http';
-        // When the script is running, if the socket is downgraded to http, the http interface is used to poll the progress(脚本运行中，由socket降级成http则使用http接口轮询进度)
-        // There are two possibilities when the websocket is downgraded, 1. The task has been started and the connection is disconnected before returning the id, 2. One is that the connection is lost before starting(当websocket降级时有两种可能，1，，任务已经启动，在返回id前就断了连接， 2.一种是在启动前就失去连接)
-        if (execute.run) {
-            if (this.id && this.taskID) {
-                execute.queryStatus({isKill: false});
-            } else {
-                // run the task again(重新跑任务)
-                console.warn('[websocket降级没有获取到taskID]');
-                // this.execute(); // Do not actively help users start tasks(不主动帮用户启动任务)
-            }
-        }
-    });
-    this.on('dataError', ({ data, execute }) => {
-        execute.run = false;
-        if (data.data.status === -1) {
-            router.push('/login');
-            Message.warning(data.message);
-        } else {
-            this.trigger('notice', {
-                type: 'warning',
-                msg: data.message,
-                autoJoin: false,
-            });
-        }
-    });
-}
-
-Execute.prototype.start = function() {
-    setTimeout(() => {
-        this.execute();
-    }, 0);
-};
-
-Execute.prototype.restore = function({ execID, taskID }) {
-    this.id = execID;
-    this.taskID = taskID;
-    this.run = true;
-    this.postType = 'http';
-    this.trigger('execute:queryState');
-};
-
-Execute.prototype.halfExecute = function({ execID, taskID }) {
-    this.id = execID;
-    this.taskID = taskID;
-    this.run = true;
-    this.postType = 'http';
-    this.trigger('execute:queryState');
-};
-
-Execute.prototype.on = function(name, cb) {
-    this.event.$on(name, cb);
-};
-Execute.prototype.off = function() {
-    this.event.$off();
-};
-Execute.prototype.once = function(name, cb) {
-    this.event.$once(name, cb);
-};
-Execute.prototype.trigger = function(name, data) {
-    this.event.$emit(name, data);
-};
-
-Execute.prototype.execute = function() {
-    this.trigger('execute');
-    if (this.postType === 'http') {
-        return this.httpExecute();
-    }
-    this.trigger('WebSocket:send', this.data);
-};
-
-Execute.prototype.httpExecute = function() {
-    this.trigger('execute');
-    const method = this.data.method.slice(this.data.method.indexOf('entrance'), this.data.method.length);
-    api.fetch(method, this.data.data)
-        .then((ret) => {
-            deconstructExecute(this, ret);
-            this.trigger('execute:queryState');
-            this.trigger('steps', 'Inited');
-        })
-        .catch(() => {
-            this.trigger('stop');
-            this.trigger('error', 'execute');
-        });
-};
-
-Execute.prototype.outer = function(outerUrl, ret) {
-    axios.put(
-        outerUrl, {
-            need_repair: true,
-            task_id: ret.id,
-        }, {
-            withCredentials: true,
-        }
-    );
-};
-
-Execute.prototype.queryStatus = function({ isKill }) {
-    const requestStatus = (ret) => {
-        if (isKill) {
-            deconstructStatusIfKill(this, ret);
-        } else {
-            deconstructStatus(this, ret);
-        }
-    };
-    api.fetch(`/entrance/${this.id}/status`, {taskID: this.taskID}, 'get')
-        .then((ret) => {
-            this.status = ret.status;
-            requestStatus(ret);
-        })
-        .catch(() => {
-            requestStatus({
-                status: this.status
-            });
-        });
-};
-
-Execute.prototype.queryProgress = function() {
-    api.fetch(`/entrance/${this.id}/progressWithResource`, 'get')
-        .then((rst) => {
-            this.trigger('progress', { progress: rst.progress, progressInfo: rst.progressInfo });
-        });
-};
-
-Execute.prototype.queryLog = function() {
-    return api.fetch(`/entrance/${this.id}/log`, {
-        fromLine: this.fromLine,
-        size: -1,
-    }, 'get')
-        .then((rst) => {
-            this.fromLine = rst.fromLine;
-            this.trigger('log', rst.log);
-            return Promise.resolve();
-        }).catch(() => Promise.resolve());
-};
-
-Execute.prototype.getResultPath = function() {
-    this.trigger('steps', 'ResultLoading');
-    // api执行时的路径不一样
-    const taskUrl = this.getResultUrl !== 'filesystem' ? this.getResultUrl : 'jobhistory';
-    api.fetch(`/${taskUrl}/${this.taskID}/get`, 'get')
-        .then((rst) => {
-            if (rst.task) {
-                this.resultsetInfo = rst.task;
-                this.trigger('querySuccess', {
-                    type: '执行',
-                    task: rst.task,
-                });
-                this.trigger('getResultList');
-                this.updateLastHistory(rst.task);
-            } else {
-                throw new Error('task null');
-            }
-        })
-        .catch((err) => {
-            this.trigger('steps', 'FailedToGetResultPath');
-            logError(err, this);
-        });
-};
-
-Execute.prototype.getResultList = function() {
-    if (this.resultsetInfo && this.resultsetInfo.resultLocation) {
-        const params = {
-            path: `${this.resultsetInfo.resultLocation}`,
-        };
-        // If it is api execution, you need to bring taskId(如果是api执行需要带上taskId)
-        if (this.getResultUrl !== 'filesystem') {
-            params.taskId = this.taskID;
-        }
-        api.fetch(
-            `/${this.getResultUrl}/getDirFileTrees`, params,
-            'get'
-        )
-            .then((rst) => {
-                // The order of the result set in the background is sorted by string according to the name of the result set. When displaying, there will be a problem that the result set cannot be matched, so add sorting(后台的结果集顺序是根据结果集名称按字符串排序的，展示时会出现结果集对应不上的问题，所以加上排序)
-                if(rst.dirFileTrees && rst.dirFileTrees.children) {
-                    this.resultList = rst.dirFileTrees.children.sort((a, b) => {
-                        const slice = (name) => Number(name.slice(1, name.lastIndexOf('.')));
-                        return slice(a.name) - slice(b.name);
-                    });
-                }
-                this.trigger('getResult');
-            })
-            .catch((err) => {
-                this.trigger('steps', 'FailedToGetResultList');
-                logError(err, this);
-            });
-    } else {
-        this.trigger('notice', {
-            type: 'error',
-            msg: i18n.t('message.common.execute.error.getResultList'),
-            autoJoin: true,
-        });
-    }
-};
-
-Execute.prototype.getFirstResult = function() {
-    if (this.resultList.length < 1 ) {
-        const log = '**result tips: empty!';
-        this.trigger('log', log);
-        this.trigger('steps', 'Completed');
-        this.run = false;
-    } else {  // Get the first result set(获取第一个结果集)
-        this.currentResultPath = this.resultList[0].path;
-        // The log path needs to be provided to download the log(需要提供日志路径，用于下载日志)
-        this.trigger('history', {
-            execID: this.id,
-            logPath: this.resultsetInfo.logPath,
-            taskID: this.taskID,
-            status: this.status,
-        });
-        const params = {
-            path: this.currentResultPath,
-            pageSize,
-        };
-        // If it is api execution, you need to bring taskId(如果是api执行需要带上taskId)
-        if (this.getResultUrl !== 'filesystem') {
-            params.taskId = this.taskID;
-        }
-        const url = `/${this.getResultUrl}/openFile`;
-        const pageSize = 5000;
-        api.fetch(url, params, 'get')
-            .then((rst) => {
-                this.trigger('result', rst);
-                const log = `**result tips: ${i18n.t('message.common.execute.success.getResultList')}`;
-                this.trigger('log', log);
-                this.trigger('steps', 'Completed');
-                this.run = false;
-            })
-            .catch((err) => {
-                this.trigger('steps', 'FailedToGetResultFirst');
-                logError(err, this);
-            });
-    }
-};
-
-// Get error reason and update history(获取错误原因，并更新历史)
-Execute.prototype.updateLastHistory = function(option, cb) {
-    if (option) {
-        return this.trigger('history', {
-            taskID: option.taskID,
-            execID: '',
-            createDate: option.createdTime,
-            runningTime: option.costTime,
-            status: option.status,
-            failedReason: '',
-        });
-    }
-    // The path when the api is executed is different(api执行时的路径不一样)
-    const taskUrl = this.getResultUrl !== 'filesystem' ? this.getResultUrl : 'jobhistory';
-    api.fetch(`/${taskUrl}/${this.taskID}/get`, 'get')
-        .then((res) => {
-            const {task} = res;
-            if (cb) {
-                cb(task);
-            }
-            this.executionCode = task.executionCode;
-            this.trigger('history', {
-                taskID: task.taskID,
-                execID: '',
-                createDate: task.createdTime,
-                runningTime: task.costTime,
-                // This is changed to the status of execute because the state may not be flipped in the case of a large result set in the database, but the state pushed by the websocket is correct(这里改成使用execute的status是因为数据库中在大结果集的情况下可能会发生状态不翻转的情况，但websocket推送的状态是对的)
-                status: this.status,
-                failedReason: task.errCode && task.errDesc ? task.errCode + task.errDesc : task.errCode || task.errDesc || ''
-            });
-            if (task.progress === 1) {
-                this.trigger('costTime', task.costTime);
-            }
-        }).catch(() => {
-            this.trigger('history', {
-                taskID: this.taskID,
-                status: this.status,
-                isPartialUpdate: true,
-            });
-        });
-};
-
-/**
- * When killing, go to poll to get the canceled status(kill的时候去轮询获取cancelled状态)
- * @param {*} execute
- * @param {*} ret
- */
-function deconstructStatusIfKill(execute, ret) {
-    if (ret.status !== 'Cancelled') {
-        setTimeout(() => {
-            execute.queryStatus({ isKill: true });
-        }, 5000);
-    } else {
-        const msg = '查询已被取消';
-        queryException(execute, 'warning', msg);
-    }
-}
-
-/**
- * poll status(轮询状态)
- * @param {*} execute
- * @param {*} ret
- */
-function deconstructStatus(execute, ret) {
-    clearTimeout(execute.executeTimout);
-    execute.status = ret.status;
-    execute.trigger('steps', ret.status);
-    execute.trigger('status', ret.status);
-    switch (ret.status) {
-    case 'Inited': case 'Scheduled': case 'Running':
-        // Update history when state changes(在状态发生改变的时候更新历史)
-        execute.updateLastHistory();
-        if (execute.postType !== 'socket') {
-        // Send a request every 5 seconds(5秒发送一次请求)
-            if (!execute.run) return;
-            setTimeout(() => {
-                execute.queryStatus({ isKill: false });
-                execute.queryProgress();
-                execute.queryLog();
-            }, 5000);
-        }
-        break;
-    case 'Succeed':
-        if ((!execute.fromLine || execute.fromLine === 1) && execute.postType !== 'socket') {
-            execute.queryLog().then(() => {
-                whenSuccess(execute);
-            });
-            break;
-        }
-        whenSuccess(execute);
-        break;
-    default:
-        if ((!execute.fromLine || execute.fromLine === 1) && execute.postType !== 'socket') {
-            execute.queryLog().then(() => {
-                whenException(execute, ret);
-            });
-            break;
-        }
-        whenException(execute, ret);
-        break;
-    }
-}
-
-/**
- * Logic to execute when the status is successful(当状态为成功时执行的逻辑)
- * @param {*} execute
- */
-function whenSuccess(execute) {
-    if (execute.runType !== 'pipeline') {
-    // stateEnd needs to obtain the result set, and the history will be updated when the result set is obtained(stateEnd是需要获取结果集的，获取结果集的同时会更新历史)
-        execute.trigger('stateEnd');
-        const log = `**result tips: ${i18n.t('message.common.execute.success.stateEnd')}`;
-        execute.trigger('log', log);
-    } else {
-    // Import and export do not need to request the result set, but need to update the history, otherwise there will be a problem that the state is not flipped.(导入导出不需要请求结果集，但需要更新历史，否则会出现状态未翻转的问题。)
-        const log = `**result tips: ${i18n.t('message.common.execute.error.noResultList')}`;
-        execute.trigger('log', log);
-        execute.trigger('steps', 'Completed');
-        execute.updateLastHistory('', (task) => {
-            execute.trigger('querySuccess', {
-                type: '导入/导出',
-                task,
-            });
-        });
-    }
-    execute.trigger('stop');
-}
-
-/**
- * Logic to execute when the state is abnormal(当状态为异常状态时执行的逻辑)
- * @param {*} execute
- * @param {*} ret
- */
-function whenException(execute, ret) {
-    if (ret.status === 'Failed') {
-        const msg = i18n.t('message.common.execute.error.failed');
-        queryException(execute, 'error', msg);
-    }
-    if (ret.status === 'Cancelled') {
-        const msg = i18n.t('message.common.execute.error.canceled');
-        queryException(execute, 'warning', msg);
-    }
-    if (ret.status === 'Timeout') {
-        const msg = i18n.t('message.common.execute.error.executeTimeout');
-        queryException(execute, 'error', msg);
-        clearInterval(execute.diagnosisTimeout);
-    }
-}
-
-/**
- * inner helper
- * @param {*} execute
- * @param {*} ret
- */
-function deconstructExecute(execute, ret) {
-    if (Object.prototype.hasOwnProperty.call(ret, 'errorMsg')) {
-        execute.updateLastHistory();
-        execute.trigger('stop');
-        execute.trigger('error');
-        execute.trigger('notice', {
-            type: 'error',
-            msg: ret.errorMsg.desc,
-            autoJoin: false,
-        });
-    } else {
-        execute.id = ret.execID;
-        execute.taskID = ret.taskID;
-        const flag = ['qmlsql', 'qmlpy'].includes(execute.runType);
-        const outerUrl = storage.get('outerUrl');
-        if (flag && outerUrl) {
-            execute.outer(outerUrl, ret);
-        }
-        execute.trigger('history', {
-            taskID: ret.taskID,
-            execID: ret.execID,
-            createDate: execute.beginTime,
-            runningTime: 0,
-            status: 'Inited',
-            failedReason: '',
-        });
-        setModelAndGetCode(execute, execute.data.method).then((code) => {
-            execute.trigger('sendStart', code);
-        });
-    }
-}
-
-/**
- * More than one minute does not return,then terminate the request.
- * @param {*} execute
- */
-function timeoutCheck(execute) {
-    const timeout = 1000 * 60;
-    clearTimeout(execute.executeTimout);
-    execute.executeTimout = setTimeout(() => {
-        execute.trigger('stop');
-        execute.trigger('error');
-        execute.trigger('notice', {
-            type: 'error',
-            msg: i18n.t('message.common.execute.error.executeTimeout'),
-            autoJoin: true,
-        });
-    }, timeout);
-}
-
-/**
- * When the websocket request has not returned for more than 1 minute, send a status request to wake up again.(当websocket请求超过1分钟未返回时，发送一个status请求重新唤醒.)
- * @param {*} execute
- */
-function reawakening(execute) {
-    const timeout = 1000 * 60;
-    clearTimeout(execute.statusTimeout);
-    execute.statusTimeout = setTimeout(() => {
-    // http方式
-    // api.fetch(`/entrance/${execute.id}/status`, 'get')
-    //     .then((ret) => {
-    //         execute.status = ret.status;
-    //     });
-    // websocket方式
-        const data = {
-            method: `/api/rest_j/v1/entrance/${execute.id}/status`,
-        };
-        execute.trigger('WebSocket:send', data);
-    }, timeout);
-}
-
-/**
- *
- * @param {*} err
- * @param {*} that
- */
-function logError(err, that) {
-    that.run = false;
-    const notResultLog = `**result tips: ${i18n.t('message.common.execute.error.noResultList')}`;
-    const errorLog = `**result tips: ${err},${i18n.t('message.common.execute.error.errorLog')}`;
-    const notResult = err.message === 'Cannot read property \'children\' of null';
-    const log = notResult ? notResultLog : errorLog;
-    that.trigger('log', log);
-    if (notResult) {
-        that.trigger('steps', 'Completed');
-    }
-}
-
-/**
- * Action when query is abnormal(查询异常时的操作)
- * @param {*} execute the current object(execute 当前的对象)
- * @param {*} type notice的类型(type notice的类型)
- * @param {*} The prompt text of msg notice(msg notice的提示文本)
- */
-function queryException(execute, type, msg) {
-    clearInterval(execute.diagnosisTimeout);
-    execute.updateLastHistory();
-    execute.trigger('stop');
-    execute.trigger('error');
-    execute.trigger('notice', {
-        type,
-        msg,
-        autoJoin: true,
-    });
-}
-
-/**
- * When webscoket is in background mode, when receiving the execute interface, the get request or the script content spliced ​​in the background is called;(webscoket为background模式时，在接收execute接口时调用get请求或者后台拼接的脚本内容；)
- * @param {*} execute
- * @param {*} method
- * @return {*}
- */
-function setModelAndGetCode(execute, method) {
-    return new Promise((resolve) => {
-        const model = method.slice(method.lastIndexOf('/') + 1, method.length);
-        if (model === 'backgroundservice') {
-            execute.model = 'background';
-            api.fetch(`/jobhistory/${execute.taskID}/get`, 'get').then((res) => {
-                execute.executionCode = res.task.executionCode;
-                resolve(execute.executionCode);
-            }).catch(() => {
-                execute.executionCode = null;
-            });
-        } else if (model === 'execute') {
-            execute.model = 'normal';
-            resolve('');
-        }
-    });
-}
-
-export default Execute;
diff --git a/linkis-web-next/src/common/service/layoutMixin.js b/linkis-web-next/src/common/service/layoutMixin.js
deleted file mode 100644
index b6c04f0e0c..0000000000
--- a/linkis-web-next/src/common/service/layoutMixin.js
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-import storage from '@/common/helper/storage';
-import tree from '@/apps/scriptis/service/db/tree.js';
-
-export default {
-    data() {
-        return {};
-    },
-
-    created() {
-    // Refreshing the page still needs to clear the cache, because the number structure in scriptis is cached. If it is not clear, the background update will not be able to see the refresh page(刷新页面还是需要清缓存的，因为scriptis里的数结构都是缓存，如果不清，后台更新了刷新页面也看不到)
-        this.clearSession();
-    },
-    mounted() {
-        document.addEventListener('copy', this.copyAction, false);
-    },
-    beforeDestroy() {
-        document.removeEventListener('copy', this.copyAction, false);
-    },
-    methods: {
-        copyAction(event) {
-            // The clipboardData object in Google Chrome exists in the event event, which is used to obtain the data in the clipboard, which can only be monitored during the copy operation.(谷歌浏览器中的clipboardData对象存在event事件里，用于获取剪贴板中的数据，只有在复制操作过程中才能监听到)
-            const string = event.clipboardData.getData('text/plain') || event.target.value || event.target.outerText;
-            storage.set('copyString', string);
-        },
-        clearSession() {
-            tree.remove('scriptTree');
-            tree.remove('hdfsTree');
-            storage.set('shareRootPath', '');
-            storage.set('hdfsRootPath', '');
-            tree.remove('hiveTree');
-            tree.remove('udfTree');
-            tree.remove('functionTree');
-            storage.set('copyString', '');
-            // Refresh basic user information without clearing the login(刷新不用清登录的用户基础信息)
-            // storage.set('baseInfo', '');
-        },
-    }
-};
diff --git a/linkis-web-next/src/common/service/mixin.js b/linkis-web-next/src/common/service/mixin.js
deleted file mode 100644
index e14a429546..0000000000
--- a/linkis-web-next/src/common/service/mixin.js
+++ /dev/null
@@ -1,93 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-import storage from '@/common/helper/storage';
-import SUPPORTED_LANG_MODES from '@/common/config/scriptis';
-
-export default {
-    data () {
-        return {
-            SUPPORTED_LANG_MODES,
-        };
-    },
-
-    created () {},
-    mounted () {},
-    beforeDestroy () {},
-    destroyed () {},
-    methods: {
-        getVsBiUrl(name = 'visualis') {
-            const baseInfo = storage.get('baseInfo', 'local');
-            if (!baseInfo) return;
-            const vsBi = baseInfo.applications.find((item) => item.name === name) || {};
-            return vsBi.url;
-        },
-        getProjectJsonResult(key, name = 'visualis') {
-            window.console.log(key,name);
-            // Used to determine what return value to return(用于判断返回什么样的返回值)
-            const baseInfo = storage.get('baseInfo', 'local');
-            if (!baseInfo) {
-                // When linkis is deployed alone, there is no baseinfo, no restrictions(linkis单独部署的时候没有baseinfo, 不用限制)
-                return true;
-            } 
-            return baseInfo.resultSetExportEnable;
-      
-        },
-        getFAQUrl() {
-            const baseInfo = storage.get('baseInfo', 'local');
-            if (!baseInfo) return;
-            const url = baseInfo.DWSParams.faq;
-            return url;
-        },
-        getSupportModes() {
-            return this.SUPPORTED_LANG_MODES;
-        },
-        async gotoCommonIframe(type, query = {}) {
-            const baseInfo = storage.get('baseInfo', 'local');
-            if (!baseInfo) return;
-            const info = baseInfo.applications.find((item) => item.name === type) || {};
-            // According to whether there is a projectid to determine whether to go to the home page or the engineering page(根据是否有projectid来确定是走首页还是工程页)
-            let url = '';
-            if (!query.projectID) {
-                localStorage.removeItem('appJointProjectId');
-                url = info.homepageUrl;
-            }
-            // If the user is not prompted, the function has not yet been developed(如果没有提示用户功能暂未开发)
-            if (Object.keys(info).length === 0) {
-                this.$Message.warning(this.$t('message.common.warning.comingSoon'));
-            } else if (!info.ifIframe) {
-                this.$router.push({
-                    path: url,
-                    query
-                });
-            } else {
-                this.$router.push({
-                    name: 'commonIframe',
-                    query: {
-                        ...query,
-                        url,
-                        type
-                    }
-                });
-            }
-        },
-        getUserName() {
-            return  storage.get('userName') || null;
-        },
-    },
-};
diff --git a/linkis-web-next/src/common/service/moduleMixin.js b/linkis-web-next/src/common/service/moduleMixin.js
deleted file mode 100644
index deb65b680a..0000000000
--- a/linkis-web-next/src/common/service/moduleMixin.js
+++ /dev/null
@@ -1,147 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-/**
- * Global mixin Dispatch processing events, global mixin(全局混入Dispatch处理事件，全局mixin)
- */
-import eventbus from '@/common/helper/eventbus';
-import storage from '@/common/helper/storage';
-import util from '@/common/util';
-
-const module = function(config) {
-    if (!config.name) {
-        return window.console.error('请配置独一无二的ModuleName');
-    }
-    // Control events thrown out(控制对外抛出的事件)
-    let dispatchs = config.dispatchs || [];
-    if (util.isPlainObject(dispatchs)) {
-        const arr = [];
-        for (const p in dispatchs) {
-            if (util.isArray(dispatchs[p])) {
-                dispatchs[p].forEach((item) => {
-                    arr.push(`${p}:${item}`);
-                });
-            }
-        }
-        dispatchs = arr;
-    }
-    // processing module methods(处理模块 methods)
-    if (config.methods) {
-        const methods = Object.keys(config.methods);
-        if (methods.length > 0) {
-            methods.forEach((name) => {
-                const method = config.methods[name];
-                if (method) {
-                    eventbus.on(`${config.name}:${name}`, method.bind(config));
-                }
-            });
-        }
-    }
-    /**
-     * Mount dispatch to empty module(挂载dispatch到空模块)
-     * @param {*} name
-     * @param {*} param
-     * @param {*} [cb=new Function()]
-     * @return {Promise}
-     */
-    config.dispatch = function(name, param, cb = new Function()) {
-        let result;
-        if (util.isArray(dispatchs) && dispatchs.indexOf(name) != -1) {
-            result = eventbus.emit(name, param, cb);
-        }
-        return Promise.resolve(result);
-    };
-
-    return {
-        data() {
-            const data = {
-            };
-            return data;
-        },
-        created() {
-            // Component monitoring under the processing module(处理模块下的组件监听)
-            if (config.events) {
-                const {events} = config;
-                if (util.isArray(events) && events.length > 0) {
-                    events.forEach((name) => {
-                        const method = this[name];
-                        if (method) {
-                            eventbus.on(`${name}`, method);
-                        }
-                    });
-                }
-            }
-        },
-        beforeDestroy() {
-            if (config.events) {
-                const {events} = config;
-                if (util.isArray(events) && events.length > 0) {
-                    events.forEach((name) => {
-                        const method = this[name];
-                        if (method) {
-                            eventbus.off(name, method);
-                        }
-                    });
-                }
-            }
-        },
-        methods: {
-            // trigger event(触发事件)
-            dispatch: config.dispatch,
-            getUserName() {
-                return  storage.get('baseInfo', 'local') ? storage.get('baseInfo', 'local').username : null;
-            },
-            // Get the current orchestration environment(获取当前编排的环境)
-            getCurrentDsslabels() {
-                return storage.get('currentDssLabels') ? storage.get('currentDssLabels') : null;
-            }
-        },
-    };
-};
-
-const modules = {};
-/**
- * Provide Dispatch method to unify event handling(提供Dispatch方法统一事件处理方式)
- */
-export default function mixinDispatch (requireComponent, requireComponentVue) {
-    if (requireComponent) {
-        requireComponent.keys().forEach((fileName) => {
-            // Get component configuration(获取组件配置)
-            let moduleConfig = requireComponent(fileName);
-            moduleConfig = moduleConfig.default || moduleConfig;
-            moduleConfig.mixin = module(moduleConfig);
-            modules[fileName] = moduleConfig;
-        });
-    }
-
-    if (requireComponentVue) {
-        requireComponentVue.keys().forEach((fileName) => {
-            // Get component configuration(获取组件配置)
-            let vueConfig = requireComponentVue(fileName);
-            vueConfig = vueConfig.default || vueConfig;
-            const indexPath = `./${  fileName.split('/')[1]  }/index.js`;
-            const moduleConfig = modules[indexPath];
-            const mixin = moduleConfig && moduleConfig.mixin;
-            if (!vueConfig.mixins) {
-                vueConfig.mixins = [mixin];
-            } else if (vueConfig.mixins.indexOf(mixin) == -1) {
-                vueConfig.mixins.push(mixin);
-            }
-        });
-    }
-}
diff --git a/linkis-web-next/src/common/service/socket.js b/linkis-web-next/src/common/service/socket.js
deleted file mode 100644
index 3a705c8135..0000000000
--- a/linkis-web-next/src/common/service/socket.js
+++ /dev/null
@@ -1,211 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-
-import { Eventbus } from '@/common/helper/eventbus';
-/**
- *
- * @class Socket
- * @extends {Eventbus}
- */
-class Socket extends Eventbus {
-    /**
-     *Creates an instance of Socket.
-     * @param {*} options
-     * @memberof Socket
-     */
-    constructor(options) {
-        super();
-        this.options = options;
-        this.errHandler = options.errHandler;
-        this.init();
-    }
-
-    /**
-     *get current state
-     * @readonly
-     * @memberof Socket
-     */
-    get readyState() {
-        return this.ws.readyState;
-    }
-
-    /**
-     * init event
-     * @memberof Socket
-     */
-    init() {
-        try {
-            this.ws = new WebSocket(this.options.url);
-            this.ws.debug = true;
-        } catch (e) {
-            this.emit('inconnect', {
-                type: 'inconnect',
-                message: 'socket连接失败',
-            });
-        }
-        this._onError();
-        this._onClose();
-        this._onOpen();
-        this._onMessage();
-    }
-
-    /**
-     *
-     * @param {*} options
-     * @memberof Socket
-     */
-    send(options) {
-        if (this._validState('send')) {
-            this.ws.send(JSON.stringify(options));
-        }
-    }
-
-    /**
-     * @param {*} code
-     * @memberof Socket
-     */
-    close(code) {
-        this.ws.close(code);
-    }
-
-    /**
-     * @return {this}
-     * @memberof Socket
-     */
-    reconnect() {
-        this.init();
-        return this;
-    }
-
-    /**
-     * onMessage
-     * @memberof Socket
-     */
-    _onMessage() {
-        const instance = this;
-        this.ws.onmessage = (event = {}) => {
-            if (event.data) {
-                const msg = JSON.parse(event.data);
-                const result = instance._validMessage(msg);
-                if(result) {
-                    instance.emit('data', result);
-                }
-            } else {
-                instance.errHandler && instance.errHandler({
-                    type: 'message',
-                    msg: '接收到无效数据',
-                });
-            }
-        };
-    }
-
-    /**
-     * onOpen
-     * @memberof Socket
-     */
-    _onOpen() {
-        this.ws.onopen = () => {
-            this.connected = true;
-            this.emit('open', {
-                msg: '连接成功',
-            });
-        };
-    }
-
-    /**
-     *
-     * @param {*} e
-     * @memberof Socket
-     */
-    _onError() {
-        this.ws.onerror = (e) => {
-            const data = {
-                type: 'socket listening error',
-                msg: e,
-            };
-            this.errHandler && this.errHandler(data);
-        };
-    }
-
-    /**
-     * onClose
-     * @memberof Socket
-     */
-    _onClose() {
-        this.ws.onclose = (e) => {
-            const {code} = e;
-            const {reason} = e;
-            const data = {
-                msg: 'socket close tips',
-                reason,
-                code,
-            };
-            this.connected = false;
-            this.errHandler && this.errHandler(data);
-            this.emit('close', data);
-        };
-    }
-
-    /**
-     * @param {*} type
-     * @memberof Socket
-     * @return {Boolean} valid
-     */
-    _validState(type) {
-        const state = this.ws.readyState;
-        const stateMap = {
-            0: '正在连接',
-            1: '成功',
-            2: '正在关闭',
-            3: '连接已经关闭或打开连接失败',
-        };
-        if (state === 2 || state === 3) {
-            const error = {
-                type,
-                msg: stateMap[state],
-            };
-            this.errHandler && this.errHandler(error);
-        }
-        return state === 1;
-    }
-
-    /**
-     * @param {*} data
-     * @memberof Socket
-     * @return {*} data
-     */
-    _validMessage(data = {}) {
-        const msgData = data.data;
-        const {method} = data;
-        // Ignore duplicate push data without log information(忽略无日志信息的重复推送数据)
-        const notEmpty = msgData && Array.isArray(msgData.log) ? msgData.log.some((it) => it.length > 0) : msgData.log;
-        if (/\/log$/.test(method) && !notEmpty ) {
-            return;
-        }
-        if (!(data instanceof Object)) return;
-        if (data.status !== 0) {
-            this.emit('dataError', {
-                type: 'network',
-                message: data.message,
-                data,
-            });
-        }
-        return data;
-    }
-}
-export default Socket;
diff --git a/linkis-web-next/src/common/service/timeToCronMixin.js b/linkis-web-next/src/common/service/timeToCronMixin.js
deleted file mode 100644
index b8e78a90dc..0000000000
--- a/linkis-web-next/src/common/service/timeToCronMixin.js
+++ /dev/null
@@ -1,247 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-import { debounce } from 'lodash';
-import i18n from '@/common/i18n';
-
-const DATELANG = {
-    'MIN': i18n.t('message.common.time.MIN'),
-    'HOUR': i18n.t('message.common.time.HOUR'),
-    'DAY': i18n.t('message.common.time.DAY'),
-    'WEEK': i18n.t('message.common.time.WEEK'),
-    'MONTH': i18n.t('message.common.time.MONTH'),
-    'YEAR': i18n.t('message.common.time.YEAR'),
-    'Mon': i18n.t('message.common.time.Mon'),
-    'Tue': i18n.t('message.common.time.Tue'),
-    'Wed': i18n.t('message.common.time.Wed'),
-    'Thu': i18n.t('message.common.time.Thu'),
-    'Fri': i18n.t('message.common.time.Fri'),
-    'Sat': i18n.t('message.common.time.Sat'),
-    'Sun': i18n.t('message.common.time.Sun')
-};
-const TIMEDATA = {
-    zeroList: [],
-    minuesList: [],
-    hourList: [],
-    weekList: [
-        {value: '2', label: DATELANG.Mon},
-        {value: '3', label: DATELANG.Tue},
-        {value: '4', label: DATELANG.Wed},
-        {value: '5', label: DATELANG.Thu},
-        {value: '6', label: DATELANG.Fri},
-        {value: '7', label: DATELANG.Sat},
-        {value: '1', label: DATELANG.Sun}
-    ],
-    monthList: [],
-    dayList: [],
-    dayNum: {},
-    selectType: [
-        {value: 'MIN', label: DATELANG.MIN},
-        {value: 'HOUR', label: DATELANG.HOUR},
-        {value: 'DAY', label: DATELANG.DAY},
-        {value: 'WEEK', label: DATELANG.WEEK},
-        {value: 'MONTH', label: DATELANG.MONTH},
-        {value: 'YEAR', label: DATELANG.YEAR}]
-};
-const baseMonthsDay = [31,29,31,30,31,30,31,31,30,31,30,31];// 各月天数
-for(let i = 0; i < 60; i++) {
-    TIMEDATA.zeroList.push({value: i, label: i < 10 ? `0${  i}` : String(i)});
-}
-for(let i = 0; i < 60; i++) {
-    TIMEDATA.minuesList.push({value: i, label: i < 10 ? `0${  i  }${DATELANG.MIN}` : String(i) + DATELANG.MIN});
-}
-for(let i = 0; i < 24; i++) {
-    TIMEDATA.hourList.push({value: i, label: i < 10 ? `0${  i  }${DATELANG.HOUR}` : String(i) + DATELANG.HOUR});
-}
-for(let i = 1; i <= 12; i++) {
-    TIMEDATA.monthList.push({value: i, label: i < 10 ? `0${  i  }${DATELANG.MONTH}`: String(i) + DATELANG.MONTH});
-}
-for(let i = 1; i <= 31; i++) {
-    TIMEDATA.dayList.push({value: i, label: i < 10 ? `0${  i  }${DATELANG.DAY}`: String(i) + DATELANG.DAY});
-}
-for (let i = 1; i <= 12; i++) {
-    const dayNum = [];
-    for (let j = 1; j <= baseMonthsDay[i-1]; j++) {
-        dayNum.push({value: j, label: j < 10 ? `0${  j  }${DATELANG.DAY}` : String(j) + DATELANG.DAY});
-    }
-    TIMEDATA.dayNum[i] = dayNum;
-
-}
-export default {
-    data() {
-        return {
-            zeroSelect: 0,
-            oneSelect: 'MIN',
-            towSelect: DATELANG.MIN,
-            threeSelect: '',
-            fourSelect: '',
-            fiveSelect: '',
-            zeroList: TIMEDATA.zeroList,
-            oneList: TIMEDATA.selectType,
-            towList: [
-            ],
-            threeList: [],
-            fourList: TIMEDATA.hourList,
-            fiveList: TIMEDATA.minuesList,
-            selectHourAndMinues: false,
-        };
-    },
-    computed: {
-        timeToCron() {
-            // Convert selected time to cron format(将所选时间转换成cron格式)
-            // Still have to determine what is the first choice to decide how to write the expression(还是得先确定第一个选择的是什么来决定表达是怎么写)
-            if (this.oneSelect === 'MIN') {
-                return `0 0/${this.zeroSelect} * * * ?`;
-            } if (this.oneSelect === 'HOUR') {
-                return `0 ${this.towSelect} 0/1 * * ?`;
-            } if (this.oneSelect === 'DAY') {
-                return `0 ${this.fiveSelect} ${this.fourSelect} 1/1 * ?`;
-            } if (this.oneSelect === 'WEEK') {
-                return `0 ${this.fiveSelect} ${this.fourSelect} ? * ${this.towSelect}`;
-            } if (this.oneSelect === 'MONTH') {
-                return `0 ${this.fiveSelect} ${this.fourSelect} ${this.threeSelect} * ?`;
-            } if (this.oneSelect === 'YEAR') {
-                return `0 ${this.fiveSelect} ${this.fourSelect} ${this.threeSelect} ${this.towSelect} ? *`;
-            } 
-            return '';
-      
-        }
-    },
-    watch: {
-        timeToCron(val) {
-            this.scheduleParams.scheduleTime = val;
-            const emitFun =  debounce(() => {
-                this.$emit('change-schedule', this.scheduleParams);
-            }, 1000);
-            emitFun(this);
-        },
-        towSelect(val) {
-            if(this.isSelectYear) {
-                this.threeList = TIMEDATA.dayNum[val];
-            }
-        }
-    },
-    methods: {
-        selectOneChange(value) {
-            if (value === 'MIN') {
-                this.zeroSelect = this.zeroList[0].value;
-                this.towList = [];
-                this.threeList = [];
-                this.selectHourAndMinues = false;
-                this.isSelectYear = false;
-            } else if (value === 'HOUR') {
-                this.towList = TIMEDATA.minuesList;
-                this.isSelectYear = false;
-                this.towSelect = this.towList[0].value;
-                this.selectHourAndMinues = false;
-            } else if (value === 'DAY') {// If you choose the day two and three selection boxes not to be displayed, display the fourth and fifth selection boxes(如果选择天二三选择框不用展示，展示四五选择框)
-                this.selectHourAndMinues = true;
-                this.isSelectYear = false;
-                this.towList = [];
-                this.threeList = [];
-                this.fourSelect = this.fourList[0].value;
-                this.fiveSelect = this.fiveList[0].value;
-            } else if (value === 'WEEK') {
-                this.selectHourAndMinues = true;
-                this.isSelectYear = false;
-                this.towList = TIMEDATA.weekList;
-                this.threeList = [];
-                this.towSelect = this.towList[0].value;
-                this.fourSelect = this.fourList[0].value;
-                this.fiveSelect = this.fiveList[0].value;
-            } else if (value === 'MONTH') {
-                this.selectHourAndMinues = true;
-                this.isSelectYear = false;
-                this.towList = [];
-                this.threeList = TIMEDATA.dayList;
-                this.threeSelect = this.threeList[0].value;
-                this.fourSelect = this.fourList[0].value;
-                this.fiveSelect = this.fiveList[0].value;
-            } else if (value === 'YEAR') {
-                this.selectHourAndMinues = true;
-                this.isSelectYear = true;
-                this.towList = TIMEDATA.monthList;
-                this.threeList = TIMEDATA.dayNum[1];
-                this.towSelect = this.towList[0].value;
-                this.threeSelect = this.threeList[0].value;
-                this.fourSelect = this.fourList[0].value;
-                this.fiveSelect = this.fiveList[0].value;
-            }
-        },
-        alarmUserChange() {
-            if (/^[a-zA-Z0-9_@]+$/.test(this.scheduleParams.alarmUserEmails)) {
-                const emitFun =  debounce(() => {
-                    this.$emit('change-schedule', this.scheduleParams);
-                }, 500);
-                emitFun(this);
-            }
-        },
-        selectLevelChange() {
-            this.$emit('change-schedule', this.scheduleParams);
-        },
-        cronToTime() {
-            if (Object.keys(this.scheduleParams).length > 0 && this.scheduleParams.scheduleTime) {
-                // Convert corn format to time format 0 2 2 3 * * ?(将corn格式转换成时间格式0 2 2 3 * * ?)
-                const tepArr = this.scheduleParams.scheduleTime.split(' ');
-                // First determine whether to choose the year(先判断是否选的年)
-                if (tepArr.length >= 7) {
-                    this.oneSelect = 'YEAR';
-                    this.selectHourAndMinues = true;
-                    this.isSelectYear = true;
-                    this.towList = TIMEDATA.monthList;
-                    this.threeList = TIMEDATA.dayNum[Number(tepArr[4])];
-                    this.towSelect = Number(tepArr[4]);
-                    this.threeSelect = Number(tepArr[3]);
-                    this.fourSelect = Number(tepArr[2]);
-                    this.fiveSelect = Number(tepArr[1]);
-                } else if (tepArr[4] === '*' && tepArr[3] !== '*' && tepArr[3] !== '1/1' && tepArr[5] === '?') {
-                    this.selectHourAndMinues = true;
-                    this.oneSelect = 'MONTH';
-                    this.towList = [];
-                    this.threeList = TIMEDATA.dayList;
-                    this.threeSelect = Number(tepArr[3]);
-                    this.fourSelect = Number(tepArr[2]);
-                    this.fiveSelect = Number(tepArr[1]);
-                } else if (tepArr[5] !== '?') {
-                    this.oneSelect = 'WEEK';
-                    this.selectHourAndMinues = true;
-                    this.towList = TIMEDATA.weekList;
-                    this.threeList = [];
-                    this.towSelect = tepArr[5];
-                    this.fourSelect = Number(tepArr[2]);
-                    this.fiveSelect = Number(tepArr[1]);
-                } else if (tepArr[4] === '*' && tepArr[3] === '1/1' && tepArr[2] !== '*' && tepArr[2] !== '0/1') {
-                    this.oneSelect = 'DAY';
-                    this.selectHourAndMinues = true;
-                    this.towList = [];
-                    this.threeList = [];
-                    this.fourSelect = Number(tepArr[2]);
-                    this.fiveSelect = Number(tepArr[1]);
-                } else if (tepArr[4] === '*' && tepArr[3] === '*' && tepArr[2] === '0/1') {
-                    this.oneSelect = 'HOUR';
-                    this.towList = TIMEDATA.minuesList;
-                    this.towSelect = Number(tepArr[1]);
-                } else if (tepArr[4] === '*' && tepArr[3] === '*' && tepArr[2] === '*') {
-                    this.zeroSelect = Number(tepArr[1].substring(2));
-                    this.oneSelect = 'MIN';
-                    this.threeList = [];
-                    this.selectHourAndMinues = false;
-                }
-            }
-        }
-    }
-};
diff --git a/linkis-web-next/src/common/style/headerCommon.scss b/linkis-web-next/src/common/style/headerCommon.scss
deleted file mode 100644
index cfa074a635..0000000000
--- a/linkis-web-next/src/common/style/headerCommon.scss
+++ /dev/null
@@ -1,137 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-.layout-header {
-    position: $fixed;
-    left: 0;
-    right: 0;
-    top: 0;
-    width: 100%;
-    height: 54px;
-    line-height: 40px;
-    padding: 0 20px;
-    background-color: $background-color-header;
-    color: $dark-color;
-    box-shadow: $shadow-down;
-    z-index: $zindex-affix;
-    user-select: none;
-    clear: both;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    .layout-header-menu-icon {
-        display: flex;
-        cursor: pointer;
-        margin-right: 10px;
-        height: 54px;
-        line-height: 54px;
-        &:hover {
-            color: $primary-color;
-        }
-    }
-    .logo {
-        margin-left: 10px;
-        display: inline-block;
-        vertical-align: top;
-        font-size: 20px;
-        color: $body-background;
-        margin-top: 2px;
-        position: relative;
-        .logo-img {
-            height: 36px;
-            margin-top: 7px;
-        }
-        .version {
-            position: absolute;
-            //   right: -40px;
-            white-space: nowrap;
-            bottom: 10px;
-            font-size: $font-size-small;
-            height: 15px;
-            line-height: 15px;
-        }
-    }
-    .menu {
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-        vertical-align: top;
-        margin-left: 60px;
-        .menu-item {
-            position: $relative;
-            float: left;
-            padding: 0 20px;
-            font-size: $font-size-base;
-            text-align: center;
-            text-indent: 0;
-            border-right: none;
-            white-space: nowrap;
-            cursor: pointer;
-            &:hover,
-            &.selected {
-                color: $body-background;
-                background: $dark-bg-dark;
-            }
-            .menu-item-beat {
-                position: $absolute;
-                top: 0;
-                right: 0;
-            }
-        }
-    }
-    .icon-group {
-        float: right;
-        cursor: pointer;
-        text-align: center;
-        padding: 0 6px;
-        line-height: 54px;
-        height: 54px;
-        font-size: $font-size-base;
-        i {
-            font-size: 20px;
-            margin-right: 10px;
-            &:hover {
-                color: #fff;
-            }
-        }
-    }
-    .user {
-        height: 54px;
-        cursor: pointer;
-        position: absolute;
-        right: 5px;
-        top: 0px;
-        span {
-            display: inline-block;
-            line-height: 54px;
-            font-size: $font-size-base;
-            padding: 0 7px 0 10px;
-        }
-        .user-icon {
-            padding-right: 10px;
-        }
-        &:hover,
-        &.selected {
-            background: $menu-dark-active-bg;
-        }
-        .user-image {
-            border-radius: 50%;
-            width: 40px;
-            height: auto;
-        }
-    }
-}
diff --git a/linkis-web-next/src/common/style/headerUserMenu.scss b/linkis-web-next/src/common/style/headerUserMenu.scss
deleted file mode 100644
index 8e99715b22..0000000000
--- a/linkis-web-next/src/common/style/headerUserMenu.scss
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-@import '@/common/style/variables.less';
-.user-menu {
-    background: $menu-dark-active-bg;
-    width: 130px;
-    border: none;
-    position: $absolute;
-    top: 62px;
-    left: 50%;
-    margin-left: -110px;
-    border-radius: $border-radius-small;
-    .user-menu-arrow {
-        width: 0;
-        height: 0;
-        border: 8px solid $body-background;
-        border-color: transparent transparent $menu-dark-active-bg transparent;
-        border-top: 0;
-        list-style: none;
-        position: $absolute;
-        top: -8px;
-        left: 50%;
-        margin-left: 40px;
-    }
-    .user-menu-item {
-        list-style: none;
-        padding-left: 20px;
-        height: 40px;
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-        font-size: $font-size-base;
-        &:hover {
-            color: $body-background;
-            background: $dark-bg-dark;
-            border-top: none;
-            border-radius: $border-radius-small;
-        }
-        .user-menu-item-icon {
-            font-size: $font-size-large;
-            font-weight: bold;
-        }
-    }
-}
diff --git a/linkis-web-next/src/common/style/variables.scss b/linkis-web-next/src/common/style/variables.scss
deleted file mode 100644
index 935368865f..0000000000
--- a/linkis-web-next/src/common/style/variables.scss
+++ /dev/null
@@ -1,272 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-// Color
-$primary-color: #2d8cf0;
-$info-color: #2db7f5;
-$success-color: #19be6b;
-$processing-color: $primary-color;
-$warning-color: #ff9900;
-$error-color: #ed4014;
-$normal-color: #e6ebf1;
-$link-color: #2d8cf0;
-$link-hover-color: mix(#ffffff, $link-color, 20%);
-$link-active-color: mix(#000000, $link-color, 5%);
-$selected-color: rgba($primary-color, 90%);
-$tooltip-color: #fff;
-$subsidiary-color: #808695;
-$rate-star-color: #f5a623;
-$pink-color: rgba(243, 133, 243, 0.753);
-$yellow-color: #f4cf2a;
-// Base
-$body-background: #fff;
-$font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
-$code-family: Consolas, Menlo, Courier, monospace;
-$title-color: #17233d;
-$text-color: #515a6e;
-$font-size-base: 14px;
-$font-size-small: 12px;
-$font-size-large: 16px;
-$line-height-base: 1.5;
-$line-height-computed: floor(($font-size-base * $line-height-base));
-$border-radius-base: 6px;
-$border-radius-small: 4px;
-$border-radius-large: 8px;
-$cursor-disabled: not-allowed;
-// Border color
-$border-color-base: #dcdee2; // outside
-$border-color-split: #e8eaec; // inside
-$border-color-bule: #3c8dbc;
-$border-width-base: 1px; // width of the border for a component
-$border-style-base: solid; // style of a components border
-// Background color
-$background-color-white: #fff;
-$background-color-base: #f7f7f7; // base
-$background-color-select-hover: #f3f3f3;
-$background-color-header: #001c40;
-$tooltip-bg: rgba(70, 76, 91, 0.9);
-$head-bg: #f9fafc;
-$table-thead-bg: #f8f8f9;
-$table-thead-blue-bg: $primary-color;
-$table-td-stripe-bg: #f8f8f9;
-$table-td-hover-bg: #ebf7ff;
-$table-td-highlight-bg: #ebf7ff;
-$menu-dark-title: #515a6e;
-$menu-dark-active-bg: #363e4f;
-$menu-dark-subsidiary-color: rgba(255, 255, 255, 0.7);
-$menu-dark-group-title-color: rgba(255, 255, 255, 0.36);
-$date-picker-cell-hover-bg: #e1f0fe;
-// Shadow
-$shadow-color: rgba(0, 0, 0, 0.2);
-$shadow-base: -1px 0 6px $shadow-color;
-$shadow-card: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-$shadow-up: 0 -1px 6px $shadow-color;
-$shadow-down: 0 1px 6px $shadow-color;
-$shadow-left: -1px 0 6px $shadow-color;
-$shadow-right: 1px 0 6px $shadow-color;
-$shadow-inset: inset 0 0 5px $shadow-color;
-// Button
-$btn-font-weight: normal;
-$btn-padding-base: 5px 15px 6px;
-$btn-padding-large: 6px 15px 6px 15px;
-$btn-padding-small: 1px 7px 2px;
-$btn-padding-base-icon: 5px 15px 6px;
-$btn-padding-large-icon: 6px 15px 6px 15px;
-$btn-padding-small-icon: 1px 7px 2px;
-$btn-font-size: 12px;
-$btn-font-size-large: 14px;
-$btn-border-radius: 4px;
-$btn-border-radius-small: 3px;
-$btn-group-border: shade($primary-color, 5%);
-$btn-disable-color: #c5c8ce;
-$btn-disable-bg: $background-color-base;
-$btn-disable-border: $border-color-base;
-$btn-default-color: $text-color;
-$btn-default-bg: #fff;
-$btn-default-border: $border-color-base;
-$btn-primary-color: #fff;
-$btn-primary-bg: $primary-color;
-$btn-ghost-color: $text-color;
-$btn-ghost-bg: #fff;
-$btn-ghost-border: $border-color-base;
-$btn-circle-size: 32px;
-$btn-circle-size-large: 36px;
-$btn-circle-size-small: 24px;
-// Layout and Grid
-$grid-columns: 24;
-$grid-gutter-width: 0;
-$layout-body-background: #f5f7f9;
-$layout-header-background: #515a6e;
-$layout-header-height: 64px;
-$layout-header-padding: 0 50px;
-$layout-footer-padding: 24px 50px;
-$layout-footer-background: $layout-body-background;
-$layout-sider-background: $layout-header-background;
-$layout-trigger-height: 48px;
-$layout-trigger-color: #fff;
-$layout-zero-trigger-width: 36px;
-$layout-zero-trigger-height: 42px;
-// Legend
-$legend-color: #999;
-// Input
-$input-height-base: 32px;
-$input-height-large: 36px;
-$input-height-small: 24px;
-$input-padding-horizontal: 7px;
-$input-padding-vertical-base: 4px;
-$input-padding-vertical-small: 1px;
-$input-padding-vertical-large: 6px;
-$input-placeholder-color: $btn-disable-color;
-$input-color: $text-color;
-$input-border-color: $border-color-base;
-$input-bg: #fff;
-$input-group-bg: #f8f8f9;
-$input-hover-border-color: $primary-color;
-$input-focus-border-color: $primary-color;
-$input-disabled-bg: #f3f3f3;
-// Tag
-$tag-font-size: 12px;
-// Media queries breakpoints
-// Extra small screen / phone
-$screen-xs: 480px;
-$screen-xs-min: $screen-xs;
-$screen-xs-max: ($screen-xs-min - 1);
-// Small screen / tablet
-$screen-sm: 768px;
-$screen-sm-min: $screen-sm;
-$screen-sm-max: ($screen-sm-min - 1);
-// Medium screen / desktop
-$screen-md: 992px;
-$screen-md-min: $screen-md;
-$screen-md-max: ($screen-md-min - 1);
-// Large screen / wide desktop
-$screen-lg: 1200px;
-$screen-lg-min: $screen-lg;
-$screen-lg-max: ($screen-lg-min - 1);
-// Z-index
-$zindex-spin: 8;
-$zindex-affix: 10;
-$zindex-back-top: 10;
-$zindex-select: 900;
-$zindex-modal: 1000;
-$zindex-drawer: 1000;
-$zindex-message: 1010;
-$zindex-notification: 1010;
-$zindex-tooltip: 1060;
-$zindex-transfer: 1060;
-$zindex-loading-bar: 2000;
-$zindex-spin-fullscreen: 2010;
-// Animation
-$animation-time: 0.3s;
-$transition-time: 0.2s;
-$ease-in-out: ease-in-out;
-// Slider
-$slider-color: tint($primary-color, 20%);
-$slider-height: 4px;
-$slider-margin: 16px 0;
-$slider-button-wrap-size: 18px;
-$slider-button-wrap-offset: -4px;
-$slider-disabled-color: #ccc;
-// Avatar
-$avatar-size-base: 32px;
-$avatar-size-lg: 40px;
-$avatar-size-sm: 24px;
-$avatar-font-size-base: 18px;
-$avatar-font-size-lg: 24px;
-$avatar-font-size-sm: 14px;
-$avatar-bg: #ccc;
-$avatar-color: #fff;
-$avatar-border-radius: $border-radius-small;
-// Anchor
-$anchor-border-width: 2px;
-$dark-bg: #252a2f;
-$dark-bg-light: rgb(0, 33, 64);
-$dark-bg-dark: rgb(0, 12, 23);
-$dark-color: rgba(255, 255, 255, 0.8);
-$dark-selected-bg: rgb(24, 144, 255);
-$dark-selected-color: #ffffff;
-$dark-active-color: #2e92f7;
-// global position variables
-$fixed: fixed;
-$absolute: absolute;
-$relative: relative;
-// scrollbar
-$scrollbar-color: #cdcdcd;
-// 新加入的
-// global color variables
-// button color schema
-$btn-origin-color: #0a9fec;
-$btn-over-color: #54bcf2;
-$btn-click-color: #076fa5;
-// actionbar color schema
-$actionbar-origin-color: #898989;
-$actionbar-over-color: #b5b5b5;
-$actionbar-click-color: #0a9fec;
-$actionbar-run-color: #ff0000;
-// text-color
-$text-blue: #0a9fec;
-$text-origin-color: darken(#898989, 30%);
-$text-click-color: #0a9fec;
-$text-over-color: #b5b5b5;
-$text-red-color: #ff0000;
-$text-color: #515a6e;
-$input-placeholder-color: #c5c8ce;
-$text-title-color: rgba(0, 0, 0, 0.85);
-$text-desc-color: rgba(0, 0, 0, 0.65);
-$text-tille-light-color: rgba(255, 255, 255, 0.85);
-$grey-bg-color: #eff1f6;
-$darken-grey-bg: darken(#eff1f6, 5%);
-// line color schema
-$line-color: darken(#dcdee2, 12%);
-$line-border: 1px solid $line-color;
-$blue-line-bd: 3px solid #0a9fec;
-$black-line-bd: 3px solid #3d3d3d;
-// global dimension variables
-$header-height: 36px;
-$sidenav-width: 45px;
-$sidewin-width: 306px;
-$sidewin-min-width: 206px;
-$sidenav-item-height: 110px;
-$actionbar-height: 34px;
-$editor-height: 200px;
-$editor-tab-height: 35px;
-$output-tab-height: 35px;
-$common-tab-height: 35px;
-// global font size variables
-$text-sz-default: 12px;
-$font-size: 12px;
-$font-size-14: 14px;
-// global align variables
-$align-left: left;
-$align-right: right;
-$align-center: center;
-// global maring padding variables
-$margin: 10px;
-$padding: 10px;
-$padding-25: 25px;
-// global % variables
-$percent-all: 100%;
-$percent-half: 50%;
-// @mixin button-stress($color)
-//   color: white
-//   background-color: $color
-// @mixin button-normal($color)
-//   color: $color
-//   background-color: white
-$workspace-background: #f4f7fb;
-$toolbarWidth: 40px;
diff --git a/linkis-web-next/src/components/editor/editorNext2.vue b/linkis-web-next/src/components/editor/editorNext2.vue
index 35e80760bc..edf236875c 100644
--- a/linkis-web-next/src/components/editor/editorNext2.vue
+++ b/linkis-web-next/src/components/editor/editorNext2.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from 'vue';
+import { defineComponent } from 'vue';
 import { merge, debounce } from 'lodash';
 import storage from '@/common/helper/storage';
 import useMonaco from './util2';
@@ -557,22 +557,22 @@ export default defineComponent({
             // this.monaco = monaco;
             // this.editorModel = this.editor.getModel();
 
-            const monacoEditor = this.createEditor(
+            this.editor = this.createEditor(
                 this.$el,
                 this.$props.editorOptions,
             );
             this.updateMonacoVal();
-            monacoEditor!.onDidChangeModelContent(() => {
+            this.editor!.onDidChangeModelContent(() => {
                 this.$emit('update:modelValue', monacoEditor!.getValue());
             });
-            monacoEditor!.onDidBlurEditorText(() => {
+            this.editor!.onDidBlurEditorText(() => {
                 this.$emit('blur');
             });
         }
     },
     beforeUnmount() {
         // 销毁 editor，进行gc(销毁 editor，进行gc)
-        this.editor.dispose();
+        this.editor!.dispose();
     },
 });
 </script>
diff --git a/linkis-web-next/src/pages/parameterConfig/drawer.vue b/linkis-web-next/src/pages/parameterConfig/drawer.vue
index 17073590e6..163a1db9fa 100644
--- a/linkis-web-next/src/pages/parameterConfig/drawer.vue
+++ b/linkis-web-next/src/pages/parameterConfig/drawer.vue
@@ -40,12 +40,10 @@
                                 return row.taskId;
                             }
                         "
-                    
                 >
                     <template v-for="col in tableColumns" :key="col.label">
-                        
                         <f-table-column
-                            v-if="col.formatter && col.label!=='操作'"
+                            v-if="col.formatter && col.label !== '操作'"
                             :prop="col.prop"
                             :label="col.label"
                             :formatter="col.formatter"
@@ -57,7 +55,7 @@
                             :label="col.label"
                         >
                         </f-table-column>
-                        
+
                         <!-- 单独渲染操作这一栏 -->
                         <f-table-column
                             v-if="col.label === '操作'"
@@ -68,7 +66,6 @@
                             fixed="right"
                         ></f-table-column>
                     </template>
-                    
                 </f-table>
                 <FPagination
                     show-size-changer
@@ -97,12 +94,15 @@
                                 :key="`${config.type}-${index}`"
                             >
                                 <div class="config-card">
-                                    <div class="title">
-                                        引擎{{
-                                            (index + 1)
-                                                .toString()
-                                                .padStart(2, '0')
-                                        }}
+                                    <div class="header">
+                                        <div class="title">
+                                            引擎{{
+                                                (index + 1)
+                                                    .toString()
+                                                    .padStart(2, '0')
+                                            }}
+                                        </div>
+                                        <div class="delete_btn">删除</div>
                                     </div>
                                     <FFormItem label="引擎类型">
                                         <FInput
@@ -147,10 +147,9 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive } from 'vue';
+import { ref, reactive, h } from 'vue';
 import { FButton } from '@fesjs/fes-design';
 
-
 const isAddingApplicationAndEngine = ref(false);
 const tableColumns = [
     {
@@ -179,7 +178,7 @@ const tableColumns = [
         prop: 'creatingTime',
         label: '创建时间',
     },
-    
+
     {
         label: '操作',
         action: [
@@ -188,17 +187,22 @@ const tableColumns = [
                 func: () => {
                     // console.log('[table.action] [action.编辑] row:', row);
                 },
-                
             },
             {
-                label: '删除',
+                label: h(
+                    'div',
+                    {
+                        style: {
+                            color: '#F75F56',
+                        },
+                    },
+                    '删除',
+                ),
                 func: () => {
                     // console.log('[table.action] [action.删除] row:', row);
-                    
                 },
-                
             },
-        ]
+        ],
     },
 ];
 
@@ -211,7 +215,6 @@ const engineConfigList = reactive([
 ]);
 
 // TODO: replace mock data with the real
-
 const data = reactive([
     {
         taskId: '1',
@@ -223,7 +226,7 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
+        engineNumber: 0,
     },
     {
         taskId: '2',
@@ -235,7 +238,7 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明222',
         creatingTime: '1204',
-        engineNumber:0
+        engineNumber: 0,
     },
     {
         taskId: '3',
@@ -247,7 +250,7 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
+        engineNumber: 0,
     },
     {
         taskId: '41',
@@ -259,8 +262,9 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
-    },{
+        engineNumber: 0,
+    },
+    {
         taskId: '42',
         taskName: '任务',
         status: '1',
@@ -270,8 +274,9 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
-    },{
+        engineNumber: 0,
+    },
+    {
         taskId: '43',
         taskName: '任务',
         status: '1',
@@ -281,8 +286,9 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
-    },{
+        engineNumber: 0,
+    },
+    {
         taskId: '44',
         taskName: '任务',
         status: '1',
@@ -292,8 +298,9 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
-    },{
+        engineNumber: 0,
+    },
+    {
         taskId: '45',
         taskName: '任务',
         status: '1',
@@ -303,8 +310,9 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
-    },{
+        engineNumber: 0,
+    },
+    {
         taskId: '46',
         taskName: '任务',
         status: '1',
@@ -314,8 +322,9 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
-    },{
+        engineNumber: 0,
+    },
+    {
         taskId: '47',
         taskName: '任务',
         status: '1',
@@ -325,8 +334,9 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
-    },{
+        engineNumber: 0,
+    },
+    {
         taskId: '48',
         taskName: '任务',
         status: '1',
@@ -336,8 +346,9 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
-    },{
+        engineNumber: 0,
+    },
+    {
         taskId: '12',
         taskName: '任务',
         status: '1',
@@ -347,25 +358,25 @@ const data = reactive([
         engine: '引擎',
         creator: '张小明',
         creatingTime: '1204',
-        engineNumber:0
+        engineNumber: 0,
     },
 ]);
 
 const pageSizeOption = reactive([10, 20, 30, 50, 100]);
 
-const currentData= ref([]);
+const currentData = ref([]);
 const currentPage = ref(1);
 const pageSize = ref(10);
 // eslint-disable-next-line no-shadow
-const handleChange = (currentPage:number, pageSize:number) => {
-    console.log('???', currentPage, pageSize);
-    const temp = data.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+const handleChange = (currentPage: number, pageSize: number) => {
+    const temp = data.slice(
+        (currentPage - 1) * pageSize,
+        currentPage * pageSize,
+    );
     currentData.value = [...temp];
-    console.log(temp)
 };
 handleChange(currentPage.value, 10);
 
-
 const show = ref(false);
 const open = () => {
     show.value = true;
@@ -381,7 +392,6 @@ const addEngine = () => {
 
 const confirmEditing = () => {
     // TODO: send a request to save the config
-    console.log('confirm!');
     show.value = false;
 };
 
@@ -392,30 +402,42 @@ defineExpose({
 // const pageSize = 10;
 // let currentPage = 1;
 // let currentItems = [];
-// function getDataSubset() {  
-//     // 根据当前页码和每页数据个数，从数据源中获取对应的数据子集  
-//     // 这里使用简单的模拟数据，实际情况需要根据具体数据源进行适配  
-//     const start = (currentPage - 1) * pageSize;  
-//     const end = start + pageSize;  
-    
+// function getDataSubset() {
+//     // 根据当前页码和每页数据个数，从数据源中获取对应的数据子集
+//     // 这里使用简单的模拟数据，实际情况需要根据具体数据源进行适配
+//     const start = (currentPage - 1) * pageSize;
+//     const end = start + pageSize;
+
 // }
-// function handleChange(newPage:number) {  
-//     currentPage = newPage;  
-//     // 根据当前页码获取对应的数据子集  
-//     currentItems = getDataSubset();  
+// function handleChange(newPage:number) {
+//     currentPage = newPage;
+//     // 根据当前页码获取对应的数据子集
+//     currentItems = getDataSubset();
 // }
-
-
 </script>
 
 <style scoped>
-.title {
+.header {
     font-family: PingFangSC-Medium;
     font-size: 16px;
-    color: #000000;
-    letter-spacing: 0;
-    line-height: 24px;
-    font-weight: 500;
+
+    display: flex;
+    justify-content: space-between;
+    font-family: PingFangSC-Regular;
+
+    .title {
+        color: #000000;
+        letter-spacing: 0;
+        line-height: 24px;
+        font-weight: 500;
+    }
+    .delete_btn {
+        font-size: 14px;
+        color: #63656f;
+        line-height: 22px;
+        font-weight: 400;
+        cursor: pointer;
+    }
 }
 .back-icon {
     color: #93949b;
@@ -461,7 +483,7 @@ defineExpose({
         }
     }
 }
-:deep(.fes-pagination){
+:deep(.fes-pagination) {
     display: flex;
     justify-content: flex-end;
     margin-top: 16px;

From 1208e1a3387f2265f2ac46252c9e824873ede692 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Tue, 19 Sep 2023 16:01:20 +0800
Subject: [PATCH 09/21] feat: complete the basic config of i18n

---
 linkis-web-next/.husky/commit-msg             |    4 +
 linkis-web-next/.husky/pre-commit             |    4 +
 linkis-web-next/package-lock.json             |  296 ++++-
 linkis-web-next/package.json                  |    2 +-
 .../src/components/editor/editorNext.vue      |    1 -
 .../src/components/editor/editorNext2.vue     |   12 -
 .../src/components/editor/keyword/python.ts   |    1 -
 linkis-web-next/src/components/editor/util.ts |    1 -
 linkis-web-next/src/locales/en.ts             | 1047 +++++++++++++++++
 linkis-web-next/src/locales/index.ts          |    7 +
 linkis-web-next/src/locales/zh.ts             | 1001 ++++++++++++++++
 linkis-web-next/src/main.ts                   |   11 +-
 .../pages/globalHistoryManagement/drawer.vue  |    4 +-
 13 files changed, 2347 insertions(+), 44 deletions(-)
 create mode 100644 linkis-web-next/.husky/commit-msg
 create mode 100644 linkis-web-next/.husky/pre-commit
 create mode 100644 linkis-web-next/src/locales/en.ts
 create mode 100644 linkis-web-next/src/locales/index.ts
 create mode 100644 linkis-web-next/src/locales/zh.ts

diff --git a/linkis-web-next/.husky/commit-msg b/linkis-web-next/.husky/commit-msg
new file mode 100644
index 0000000000..314e821479
--- /dev/null
+++ b/linkis-web-next/.husky/commit-msg
@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install commitlint --edit $1
\ No newline at end of file
diff --git a/linkis-web-next/.husky/pre-commit b/linkis-web-next/.husky/pre-commit
new file mode 100644
index 0000000000..36af219892
--- /dev/null
+++ b/linkis-web-next/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged
diff --git a/linkis-web-next/package-lock.json b/linkis-web-next/package-lock.json
index 8974d0dea0..7d380bf71f 100644
--- a/linkis-web-next/package-lock.json
+++ b/linkis-web-next/package-lock.json
@@ -10,9 +10,9 @@
             "dependencies": {
                 "@fesjs/fes-design": "^0.7.31",
                 "@types/lodash": "^4.14.198",
-                "dexie": "^3.2.4",
                 "monaco-editor": "^0.43.0",
                 "vue": "^3.2.47",
+                "vue-i18n": "^9.4.1",
                 "vue-router": "^4.2.2"
             },
             "devDependencies": {
@@ -131,9 +131,9 @@
             }
         },
         "node_modules/@babel/helper-validator-identifier": {
-            "version": "7.22.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
-            "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==",
+            "version": "7.22.20",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+            "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
             "dev": true,
             "engines": {
                 "node": ">=6.9.0"
@@ -225,9 +225,9 @@
             }
         },
         "node_modules/@babel/parser": {
-            "version": "7.22.14",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.14.tgz",
-            "integrity": "sha512-1KucTHgOvaw/LzCVrEOAyXkr9rQlp0A1HiHRYnSUE9dmb8PvPW7o5sscg+5169r54n3vGlbx6GevTE/Iw/P3AQ==",
+            "version": "7.22.16",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.16.tgz",
+            "integrity": "sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==",
             "bin": {
                 "parser": "bin/babel-parser.js"
             },
@@ -674,6 +674,63 @@
             "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
             "dev": true
         },
+        "node_modules/@intlify/core-base": {
+            "version": "9.4.1",
+            "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.4.1.tgz",
+            "integrity": "sha512-WIwx+elsZbxSMxRG5+LC+utRohFvmZMoDevfKOfnYMLbpCjCSavqTfHJAtfsY6ruowzqXeKkeLhRHbYbjoJx5g==",
+            "dependencies": {
+                "@intlify/message-compiler": "9.4.1",
+                "@intlify/shared": "9.4.1"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            }
+        },
+        "node_modules/@intlify/message-compiler": {
+            "version": "9.4.1",
+            "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.4.1.tgz",
+            "integrity": "sha512-aN2N+dUx320108QhH51Ycd2LEpZ+NKbzyQ2kjjhqMcxhHdxtOnkgdx+MDBhOy/CObwBmhC3Nygzc6hNlfKvPNw==",
+            "dependencies": {
+                "@intlify/shared": "9.4.1",
+                "source-map-js": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            }
+        },
+        "node_modules/@intlify/shared": {
+            "version": "9.4.1",
+            "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.4.1.tgz",
+            "integrity": "sha512-A51elBmZWf1FS80inf/32diO9DeXoqg9GR9aUDHFcfHoNDuT46Q+fpPOdj8jiJnSHSBh8E1E+6qWRhAZXdK3Ng==",
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            }
+        },
+        "node_modules/@jridgewell/gen-mapping": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+            "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+            "dev": true,
+            "optional": true,
+            "peer": true,
+            "dependencies": {
+                "@jridgewell/set-array": "^1.0.1",
+                "@jridgewell/sourcemap-codec": "^1.4.10",
+                "@jridgewell/trace-mapping": "^0.3.9"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
         "node_modules/@jridgewell/resolve-uri": {
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
@@ -683,6 +740,29 @@
                 "node": ">=6.0.0"
             }
         },
+        "node_modules/@jridgewell/set-array": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+            "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+            "dev": true,
+            "optional": true,
+            "peer": true,
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@jridgewell/source-map": {
+            "version": "0.3.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+            "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+            "dev": true,
+            "optional": true,
+            "peer": true,
+            "dependencies": {
+                "@jridgewell/gen-mapping": "^0.3.0",
+                "@jridgewell/trace-mapping": "^0.3.9"
+            }
+        },
         "node_modules/@jridgewell/sourcemap-codec": {
             "version": "1.4.15",
             "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
@@ -1498,6 +1578,14 @@
                 "node": ">=8"
             }
         },
+        "node_modules/buffer-from": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+            "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+            "dev": true,
+            "optional": true,
+            "peer": true
+        },
         "node_modules/call-bind": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -1929,14 +2017,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/dexie": {
-            "version": "3.2.4",
-            "resolved": "https://registry.npmjs.org/dexie/-/dexie-3.2.4.tgz",
-            "integrity": "sha512-VKoTQRSv7+RnffpOJ3Dh6ozknBqzWw/F3iqMdsZg958R0AS8AnY9x9d1lbwENr0gzeGJHXKcGhAMRaqys6SxqA==",
-            "engines": {
-                "node": ">=6.0"
-            }
-        },
         "node_modules/diff": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
@@ -5239,6 +5319,18 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/source-map-support": {
+            "version": "0.5.21",
+            "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+            "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+            "dev": true,
+            "optional": true,
+            "peer": true,
+            "dependencies": {
+                "buffer-from": "^1.0.0",
+                "source-map": "^0.6.0"
+            }
+        },
         "node_modules/spdx-correct": {
             "version": "3.2.0",
             "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
@@ -5479,6 +5571,34 @@
                 "node": ">=6"
             }
         },
+        "node_modules/terser": {
+            "version": "5.19.4",
+            "resolved": "https://registry.npmjs.org/terser/-/terser-5.19.4.tgz",
+            "integrity": "sha512-6p1DjHeuluwxDXcuT9VR8p64klWJKo1ILiy19s6C9+0Bh2+NWTX6nD9EPppiER4ICkHDVB1RkVpin/YW2nQn/g==",
+            "dev": true,
+            "optional": true,
+            "peer": true,
+            "dependencies": {
+                "@jridgewell/source-map": "^0.3.3",
+                "acorn": "^8.8.2",
+                "commander": "^2.20.0",
+                "source-map-support": "~0.5.20"
+            },
+            "bin": {
+                "terser": "bin/terser"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/terser/node_modules/commander": {
+            "version": "2.20.3",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+            "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+            "dev": true,
+            "optional": true,
+            "peer": true
+        },
         "node_modules/text-extensions": {
             "version": "1.9.0",
             "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-1.9.0.tgz",
@@ -5879,6 +5999,25 @@
                 "node": ">=4.0"
             }
         },
+        "node_modules/vue-i18n": {
+            "version": "9.4.1",
+            "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.4.1.tgz",
+            "integrity": "sha512-vnQyYE9LBuNOqPpETIcCaGnAyLEqfeIvDcyZ9T+WBCWFTqWw1J8FuF1jfeDwpHBi5JKgAwgXyq1mt8jp/x/GPA==",
+            "dependencies": {
+                "@intlify/core-base": "9.4.1",
+                "@intlify/shared": "9.4.1",
+                "@vue/devtools-api": "^6.5.0"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            },
+            "peerDependencies": {
+                "vue": "^3.0.0"
+            }
+        },
         "node_modules/vue-router": {
             "version": "4.2.4",
             "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.2.4.tgz",
@@ -6201,9 +6340,9 @@
             }
         },
         "@babel/helper-validator-identifier": {
-            "version": "7.22.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
-            "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==",
+            "version": "7.22.20",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+            "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
             "dev": true
         },
         "@babel/highlight": {
@@ -6276,9 +6415,9 @@
             }
         },
         "@babel/parser": {
-            "version": "7.22.14",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.14.tgz",
-            "integrity": "sha512-1KucTHgOvaw/LzCVrEOAyXkr9rQlp0A1HiHRYnSUE9dmb8PvPW7o5sscg+5169r54n3vGlbx6GevTE/Iw/P3AQ=="
+            "version": "7.22.16",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.16.tgz",
+            "integrity": "sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA=="
         },
         "@babel/runtime": {
             "version": "7.22.11",
@@ -6617,12 +6756,68 @@
             "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
             "dev": true
         },
+        "@intlify/core-base": {
+            "version": "9.4.1",
+            "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.4.1.tgz",
+            "integrity": "sha512-WIwx+elsZbxSMxRG5+LC+utRohFvmZMoDevfKOfnYMLbpCjCSavqTfHJAtfsY6ruowzqXeKkeLhRHbYbjoJx5g==",
+            "requires": {
+                "@intlify/message-compiler": "9.4.1",
+                "@intlify/shared": "9.4.1"
+            }
+        },
+        "@intlify/message-compiler": {
+            "version": "9.4.1",
+            "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.4.1.tgz",
+            "integrity": "sha512-aN2N+dUx320108QhH51Ycd2LEpZ+NKbzyQ2kjjhqMcxhHdxtOnkgdx+MDBhOy/CObwBmhC3Nygzc6hNlfKvPNw==",
+            "requires": {
+                "@intlify/shared": "9.4.1",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "@intlify/shared": {
+            "version": "9.4.1",
+            "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.4.1.tgz",
+            "integrity": "sha512-A51elBmZWf1FS80inf/32diO9DeXoqg9GR9aUDHFcfHoNDuT46Q+fpPOdj8jiJnSHSBh8E1E+6qWRhAZXdK3Ng=="
+        },
+        "@jridgewell/gen-mapping": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+            "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+            "dev": true,
+            "optional": true,
+            "peer": true,
+            "requires": {
+                "@jridgewell/set-array": "^1.0.1",
+                "@jridgewell/sourcemap-codec": "^1.4.10",
+                "@jridgewell/trace-mapping": "^0.3.9"
+            }
+        },
         "@jridgewell/resolve-uri": {
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
             "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
             "dev": true
         },
+        "@jridgewell/set-array": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+            "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+            "dev": true,
+            "optional": true,
+            "peer": true
+        },
+        "@jridgewell/source-map": {
+            "version": "0.3.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+            "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+            "dev": true,
+            "optional": true,
+            "peer": true,
+            "requires": {
+                "@jridgewell/gen-mapping": "^0.3.0",
+                "@jridgewell/trace-mapping": "^0.3.9"
+            }
+        },
         "@jridgewell/sourcemap-codec": {
             "version": "1.4.15",
             "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
@@ -7206,6 +7401,14 @@
                 "fill-range": "^7.0.1"
             }
         },
+        "buffer-from": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+            "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+            "dev": true,
+            "optional": true,
+            "peer": true
+        },
         "call-bind": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -7513,11 +7716,6 @@
                 "object-keys": "^1.1.1"
             }
         },
-        "dexie": {
-            "version": "3.2.4",
-            "resolved": "https://registry.npmjs.org/dexie/-/dexie-3.2.4.tgz",
-            "integrity": "sha512-VKoTQRSv7+RnffpOJ3Dh6ozknBqzWw/F3iqMdsZg958R0AS8AnY9x9d1lbwENr0gzeGJHXKcGhAMRaqys6SxqA=="
-        },
         "diff": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
@@ -9900,6 +10098,18 @@
             "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
             "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
         },
+        "source-map-support": {
+            "version": "0.5.21",
+            "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+            "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+            "dev": true,
+            "optional": true,
+            "peer": true,
+            "requires": {
+                "buffer-from": "^1.0.0",
+                "source-map": "^0.6.0"
+            }
+        },
         "spdx-correct": {
             "version": "3.2.0",
             "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
@@ -10079,6 +10289,30 @@
             "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
             "dev": true
         },
+        "terser": {
+            "version": "5.19.4",
+            "resolved": "https://registry.npmjs.org/terser/-/terser-5.19.4.tgz",
+            "integrity": "sha512-6p1DjHeuluwxDXcuT9VR8p64klWJKo1ILiy19s6C9+0Bh2+NWTX6nD9EPppiER4ICkHDVB1RkVpin/YW2nQn/g==",
+            "dev": true,
+            "optional": true,
+            "peer": true,
+            "requires": {
+                "@jridgewell/source-map": "^0.3.3",
+                "acorn": "^8.8.2",
+                "commander": "^2.20.0",
+                "source-map-support": "~0.5.20"
+            },
+            "dependencies": {
+                "commander": {
+                    "version": "2.20.3",
+                    "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+                    "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+                    "dev": true,
+                    "optional": true,
+                    "peer": true
+                }
+            }
+        },
         "text-extensions": {
             "version": "1.9.0",
             "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-1.9.0.tgz",
@@ -10343,6 +10577,16 @@
                 }
             }
         },
+        "vue-i18n": {
+            "version": "9.4.1",
+            "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.4.1.tgz",
+            "integrity": "sha512-vnQyYE9LBuNOqPpETIcCaGnAyLEqfeIvDcyZ9T+WBCWFTqWw1J8FuF1jfeDwpHBi5JKgAwgXyq1mt8jp/x/GPA==",
+            "requires": {
+                "@intlify/core-base": "9.4.1",
+                "@intlify/shared": "9.4.1",
+                "@vue/devtools-api": "^6.5.0"
+            }
+        },
         "vue-router": {
             "version": "4.2.4",
             "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.2.4.tgz",
diff --git a/linkis-web-next/package.json b/linkis-web-next/package.json
index 91a720fc50..17afb75088 100644
--- a/linkis-web-next/package.json
+++ b/linkis-web-next/package.json
@@ -12,9 +12,9 @@
     "dependencies": {
         "@fesjs/fes-design": "^0.7.31",
         "@types/lodash": "^4.14.198",
-        "dexie": "^3.2.4",
         "monaco-editor": "^0.43.0",
         "vue": "^3.2.47",
+        "vue-i18n": "^9.4.1",
         "vue-router": "^4.2.2"
     },
     "devDependencies": {
diff --git a/linkis-web-next/src/components/editor/editorNext.vue b/linkis-web-next/src/components/editor/editorNext.vue
index 7e49fdceb9..741ca1808c 100644
--- a/linkis-web-next/src/components/editor/editorNext.vue
+++ b/linkis-web-next/src/components/editor/editorNext.vue
@@ -21,7 +21,6 @@
 <script lang="ts">
 import { merge, debounce } from 'lodash';
 import { defineComponent, ref } from 'vue';
-import storage from '@/common/helper/storage';
 import monaco from './monaco-loader';
 import highRiskGrammar from './highRiskGrammar';
 
diff --git a/linkis-web-next/src/components/editor/editorNext2.vue b/linkis-web-next/src/components/editor/editorNext2.vue
index edf236875c..588cfa0f0f 100644
--- a/linkis-web-next/src/components/editor/editorNext2.vue
+++ b/linkis-web-next/src/components/editor/editorNext2.vue
@@ -5,10 +5,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import { merge, debounce } from 'lodash';
-import storage from '@/common/helper/storage';
 import useMonaco from './util2';
-import monaco from './monaco-loader';
-import highRiskGrammar from './highRiskGrammar';
 
 const types = {
     code: {
@@ -585,15 +582,6 @@ export default defineComponent({
     background-color: #fff;
     box-sizing: border-box;
 
-    // &.full {
-    //     position: fixed;
-    //     left: calc(10vw / 2);
-    //     top: calc(10vh / 2);
-    //     box-shadow: 0 0 22px 10px rgba(0, 0, 0, 0.3);
-    //     width: 90vw !important;
-    //     height: 90vh !important;
-    //     z-index: 9999;
-    // }
     .tools {
         z-index: 888;
         position: absolute;
diff --git a/linkis-web-next/src/components/editor/keyword/python.ts b/linkis-web-next/src/components/editor/keyword/python.ts
index 00d6c711fa..8245a57ec3 100644
--- a/linkis-web-next/src/components/editor/keyword/python.ts
+++ b/linkis-web-next/src/components/editor/keyword/python.ts
@@ -17,7 +17,6 @@
 
 import { isEmpty } from 'lodash';
 import { getHiveList, getReturnList, getFormatProposalsList } from '../util';
-import storage from '@/common/helper/storage';
 
 const pyKeywordInfoProposals = [
     {
diff --git a/linkis-web-next/src/components/editor/util.ts b/linkis-web-next/src/components/editor/util.ts
index d866e06871..e96c63fa58 100644
--- a/linkis-web-next/src/components/editor/util.ts
+++ b/linkis-web-next/src/components/editor/util.ts
@@ -16,7 +16,6 @@
  */
 
 import { partition, map, filter, isFunction } from 'lodash';
-import globalcache from '@/common/scriptis/service/db/globalcache.js';
 import storage from '@/common/helper/storage';
 // import debug_log from '@/common/util/debug.js';
 
diff --git a/linkis-web-next/src/locales/en.ts b/linkis-web-next/src/locales/en.ts
new file mode 100644
index 0000000000..dff4ddfe59
--- /dev/null
+++ b/linkis-web-next/src/locales/en.ts
@@ -0,0 +1,1047 @@
+export default {
+    message: {
+        common: {
+            log: 'Log',
+            diagnosis: 'Intelligent Diagnosis',
+            watermaskText:
+                'Generated by DataWorkShop. For internal references only',
+            filter: 'Filter',
+            saveToWidget: 'Save widget to solution',
+            script: 'Script',
+            refresh: 'Refresh',
+            download: 'Download',
+            submit: 'Submit',
+            saveSuccess: 'Successfully saved',
+            detail: 'Details',
+            FAQ: 'FAQ',
+            clearCache: 'Clear Cache',
+            logOut: 'Log out',
+            action: 'Action',
+            path: 'Please choose the path',
+            resultList: 'Resultset',
+            process: 'Execution Time:',
+            ok: 'OK',
+            cancel: 'Cancel',
+            delete: 'Delete',
+            failedNotice: 'Invalid items found, please check and then retry!',
+            logoName: 'Linkis',
+            home: 'Home',
+            management: 'Console',
+            feedback: 'Feedback',
+            bbs: 'BBS',
+            exceptionTips:
+                'Background interface exception, please contact development processing!',
+            separator: {
+                comma: 'Comma(,)',
+                tab: 'Tab(\\t)',
+                semicolon: 'Semicolon(;)',
+                space: 'Space()',
+                vertical: 'Vertical bar(|)',
+            },
+            tabs: {
+                progress: 'Progress',
+                result: 'Execution Result',
+                log: 'Execution Log',
+                history: 'History',
+                diagnosis: 'Intelligent Diagnosis',
+            },
+            notice: {
+                unsave: {
+                    title: 'Notice',
+                    desc: 'Your temporary script has been updated, please mind to save!',
+                },
+                sendStart: {
+                    title: 'Execution Notice',
+                    render: 'Start to execute the script',
+                },
+                querySuccess: {
+                    title: 'Execution Result Notice',
+                    render: 'Successfully executed script, time elapsed:',
+                },
+                notice: {
+                    title: 'Execution Result Notice',
+                },
+                kill: {
+                    title: 'Execution Notice',
+                    desc: 'Stopped executing this script',
+                },
+            },
+            steps: {
+                title: 'Job Status',
+                stepsInfo: {
+                    Submitted: 'Submitted',
+                    Inited: 'waiting',
+                    Scheduled: 'Applying Resources',
+                    Running: 'Running',
+                    Succeed: 'Succeeded',
+                    ResultLoading: 'Loading Result',
+                    Completed: 'Completed',
+                    Failed: 'Failed',
+                    Cancelled: 'Canceled',
+                    FailedToGetResult: 'Failed to request result set',
+                    FailedToGetResultPath: 'Failed to request result set path',
+                    FailedToGetResultList: 'Failed to request result set list',
+                    FailedToGetResultFirst:
+                        'Failed to request the first result set',
+                    WaitForRetry: 'Waiting for retry',
+                    FailedToApply: 'Failed to apply resources',
+                    FailedToExecute: 'Execution Failed',
+                    notResult: 'No Result Set Generated',
+                },
+                hoverList: {
+                    first: '1.Successfully requested result set path...',
+                    second: '2.Successfully requested result set list...',
+                },
+            },
+            resultsExport: {
+                header: 'Export Result Set',
+                formItems: {
+                    name: {
+                        label: 'Name',
+                        placeholder: 'Please enter the name exported as……',
+                        title: 'The suffix to export as can be configured in Control Panel-Settings-Application Level-PipeLine!',
+                    },
+                    path: {
+                        label: 'Storage Path',
+                        title: 'Export Result Set',
+                        isSheet:
+                            'Whether to import multiple results Group into different sheets of export!',
+                    },
+                },
+                rules: {
+                    name: {
+                        required: 'Please enter the name',
+                        lengthLimit: 'Length between 1 to 200 characters',
+                        letterTypeLimit:
+                            'Only Chinese characters, alphanumeric characters and underscore are allowed',
+                    },
+                    path: {
+                        required: 'Please choose the path to export!',
+                    },
+                },
+            },
+            progress: {
+                title: 'Execution Progress',
+                watingList: '{num} jobs wating in front',
+                columns: {
+                    id: {
+                        title: 'Name',
+                    },
+                    progress: {
+                        title: 'Progress Bar',
+                    },
+                    taskNum: {
+                        title: 'Number of Tasks',
+                        status: {
+                            running: 'Running',
+                            success: 'Succeeded',
+                            fail: 'Failed',
+                            totalTasks: 'Total Number of Tasks',
+                        },
+                    },
+                },
+            },
+            execute: {
+                waitingQueue: '{num} jobs wating in front',
+                error: {
+                    getResultList:
+                        'Failed to request result set, please contact the admin!',
+                    queryTimeout: 'Query timeout, please execute again!',
+                    noResultList: 'No result set generated by this script!',
+                    errorLog:
+                        'Failed to request result set, please contact the admin!',
+                    failed: 'Failed to execute, please check logs for the reason, or feedback the key information in your execution history to admin!',
+                    canceled: 'Execution already canceled!',
+                    executeTimeout:
+                        'Execution timeout, please check logs for the reason, or feedback the key information in your execution history to admin!',
+                },
+                success: {
+                    getResultList: ' Successfully requested result set!',
+                    stateEnd:
+                        'Successfully executed task, requesting result set in progress!',
+                },
+            },
+            functionView: {
+                formItems: {
+                    name: 'Funtion Name',
+                    createUser: 'Creator/Department',
+                    updateTime: 'Updated at',
+                    useFormat: 'Using Format',
+                    description: 'Funtion Description',
+                },
+            },
+            navBar: {
+                addTitle: 'New Directory',
+                dataStudio: {
+                    outTable: 'Export Table',
+                    importHive: 'Import to Hive',
+                    addTitle: 'New directory',
+                    searchPlaceholder:
+                        'Please enter file or directory name to search',
+                },
+                workSpace: {
+                    searchPlaceholder:
+                        'Please enter file or directory name to search',
+                },
+                database: {
+                    searchPlaceholder:
+                        'Please enter database or table name to search',
+                },
+                fnSideBar: {
+                    searchPlaceholder:
+                        'Please enter directory or function name to search',
+                },
+                hdfs: {
+                    searchPlaceholder:
+                        'Please enter directory or function name to search',
+                },
+            },
+            monacoMenu: {
+                YXJB: 'Run Script',
+                GSH: 'Format',
+                CZ: 'Search',
+                TH: 'Replace',
+                HZS: 'Line Comment',
+                ZT: 'Paste',
+                HBQWJCFZWB:
+                    'Sorry, no copied text detected by IDE, if you performed the copy operation outside IDE, please use ctrl+v to paste!',
+                TDZDH: 'Jump to Line',
+                GBYFJC: 'Close Syntax Check',
+                DKYFJC: 'Open Syntax Check',
+                GYFSYGWYF:
+                    'This is highly dangerous syntax, please be cautious!',
+            },
+            resourceSimple: {
+                YS: 'Scriptis',
+                FL: 'Category',
+                ZH: 'Visualis',
+                FLOW1: 'Flowexecution',
+                FLOW2: 'Scheduler',
+                ZWSJ: 'No data yet',
+                KX: 'Idle',
+                FM: 'Busy',
+                QD: 'Starting',
+                LX: 'By Category',
+                AZT: 'By Status',
+                DDJK: 'Waiting for API response!',
+                QDYQWFJS: 'Cannot shut down an engine with starting status!',
+                WXZYQ: 'No engine selected!',
+                RWGLQ: 'Task Management',
+                YQGLQ: 'Engine Management',
+                DLGLQ: 'Queue Management',
+                QX: 'Select All',
+                QXQX: 'Deselect All',
+                SX: 'Refresh',
+                JSRW: 'Cancel Task',
+                JSYQ: 'Shut Down Engine',
+                PDZ: 'Queueing',
+                ZYSQ: 'Applying Resources',
+                YX: 'Running',
+                YQ: 'Engine',
+                RW: 'Task',
+                WZJBMC: 'Unknown Script Name',
+                ZHJB: 'Visualis Script',
+                GZLJB: 'Workflow Script',
+                YQRW: 'Engine and Task',
+                JSYQRW: 'Terminate Engine and Tasks',
+                CKJBXX: 'View Script Information',
+                FZJBXX: 'Copy Script Information',
+                QXZYTJL: 'Please choose a record!',
+                WHQD: 'The task is initializing. The end operation cannot be performed. Please wait until the task initialization is complete',
+                WHQDENGINE:
+                    'Failed to get engineInstance, please contact admin for investigation or waiting!',
+                YXTS: 'Execution Hints',
+                YJTZZXJB: 'Stopped Executing Script',
+                JSYQHRWCG: 'Successfully Terminated Engine and Tasks',
+                DKCG: 'Successfully Open',
+                JBFZDZTRB:
+                    'Copied script information to clipboard, please use ctrl+v to paste!',
+                XZDL: 'Please choose a queue',
+                ZYSYL: 'Resource Consumption Rate',
+                H: 'Cores',
+                NC: 'Memory',
+                ZYSYPHB: 'Ranking of Resource Consumption',
+                ZW: 'No data yet',
+            },
+            headerNavBar: {
+                Workflow: 'Workflow Development',
+                Exchangis: 'Data Exchange Component',
+                Scriptis: 'Data Development Component',
+                Qualitis: 'Data Governance Component',
+                Visualis: 'Data Visualization Component',
+                Schedulis: 'Workflow Schedule Component',
+                LinkisConsole: 'Linkis Console',
+            },
+            userMenu: {
+                title: 'Warning',
+                content:
+                    '<p>This operation will clear the local database cache, leading to loose your script logs, history and result set information, please confirm whether there are scripts unsaved!</p><p>Click OK button to continue?</p>',
+                clearCacheSuccess: 'Successfully cleared local cache!',
+                comingSoon: 'Planning in progress, please stay tuned!',
+            },
+            login: {
+                loginTitle: 'Welcome to Linkis Console!',
+                userName: 'Please enter your username',
+                remenber: 'Remember me',
+                login: 'Login',
+                passwordHint: 'Please enter your password',
+                password: 'Please enter password！',
+                loginSuccess: 'Login Success',
+                haveLogin:
+                    'You have already logged in, please do not login repeatedly',
+                vaildFaild: 'Authentication failed!',
+                toRegister: 'No account? Create one',
+                selectProxyTip: 'No select proxy',
+            },
+            dynamicForm: {
+                rule: {
+                    emptyKey: 'key is empty',
+                    lengthLimit: 'Length exceeds 128 characters',
+                    nameVaild:
+                        'Starts with alphabetic characters; Space and Chinese characters are not allowed',
+                    emptyValue: 'value is empty',
+                },
+                namePlaceholder: 'Please enter {title} name',
+                placeholderInput: 'Please enter the value',
+                someKey: 'Duplicated key found',
+            },
+            deleteDialog: {
+                waring: 'Warning',
+                action: 'Yes',
+                isNext: 'Continue or not?',
+                overThe: 'Stop this',
+                engine: 'Engine',
+                task: 'Task',
+                engineAndTask: 'Engine and task',
+            },
+            toolbar: {
+                replace: 'Please choose the empty value to replace:',
+                emptyString: 'Empty string',
+                analysis: 'Visualization',
+                window: 'Visualization window',
+                export: 'Export',
+                format: 'Please choose the download format:',
+                exportFormat: 'Format：',
+                coding: 'Please choose the encoding:',
+                model: 'Please choose the model:',
+                graphAnalysis: 'Graph Analysis',
+                excelAnalysis: 'Excel Analysis',
+                lineFilter: 'Line Filter',
+                resultGroupLineFilter: 'Result Group Line Filter',
+                resultGroup: 'Result Group',
+                all: 'all',
+                autoFormat: 'Auto Format',
+                downloadMode: 'Download Mode :',
+                deepAnalysis: 'Deep Analysis',
+                success: {
+                    download:
+                        'Successfully downloaded, please check from the local download directory!',
+                },
+                rowToColumn: 'Switch row to column',
+                rowToColumnTitle: 'View current row details',
+                selectSeparator: 'Please select a custom separator：',
+            },
+            tableRow: {
+                detail: 'Details of the selected row',
+                search: 'Search……',
+                columnName: 'Column name',
+                value: 'Value',
+                dataType: 'Data type',
+            },
+            statusType: {
+                all: 'All',
+                inited: 'Waiting',
+                running: 'Running',
+                succeed: 'Succeeded',
+                cancelled: 'Canceled',
+                failed: 'Failed',
+                scheduled: 'Applying Resources',
+                timeout: 'Timeout',
+                retry: 'Retry',
+                unknown: 'Unknown',
+            },
+            time: {
+                MIN: 'MIN',
+                HOUR: 'HOUR',
+                DAY: 'DAY',
+                WEEK: 'WEEK',
+                MONTH: 'MONTH',
+                YEAR: 'YEAR',
+                Mon: 'Mon',
+                Tue: 'Tue',
+                Wed: 'Wed',
+                Thu: 'Thu',
+                Fri: 'Fri',
+                Sat: 'Sat',
+                Sun: 'Sun',
+                second: 'Second',
+                minute: 'Minute',
+                hour: 'Hour',
+                day: 'Day',
+            },
+            warning: {
+                api: 'Requesting API, please hold on!',
+                data: 'Requesting data, please hold on!',
+                waiting: 'Please wait for API response!',
+                biLoading: 'Connecting with Visualis, please hold on!',
+                comingSoon: 'New version is being integrated, so stay tuned !',
+                GJZ: 'Open source co-construction is in progress, so stay tuned!',
+            },
+        },
+        linkis: {
+            refresh: 'Refresh',
+            noDescription: 'No description',
+            placeholderZip:
+                'Please enter the workspace Python package path (only zip is supported)!',
+            emptyString: 'Empty String',
+            description: 'Description',
+            name: 'Name',
+            order: 'Order',
+            addParameterConfig: 'Add Parameter Configuration',
+            addEngineType: 'Add Engine Type',
+            editDescriptionEngineConfig: 'Edit Description Engine Config',
+            addAppType: 'Add Application Type',
+            editContents: 'Add Contents',
+            ConfirmEdit: 'Done',
+            serviceRegistryCenter: 'Service Registry Center',
+            addTags: 'Add Tags',
+            unfold: 'Unfold',
+            fold: 'Fold',
+            jumpPage: 'Please check in the jump page...',
+            initiator: 'Created From',
+            inputOwnerHint: 'Please input owner',
+            find: 'Find',
+            errorCode: 'Error Code',
+            errorDescription: 'Error Description',
+            notLog: 'Log not obtained!',
+            editedSuccess: 'Edited success!',
+            stopEngineTip: 'Are you sure you want to stop the current engine?',
+            addVariable: 'Add Variable',
+            defaultValue: 'Default',
+            noDefaultValue: 'No default value',
+            stop: 'Stop',
+            tip: 'Tip',
+            serverTip: 'No Results（resultLocation:null）',
+            log: 'Task Log',
+            detail: 'Task Detail',
+            result: 'Task Result',
+            startUp: 'Start-up',
+            tagEdit: 'Edit',
+            tipForKill:
+                'The unlock engines of ECM [{instance}}] will be killed',
+            killAll: 'Kill Unlock Engine',
+            allEngine: 'Include Multiple User Engine?',
+            killFinishedInfo:
+                'Expected to stop {killEngineNum} engines, will release ECM {cores}cores,{memory}G resources',
+            yes: 'Yes',
+            no: 'No',
+            noDataTextBeforeSearch: 'Please input the execution code for query',
+            noDataTextAfterSearch: 'No data yet',
+            rename: 'Rename',
+            instanceNum: 'Instance Number',
+            keyTip: 'The key cannot be empty',
+            instanceName: 'Instance Name',
+            resources: 'Resources',
+            reset: 'Reset',
+            clearSearch: 'Clear',
+            showOperations: 'Show Operations',
+            hide: 'Hide',
+            resetAll: 'Reset All',
+            remove: 'Remove',
+            submit: 'Submit',
+            search: 'Search',
+            save: 'Save',
+            edit: 'Edit',
+            cancel: 'Cancel',
+            create: 'Create',
+            noDataText: 'No data yet',
+            jobId: 'JobID',
+            userName: 'Username',
+            password: 'Password',
+            unselect: 'Please select task',
+            noselection: 'Please select first',
+            searchName: 'Please enter username to search',
+            generalView: 'Switch to the Common View',
+            manageView: 'Switch to the Admin View',
+            back: 'Back',
+            prev: 'Previous Step',
+            complete: 'Complete',
+            close: 'Close',
+            udfName: 'UDF Name',
+            udfType: 'UDF Type',
+            nextPage: 'Next Page',
+            previousPage: 'Previous Page',
+            all: 'All',
+            common: 'Common',
+            tenant: 'Tenant',
+            inputTenant: 'Please Input Tenant',
+            globalSettings: 'GlobalSettings',
+            resultSet: {
+                prefixText:
+                    'Because your result set is large, for a better experience, ',
+                linkText: 'View result set',
+                largeResultTips:
+                    'The front end displays only 5000 pieces of data',
+            },
+            needPre: 'Need to select category and input username before',
+            warning: {
+                api: 'Requesting API, please hold on!',
+                data: 'Requesting data, please hold on!',
+                waiting: 'Please wait for API response!',
+                biLoading: 'Connecting with Visualis, please hold on!',
+                comingSoon: 'New version is being integrated, so stay tuned !',
+                GJZ: 'Open source co-construction is in progress, so stay tuned!',
+            },
+            resourceManagement: {
+                resourceUsage: 'Resource usage',
+                applicationList: 'Applications',
+            },
+            time: {
+                second: 'Second',
+                minute: 'Minute',
+                hour: 'Hour',
+                day: 'Day',
+            },
+            tableColumns: {
+                instanceName: 'Instance Name',
+                initiator: 'Initiator',
+                engineInstance: 'Engine Instance',
+                engineType: 'Engine Type',
+                serveType: 'Serve Type',
+                appType: 'App Type',
+                taskID: 'JobID',
+                fileName: 'Source',
+                executionCode: 'Execution Code',
+                status: 'Status',
+                label: 'Label',
+                engineVersion: 'Engine Version',
+                engineVersionCannotBeNull: 'Engine Version Cannot Be Null',
+                addEngineRules:
+                    'Engine Name Cannot Have Special Symbols And Spaces',
+                lockedResource: 'Locked Resources',
+                usedResources: 'Used Resources',
+                maximumAvailableResources: 'Maximum Available Resources',
+                minimumAvailableResources: 'Minimum Available Resources',
+                startTime: 'Start Time',
+                costTime: 'Time Elapsed',
+                executeApplicationName: 'Execution Engine',
+                requestApplicationName: 'Created From',
+                user: 'User',
+                createdTime: 'Created at',
+                updateTime: 'Update Time',
+                failedReason: 'Key Information',
+                control: {
+                    title: 'Handle',
+                    label: 'View',
+                },
+                queenRemain: 'Queen Remain',
+                queueUsed: 'Queue Used',
+                queueTop: 'Queue Max',
+                engineRemain: 'Engine Remain',
+                engineUsed: 'Engine Used',
+                engineTop: 'Engine Max',
+                versioTips:
+                    'If no engine version is available, check whether the engine materials of the corresponding version are installed',
+                applicationRole: 'Application role',
+            },
+            logLoading: 'Requesting logs, please hold on',
+            title: 'Linkis Control Panel',
+            info: '{num} new messages',
+            hint: 'Please view in the redirected page……',
+            sideNavList: {
+                news: {
+                    name: 'Latest Activities',
+                    children: {
+                        daily: 'Daily Operation Report',
+                    },
+                },
+                function: {
+                    name: 'Frequently Used',
+                    children: {
+                        globalHistory: 'Global History',
+                        resource: 'Resource Management',
+                        resourceEngineConnList: 'History Engine',
+                        setting: 'Settings',
+                        dateReport: 'Global Variables',
+                        globalValiable: 'Frequently Asked',
+                        microserviceManage: 'Microservice Management',
+                        ECMManage: 'ECM Management',
+                        udfFunctionTitle: 'UDF Function',
+                        udfFunctionManage: 'UDF Management',
+                        dataSourceManage: 'DataSource Management',
+                        userResourceManagement: 'User Resource Management',
+                        tenantTagManagement: 'Tenant Tag Management',
+                        ipListManagement: 'White List Management',
+                        errorCode: 'Error Manage',
+                        gatewayAuthToken: 'Token Manage',
+                        engineConfigurationTemplate:
+                            'Engine Configuration Template',
+                        rmExternalResourceProvider:
+                            'External Resource Provider Manage',
+                        udfManager: 'UDF User Manage',
+                        udfTree: 'UDF Tree',
+                        datasourceAccess: 'Data source access permissions',
+                        datasourceEnv: 'DataSource Environment',
+                        datasourceType: 'DataSource Type',
+                        datasourceTypeKey: 'Datasource Config Options',
+                        EnginePluginManagement: 'Engine Plugin Management',
+                        basedataManagement: 'Basic Data Management',
+                        codeQuery: 'Code Retrieval',
+                        EngineConnList: 'Engine Conn List',
+                    },
+                },
+            },
+            modal: {
+                modalTitle: 'Prompt message ',
+                modalDelete: 'Confirm whether to delete the [{name} option?',
+                modalDeleteRecord: 'Confirm whether to delete the record?',
+                modalDeleteTask: 'Confirm whether to stop the selected task?',
+                modalDeleteInstance:
+                    'Determines whether to stop the current selected instance?',
+                modalDeleteSuccess: 'Deleted successfully',
+                modalDeleteFail: 'Delete failed',
+            },
+            formItems: {
+                id: {
+                    placeholder: 'Please search by entering the ID',
+                },
+                date: {
+                    label: ' Start Date',
+                    placeholder: 'Please choose the start date',
+                },
+                instance: {
+                    label: 'Instance',
+                    placeholder: 'Please search by entering the instance',
+                },
+                creator: {
+                    label: 'Creator',
+                    placeholder: 'Please search by entering the creator',
+                },
+                engine: {
+                    label: 'Engine',
+                },
+                status: {
+                    label: 'Status',
+                },
+                appType: 'App Type',
+                engineType: 'Engine',
+            },
+            columns: {
+                taskID: 'Task ID',
+                fileName: 'Script Name',
+                executionCode: 'Execution Code',
+                status: 'Status',
+                costTime: 'Time Elapsed',
+                executeApplicationName: 'Execution Engine',
+                requestApplicationName: 'Created From',
+                progress: 'Progress',
+                createdTime: 'Created at',
+                updatedTime: 'Updated at',
+                control: {
+                    title: 'Handle',
+                    label: 'View',
+                },
+                moduleName: 'Module Name',
+                totalResource: 'Total Resources',
+                usedResource: 'Used Resources',
+                initializingResource: 'Initing Resources',
+                memory: 'Memory',
+                engineInstance: 'Engine Instance',
+                applicationName: 'Application Name',
+                usedTime: 'Started at',
+                engineStatus: 'Status',
+                username: 'Username',
+            },
+            shortcuts: {
+                week: '1Week',
+                month: '1Month',
+                threeMonths: '3Months',
+            },
+            statusType: {
+                all: 'All',
+                inited: 'Waiting',
+                running: 'Running',
+                succeed: 'Succeeded',
+                cancelled: 'Canceled',
+                failed: 'Failed',
+                scheduled: 'Applying Resources',
+                timeout: 'Timeout',
+                retry: 'Retry',
+                unknown: 'Unknown',
+            },
+            engineTypes: {
+                all: 'All',
+            },
+            header: 'Resource Manager',
+            tabs: {
+                first: 'User Sessions',
+                second: 'User Resources',
+                third: 'Server Resources',
+            },
+            noLimit: 'Unlimited',
+            core: 'Cores',
+            row: {
+                applicationName: 'Application Name',
+                usedTime: 'Started at',
+                engineStatus: 'Status',
+                engineInstance: 'Engine Instance',
+                queueName: 'Queue Name',
+                user: 'User',
+                cpu: 'Used server CPU resources',
+                memory: 'Used server memory resources',
+                queueCpu: 'Used Yarn queue CPU resources',
+                queueMemory: 'Used Yarn queue memory resources',
+            },
+            setting: {
+                global: 'Global',
+                globalSetting: 'Global Settings',
+                hide: 'Hide',
+                show: 'Show',
+                advancedSetting: 'Advanced Settings',
+                dataDev: 'Data Development',
+            },
+            globalValiable: 'Global Variables',
+            rules: {
+                first: {
+                    required: 'The key of variable {text} is empty',
+                    lengthLimit: 'Length between 1 to 128 characters',
+                    letterTypeLimit:
+                        'Started with alphabetic characters, spance and Chinese characters are not allowed',
+                    placeholder: 'Please enter the variable name',
+                },
+                second: {
+                    required: 'The value of variable {text} is empty',
+                    lengthLimit: 'Length between 1 to 128 characters',
+                    placeholder: 'Please enter the variable value',
+                },
+            },
+            addArgs: 'New argument',
+            emptyDataText: 'No global variable data yet',
+            sameName: 'Duplicated key',
+            error: {
+                validate: 'Invalid items found, please check and then retry!',
+            },
+            success: {
+                update: 'Successfully updated global variables!',
+            },
+            searchAppType: 'Please enter App Type',
+            resetTip: 'Are you sure to reset the resource?',
+            resetAllTip:
+                'Whether to reset all user resources (this operation will only clean up user resource records, not the resources that have been generated)?',
+            viewlog: 'View Log',
+            datasource: {
+                pleaseUpload: 'Please upload',
+                pleaseInput: 'Please input',
+                datasourceSrc: 'DataSource',
+                connectTest: 'Test Connection',
+                sourceName: 'DataSource Name',
+                sourceDec: 'DataSource Description',
+                sourceType: 'DataSource Type',
+                creator: 'Creator',
+                create: 'Add Source',
+                exports: 'Export Sources',
+                imports: 'Importing Sources',
+                overdue: 'Expire',
+                versionList: 'Version list',
+                dataSourceName: 'DataSource Name',
+                dataSourceType: 'DataSource Type',
+                createSystem: 'Create System',
+                dataSourceEnv: 'Available Space',
+                status: 'Status',
+                permissions: 'Permissions',
+                label: 'Label',
+                version: 'Version',
+                desc: 'Description',
+                action: 'Action',
+                createUser: 'Create User',
+                createTime: 'Create Time',
+                versionDec: 'Version Description',
+                watch: 'View',
+                rollback: 'Rollback',
+                publish: 'Publish',
+                initVersion: 'Initial Version',
+                updateVersion: 'Version Update',
+                published: 'Published',
+                unpublish: 'Unpublished',
+                cannotPublish: 'Cannot publish',
+                used: 'Available',
+                commentValue: 'Roll back from version {text}',
+                undefinedVersion: 'Cannot find the version of DataSource',
+            },
+            tenantTagManagement: {
+                userName: 'User Name',
+                appName: 'Application Name',
+                tenantTag: 'Tenant Tag',
+                search: 'Search',
+                clear: 'Clear',
+                create: 'Create',
+                userCreator: 'User-Creator',
+                createUser: 'Create User',
+                createTime: 'Create Time',
+                desc: 'Description',
+                inputUser: 'Please Input User',
+                inputApp: 'Please Input Application',
+                inputTenant: 'Please Input Tenant Tag',
+                inputDesc: 'Please Input Description',
+                inputCreateUser: 'Please Input Creare User',
+                yourTagMapping: 'Your Tag Mapping',
+                notEmpty: 'Cannot be empty',
+                maxLen: 'A maximum of 100 characters is allowed',
+                contentError: 'English, numbers, asterisk and underline only',
+                contentError1: 'English, numbers and underline only',
+                contentError2: 'English, numbers, underscores and dashes only',
+                check: 'Check',
+                OK: 'OK',
+                Cancel: 'Cancel',
+                action: 'Action',
+                edit: 'Edit',
+                delete: 'Delete',
+                userIsExisted: 'User Tag Already Exists',
+                addSuccessful: 'Successfully Addded',
+                editSuccessful: 'Successfully edited',
+                confirmDel: 'Confirm Deletion',
+                isConfirmDel:
+                    'Are you sure you want to delete this tag({name})',
+            },
+            ipListManagement: {
+                userName: 'User Name',
+                appName: 'Application Name',
+                ipList: 'IP List',
+                search: 'Search',
+                clear: 'Clear',
+                create: 'Create',
+                userCreator: 'User-Creator',
+                createUser: 'Create User',
+                createTime: 'Create Time',
+                desc: 'Description',
+                inputUser: 'Please Input User',
+                inputApp: 'Please Input Application',
+                inputIpList: 'Please Input IP List',
+                inputDesc: 'Please Input Description',
+                inputCreateUser: 'Please Input Creare User',
+                yourTagMapping: 'Your Tag Mapping',
+                notEmpty: 'Cannot be empty',
+                maxLen: 'A maximum of 100 characters is allowed',
+                contentError: 'English, numbers, asterisk and underline only',
+                contentError1: 'English, numbers and underline only',
+                contentError2: 'English, numbers, underscores and dashes only',
+                ipContentError:
+                    'Please enter IP addresses in correct format.(Multiple IP addresses pass through, separate)',
+                check: 'Check',
+                OK: 'OK',
+                Cancel: 'Cancel',
+                action: 'Action',
+                edit: 'Edit',
+                delete: 'Delete',
+                userIsExisted: 'User Tag Already Exists',
+                addSuccessful: 'Successfully Addded',
+                editSuccessful: 'Successfully edited',
+                confirmDel: 'Confirm Deletion',
+                isConfirmDel:
+                    'Are you sure you want to delete this tag({name})',
+            },
+            codeQuery: {
+                executionCode: 'Execution Code',
+                dateRange: 'Date Range',
+                placeholder: {
+                    executionCode: 'Please input execution code',
+                    dateRange: 'Please select date range',
+                    status: 'Please select status',
+                },
+                inputCode: 'Please input execution code',
+                id: 'ID',
+                code: 'Code',
+                check: 'View',
+                search: 'Search',
+                clear: 'Clear',
+                status: 'Status',
+                submitUser: 'Submit User',
+                createdTime: 'Created Time',
+                searchRange: 'Only T-1 history code can be queried',
+            },
+            basedataManagement: {
+                add: 'Add',
+                remove: 'Remove',
+                edit: 'Edit',
+                searchLabel: 'Fuzzy Search:',
+                searchPlaceholder: 'Please enter your search',
+                search: 'Search',
+                action: 'Action',
+                categoryMaxLength: 'The length cannot exceed 100',
+                modal: {
+                    confirm: 'Confirm',
+                    cancel: 'Cancel',
+                    modalTitle: 'Info',
+                    modalFormat: 'Confirm deleting the {0} record?',
+                    modalDelete1:
+                        'Confirm that the record [{name}] should be deleted?',
+                    modalDelete:
+                        'Confirm that the record [{name}] should be deleted?',
+                    modalDeleteSuccess: 'Successfully delete',
+                    modalDeleteFail: 'Fail to delete',
+                    modalAddSuccess: 'Successfully added',
+                    modalAddFail: 'Fail to add',
+                    modalEditSuccess: 'Edit successful',
+                    modalEditFail: 'Edit failure',
+                },
+                addUDFAdmin: 'Add UDF administrator',
+                engineConfigurationTemplate: {
+                    engineLabelId: 'Engine Label Id',
+                    advanced: 'Advanced',
+                    defaultValue: 'Default Value',
+                    description: 'Description',
+                    engineConnType: 'Engine Type',
+                    key: 'Key',
+                    level: 'Level',
+                    name: 'Name',
+                    treeName: 'Tree Name',
+                    validateRange: 'Validate Range',
+                    validateType: 'Validate Type',
+                    hidden: 'hidden',
+                    id: 'ID',
+                    engineLabelList: 'Engine Label List',
+                    yes: 'yes',
+                    no: 'no',
+                    delSuccess: 'Deletion succeeded',
+                    delFail: 'Deletion failed',
+                    ModSuccess: 'Modification succeeded',
+                    ModFail: 'Modification failed',
+                    edit: 'edit',
+                },
+                gatewayAuthToken: {
+                    tokenName: 'Token Name',
+                    legalUsers: 'Legal Users',
+                    legalHosts: 'Legal Hosts',
+                    elapseDay: 'Elapse Day',
+                    permanentlyValid: 'Permanently Valid',
+                    businessOwner: 'Owner',
+                    createTime: 'Create Time',
+                    updateTime: 'Update Time',
+                    updateBy: 'Update By',
+                    searchPlaceholder: 'TokenName/Users/Hosts',
+                    info: 'Elapse Day: -1 means permanent',
+                    legalUsersInfo:
+                        '* Allow all users; Multi-user use, separated, for example :user1,user2',
+                    legalUsersValidate: {
+                        empty: 'Please enter the Users',
+                    },
+                    legalHostsInfo:
+                        '* Allow all hosts; Use multiple hosts, separated, for example :host1,host2',
+                    legalHostsInfoValidate: {
+                        empty: 'Please enter the Hosts',
+                    },
+                    elapseDayValidate: {
+                        size: 'The Elapse Day cannot be less than -1',
+                        empty: 'Please enter the elapse day',
+                        GT0: 'Valid days must be greater than 0',
+                    },
+                },
+                errorCode: {
+                    errorCode: 'Code',
+                    errorDesc: 'Desc',
+                    errorRegex: 'Regex',
+                    searchPlaceholder: 'Code/Desc/Regex',
+                },
+                rmExternalResourceProvider: {
+                    resourceType: 'Resource Type',
+                    name: 'Name',
+                    labels: 'Labels',
+                    config: 'Config',
+                    searchPlaceholder: 'Name/Labels/Config',
+                },
+                udfManager: {
+                    userName: 'User Name',
+                    searchPlaceholder: 'UserName',
+                    userNameValidate: {
+                        size: 'Usernames cannot be longer than 20 characters',
+                        empty: 'Please enter your username',
+                    },
+                },
+                udfTree: {
+                    name: 'Name',
+                    category: 'Category',
+                    userName: 'User Name',
+                    description: 'Description',
+                    parent: 'Parent',
+                    createTime: 'Create Time',
+                    updateTime: 'Update Time',
+                    searchPlaceholder: 'Name/Category/Desc/UserName',
+                    parentInfo:
+                        'Parent classification, Root is the root directory',
+                },
+                datasourceEnv: {
+                    envName: 'Env Name',
+                    envDesc: 'Env Desc',
+                    name: 'Name',
+                    datasourceType: 'Datasource Type',
+                    keytab: 'Kerboros',
+                    parameter: 'Parameter',
+                    createTime: 'Create Time',
+                    createUser: 'Create User',
+                    updateTime: 'Update Time',
+                    modifyUser: 'Modify User',
+                    searchPlaceholder: 'EnvName/EnvDesc/Param',
+                },
+                datasourceType: {
+                    name: 'Name',
+                    description: 'Description',
+                    option: 'Option',
+                    classifier: 'Classifier',
+                    icon: 'Icon',
+                    layers: 'Layers',
+                    searchPlaceholder: 'Name/Desc/Classifier',
+                    layersValidate: {
+                        range: 'The minimum is 0',
+                    },
+                },
+                datasourceTypeKey: {
+                    key: 'Key',
+                    dataSourceType: 'Datasource Type',
+                    name: 'Name(Chinese)',
+                    nameEn: 'Name',
+                    valueType: 'Value Type',
+                    scope: 'Scope',
+                    require: 'Require',
+                    defaultValue: 'Default Value',
+                    description: 'Description(Chinese)',
+                    descriptionEn: 'Description',
+                    valueRegex: 'Value Regex',
+                    createTime: 'Create Time',
+                    updateTime: 'Update Time',
+                    searchPlaceholder: 'Name',
+                    searchName: '名称',
+                    searchType: '类型',
+                    all: 'All',
+                },
+            },
+            basedata: {
+                add: 'Add',
+                remove: 'Remove',
+                edit: 'Edit',
+                addUDFAdmin: 'Add UDF Administrator',
+                search: 'Search',
+                envName: 'Environment Name',
+                envDesc: 'Environment Description',
+                dataSourceName: 'DataSource Name',
+                parameter: 'Parameter',
+                createTime: 'Create Time',
+                creator: 'Creator',
+                modifyUser: 'Modify User',
+                updateTime: 'Update Time',
+                action: 'Action',
+                Reset: 'Reset',
+                delete: 'Delete',
+                update: 'Update',
+                updateFileOnly: 'Update',
+                resourceVersion: 'Resource Version',
+                user: 'User',
+                deleteCurrentbml: 'Delete',
+                versionList: 'Version List',
+                rollback: 'Rollback',
+                checkEngineConnTypeAndVersion:
+                    'Please select the engine type and version',
+                upload: 'Please click the button to upload the engine plugin',
+            },
+        },
+    },
+};
diff --git a/linkis-web-next/src/locales/index.ts b/linkis-web-next/src/locales/index.ts
new file mode 100644
index 0000000000..2afdfb6b0b
--- /dev/null
+++ b/linkis-web-next/src/locales/index.ts
@@ -0,0 +1,7 @@
+import en from './en'
+import zh from './zh'
+
+export default {
+  zh,
+  en
+}
\ No newline at end of file
diff --git a/linkis-web-next/src/locales/zh.ts b/linkis-web-next/src/locales/zh.ts
new file mode 100644
index 0000000000..39117d4121
--- /dev/null
+++ b/linkis-web-next/src/locales/zh.ts
@@ -0,0 +1,1001 @@
+export default {
+    message: {
+        common: {
+            log: '日志',
+            diagnosis: '智能诊断',
+            watermaskText: '由DataWorkShop生成，仅供内部参考，严禁对外分享',
+            filter: '过滤',
+            saveToWidget: '保存widget到解决方案',
+            script: '脚本',
+            refresh: '刷新',
+            download: '下载',
+            submit: '确定',
+            saveSuccess: '保存成功',
+            detail: '详情',
+            FAQ: '常见问题',
+            clearCache: '清理缓存',
+            logOut: '退出登录',
+            action: '操作',
+            path: '请选择路径',
+            resultList: '结果集',
+            process: '执行耗时：',
+            ok: '确认',
+            cancel: '取消',
+            delete: '删除',
+            failedNotice: '验证项未通过，请检查后再试！',
+            logoName: 'Linkis',
+            project: '工程',
+            home: '首页',
+            management: '管理台',
+            bbs: '论坛',
+            feedback: '反馈',
+            exceptionTips: '后台接口异常，请联系开发处理！',
+            separator: {
+                comma: '逗号(,)',
+                tab: 'tab键(\\t)',
+                semicolon: '分号(;)',
+                space: '空格()',
+                vertical: '竖线(|)',
+            },
+            tabs: {
+                progress: '进度',
+                result: '运行结果',
+                log: '运行日志',
+                history: '历史',
+                diagnosis: '智能诊断',
+            },
+            notice: {
+                unsave: {
+                    title: '提醒',
+                    desc: '您的临时脚本已修改，请注意保存！',
+                },
+                sendStart: {
+                    title: '运行提示',
+                    render: '开始执行脚本',
+                },
+                querySuccess: {
+                    title: '执行结果提示',
+                    render: '脚本执行成功，共耗时',
+                },
+                notice: {
+                    title: '执行结果提示',
+                },
+                kill: {
+                    title: '运行提示',
+                    desc: '已经停止执行脚本',
+                },
+            },
+            steps: {
+                title: 'Job状态',
+                stepsInfo: {
+                    Submitted: '任务已提交',
+                    Inited: '排队中',
+                    Scheduled: '资源申请中',
+                    Running: '脚本运行中',
+                    Succeed: '成功',
+                    ResultLoading: '读取结果集中',
+                    Completed: '完成',
+                    Failed: '执行失败',
+                    Cancelled: '已取消',
+                    FailedToGetResult: '获取结果集失败',
+                    FailedToGetResultPath: '获取结果集路径失败',
+                    FailedToGetResultList: '获取结果集列表失败',
+                    FailedToGetResultFirst: '获取第一个结果集失败',
+                    WaitForRetry: '等待重试',
+                    FailedToApply: '申请资源失败',
+                    FailedToExecute: '执行失败',
+                    notResult: '未生成结果集',
+                },
+                hoverList: {
+                    first: '1.获取结果集路径成功...',
+                    second: '2.获取结果集列表成功...',
+                },
+            },
+            resultsExport: {
+                header: '结果集导出',
+                formItems: {
+                    name: {
+                        label: '导出名称',
+                        placeholder: '请输入导出名称……',
+                        title: '导出后缀可在管理台-常用功能-设置-应用级-pipeline中设置！',
+                    },
+                    path: {
+                        label: '存储路径',
+                        title: '结果集导出',
+                        isSheet: '是否将多个结果集导出到excel的不同sheet',
+                    },
+                },
+                rules: {
+                    name: {
+                        required: '请输入名称',
+                        lengthLimit: '长度在1到200个字符',
+                        letterTypeLimit: '仅支持中文、大小写字母、数字和下划线',
+                    },
+                    path: {
+                        required: '请选择导出路径！',
+                    },
+                },
+            },
+            progress: {
+                title: '运行进度',
+                watingList: '前面还有 {num} 个job在等待',
+                columns: {
+                    id: {
+                        title: '名称',
+                    },
+                    progress: {
+                        title: '进度条',
+                    },
+                    taskNum: {
+                        title: '任务数',
+                        status: {
+                            running: '运行中',
+                            success: '成功',
+                            fail: '失败',
+                            totalTasks: '总任务',
+                        },
+                    },
+                },
+            },
+            execute: {
+                waitingQueue: '前面还有 {num} 个job',
+                error: {
+                    getResultList: '获取结果集失败，请联系管理员！',
+                    queryTimeout: '查询超时，请重新执行！',
+                    noResultList: '脚本未生成结果集！',
+                    errorLog: '获取结果集失败，请联系管理员！',
+                    failed: '执行失败，请到日志中查看错误原因，或将历史中的关键信息反馈给管理员！',
+                    canceled: '查询已被取消！',
+                    executeTimeout:
+                        '查询超时，请到日志中查看错误原因，或将历史中的关键信息反馈给管理员！',
+                },
+                success: {
+                    getResultList: '获取结果集成功！',
+                    stateEnd: '任务执行完成，正在获取结果集！',
+                },
+            },
+            functionView: {
+                formItems: {
+                    name: '函数名称',
+                    createUser: '创建人/部门',
+                    updateTime: '修改时间',
+                    useFormat: '使用格式',
+                    description: '函数描述',
+                },
+            },
+            navBar: {
+                addTitle: '新建目录',
+                dataStudio: {
+                    outTable: '导出表',
+                    importHive: '导入hive',
+                    addTitle: '新建目录',
+                    searchPlaceholder: '请输入文件夹或文件名搜索',
+                },
+                workSpace: {
+                    searchPlaceholder: '请输入文件夹或文件名搜索',
+                },
+                database: {
+                    searchPlaceholder: '请输入数据库或表名搜索',
+                },
+                fnSideBar: {
+                    searchPlaceholder: '请输入文件夹或函数名称搜索',
+                },
+                hdfs: {
+                    searchPlaceholder: '请输入文件夹或函数名称搜索',
+                },
+            },
+            monacoMenu: {
+                YXJB: '运行脚本',
+                GSH: '格式化',
+                CZ: '查找',
+                TH: '替换',
+                HZS: '行注释',
+                ZT: '粘贴',
+                HBQWJCFZWB:
+                    '很抱歉，IDE未监控到复制文本，如果您是在IDE系统外执行的复制操作，请使用ctrl+v组合键进行粘贴！',
+                TDZDH: '跳到指定行',
+                GBYFJC: '关闭语法检查',
+                DKYFJC: '打开语法检查',
+                GYFSYGWYF: '该语法属于高危语法，请谨慎操作！',
+            },
+            resourceSimple: {
+                YS: 'Scriptis',
+                FL: '分类',
+                ZH: 'Visualis',
+                FLOW1: '实时工作流',
+                FLOW2: '调度系统',
+                ZWSJ: '暂无数据',
+                KX: '空闲',
+                FM: '繁忙',
+                QD: '启动',
+                LX: '按类别',
+                AZT: '按状态',
+                DDJK: '请等待接口返回！',
+                QDYQWFJS: '启动状态引擎无法结束！',
+                WXZYQ: '未选中引擎！',
+                RWGLQ: '任务管理器',
+                YQGLQ: '引擎管理器',
+                DLGLQ: '队列管理器',
+                QX: '全选',
+                QXQX: '取消全选',
+                SX: '刷新',
+                JSRW: '结束任务',
+                JSYQ: '结束引擎',
+                PDZ: '排队中',
+                ZYSQ: '资源申请中',
+                YX: '运行',
+                YQ: '引擎',
+                RW: '任务',
+                WZJBMC: '未知脚本名称',
+                ZHJB: '知画脚本',
+                GZLJB: '工作流脚本',
+                YQRW: '引擎和任务',
+                JSYQRW: '结束引擎和任务',
+                CKJBXX: '查看脚本信息',
+                FZJBXX: '复制脚本信息',
+                QXZYTJL: '请选择一条记录！',
+                WHQD: '任务正在初始化，暂不能进行kill，请等候任务初始化完成',
+                WHQDENGINE: '未获取到engineInstance，请联系管理员查看！',
+                YXTS: '运行提示',
+                YJTZZXJB: '已经停止执行脚本',
+                JSYQHRWCG: '结束引擎和任务成功',
+                DKCG: '打开成功',
+                JBFZDZTRB: '脚本信息已复制到粘贴板，请使用ctrl+v组合键粘贴！',
+                XZDL: '请选择队列',
+                ZYSYL: '资源使用率',
+                H: '核',
+                NC: '内存',
+                ZYSYPHB: '资源使用排行榜',
+                ZW: '暂无',
+            },
+            headerNavBar: {
+                Workflow: '工作流开发',
+                Exchangis: '数据交换组件',
+                Scriptis: '数据开发组件',
+                Qualitis: '数据治理组件',
+                Visualis: '可视化组件',
+                Schedulis: '工作流调度组件',
+                LinkisConsole: 'Linkis 管理台',
+            },
+            userMenu: {
+                title: '警告',
+                content:
+                    '<p>此操作将清空本地数据库缓存，这样会丢失您的脚本日志、历史和结果集等相关信息，请确认是否有未保存的脚本！</p><p>点击确认按钮继续操作？</p>',
+                clearCacheSuccess: '清除本地数据缓存成功!',
+                comingSoon: '尚未开源，敬请期待！',
+            },
+            login: {
+                loginTitle: '欢迎登录Linkis系统！',
+                userName: '请输入用户名',
+                remenber: '记住当前用户',
+                login: '登录',
+                passwordHint: '请输入密码！',
+                loginSuccess: '登录成功',
+                haveLogin: '您已经登录，请不要重复登录',
+                vaildFaild: '验证未通过！',
+                selectProxyTip: '用户代理未选择！',
+            },
+            dynamicForm: {
+                rule: {
+                    emptyKey: 'key为空',
+                    lengthLimit: '长度超过128字符',
+                    nameVaild: '仅支持以字母开头，且不得存在空格和中文',
+                    emptyValue: 'value为空',
+                },
+                namePlaceholder: '请输入{title}名称',
+                placeholderInput: '请输入值',
+                someKey: '存在同名key',
+            },
+            deleteDialog: {
+                waring: '警告',
+                action: '是',
+                isNext: '是否继续？',
+                overThe: '结束该',
+                engine: '引擎',
+                task: '任务',
+                engineAndTask: '引擎和任务',
+            },
+            tableRow: {
+                detail: '选中行详情',
+                search: '搜索……',
+                columnName: '列名',
+                value: '值',
+                dataType: '数据类型',
+            },
+            toolbar: {
+                replace: '请选择替换空值：',
+                emptyString: '空字符串',
+                analysis: '可视化',
+                window: '可视化窗口',
+                export: '导出',
+                format: '请选择下载格式：',
+                exportFormat: '导出格式：',
+                coding: '请选择编码：',
+                model: '请选择分析模式',
+                graphAnalysis: '图表分析',
+                excelAnalysis: 'Excel分析',
+                lineFilter: '列筛选',
+                resultGroupLineFilter: '对结果集的列进行筛选',
+                resultGroup: '结果集',
+                all: '是否全量',
+                autoFormat: '自动格式化',
+                downloadMode: '下载方式：',
+                deepAnalysis: '分 析 进 阶',
+                success: {
+                    download: '下载成功，请到本地的download文件夹查看！',
+                },
+                rowToColumn: '行转列',
+                rowToColumnTitle: '查看当前行详情',
+                selectSeparator: '请选择自定义分隔符：',
+            },
+            statusType: {
+                all: '全部',
+                inited: '排队中',
+                running: '运行',
+                succeed: '成功',
+                cancelled: '取消',
+                failed: '失败',
+                scheduled: '资源申请中',
+                timeout: '超时',
+                retry: '重试',
+                unknown: '未知',
+            },
+            time: {
+                MIN: ' 分钟',
+                HOUR: ' 小时',
+                DAY: ' 日',
+                WEEK: ' 周',
+                MONTH: ' 月',
+                YEAR: ' 年',
+                Mon: '星期一',
+                Tue: '星期二',
+                Wed: '星期三',
+                Thu: '星期四',
+                Fri: '星期五',
+                Sat: '星期六',
+                Sun: '星期日',
+                second: '秒',
+                minute: '分钟',
+                hour: '小时',
+                day: '天',
+            },
+            warning: {
+                api: '接口请求中，请稍候！',
+                data: '数据请求中，请稍候！',
+                waiting: '请等待接口返回！',
+                biLoading: '正在和Visualis系统通讯，请稍候！',
+                comingSoon: '尚未开源，敬请期待！',
+            },
+        },
+        linkis: {
+            refresh: '刷新',
+            placeholderZip: '请输入工作空间python包路径（只支持zip）!',
+            emptyString: '空字符串',
+            addAppType: '新增应用类型',
+            editContents: '编辑目录',
+            ConfirmEdit: '完成编辑',
+            serviceRegistryCenter: '服务注册中心',
+            addParameterConfig: '新增参数配置',
+            addEngineType: '新增引擎类型',
+            editDescriptionEngineConfig: '编辑引擎配置',
+            name: '名称',
+            order: '顺序',
+            description: '描述',
+            noDescription: '暂无描述',
+            addTags: '添加标签',
+            find: '查询',
+            initiator: '创建者',
+            inputOwnerHint: '请输入创建者',
+            jumpPage: '请在跳转页面查看……',
+            editedSuccess: '修改成功',
+            errorCode: '错误码',
+            errorDescription: '错误描述',
+            notLog: '未获取到日志！',
+            unfold: '展开',
+            fold: '收起',
+            addVariable: '新增变量',
+            defaultValue: '默认值',
+            noDefaultValue: '无默认值',
+            stop: '停止',
+            tip: '提示',
+            serverTip: '无结果集（resultLocation:null）',
+            stopEngineTip: '请问确认要停止当前引擎？',
+            log: '任务日志',
+            detail: '任务详情',
+            result: '任务结果',
+            startUp: '启动',
+            tagEdit: '编辑',
+            tipForKill: '将要停止此ECM实例 【{instance}】上的空闲引擎',
+            killAll: '停止空闲引擎',
+            allEngine: '包含多用户引擎？',
+            killFinishedInfo:
+                '预计停止{killEngineNum}个引擎, 将释放 ECM {cores}cores,{memory}G 资源',
+            noDataTextBeforeSearch: '请输入执行代码进行查询',
+            noDataTextAfterSearch: '暂无数据',
+            yes: '是',
+            no: '否',
+            keyTip: '不能为空',
+            rename: '重命名',
+            resources: '资源',
+            instanceNum: '实例数',
+            instanceName: '实例名称',
+            reset: '重置',
+            clearSearch: '清空',
+            showOperations: '显示操作',
+            hide: '隐藏操作',
+            resetAll: '全部重置',
+            remove: '移除',
+            submit: '确定',
+            search: '搜索',
+            save: '保存',
+            edit: '编辑',
+            cancel: '取消',
+            create: '新建',
+            noDataText: '暂无数据',
+            jobId: '任务ID',
+            userName: '用户名',
+            password: '密码',
+            unselect: '请选择',
+            noselection: '请先选择',
+            searchName: '请输入用户名搜索',
+            generalView: '切换普通视图',
+            manageView: '切换管理员视图',
+            back: '返回',
+            prev: '上一步',
+            complete: '完成',
+            close: '关闭',
+            udfName: 'UDF名称',
+            udfType: 'UDF类型',
+            nextPage: '下一页',
+            previousPage: '上一页',
+            all: '全部',
+            common: '通用',
+            tenant: '租户标签',
+            inputTenant: '请输入租户标签',
+            globalSettings: '全局设置',
+            resultSet: {
+                prefixText: '因为您的结果集较大，为了更好的体验，',
+                linkText: '点击查看结果集',
+                largeResultTips: '前端只展示5000条数据',
+            },
+            needPre: '需要先选择分类和输入用户名',
+            warning: {
+                api: '接口请求中，请稍候！',
+                data: '数据请求中，请稍候！',
+                waiting: '请等待接口返回！',
+                biLoading: '正在和Visualis系统通讯，请稍候！',
+                comingSoon: '尚未开源，敬请期待！',
+            },
+            resourceManagement: {
+                resourceUsage: '资源使用情况',
+                applicationList: '应用列表',
+            },
+            time: {
+                second: '秒',
+                minute: '分钟',
+                hour: '小时',
+                day: '天',
+            },
+            tableColumns: {
+                instanceName: '实例名称',
+                initiator: '启动者',
+                engineInstance: '引擎实例',
+                engineType: '引擎类型',
+                serveType: '服务类型',
+                appType: '应用类型',
+                taskID: '任务ID',
+                fileName: '来源',
+                executionCode: '查询语句',
+                status: '状态',
+                costTime: '已耗时',
+                label: '标签',
+                engineVersion: '引擎版本',
+                engineVersionCannotBeNull: '引擎版本不能为空',
+                addEngineRules: '应用名称不能有特殊符号和空格',
+                usedResources: '已用资源',
+                lockedResource: '上锁资源',
+                maximumAvailableResources: '最大可用资源',
+                minimumAvailableResources: '最小可用资源',
+                startTime: '启动时间',
+                executeApplicationName: '执行引擎',
+                requestApplicationName: '创建者',
+                user: '用户',
+                createdTime: '创建时间',
+                updateTime: '更新时间',
+                failedReason: '关键信息',
+                control: {
+                    title: '操作',
+                    label: '查看',
+                },
+                queenRemain: '队列剩余资源',
+                queueUsed: '队列已用资源',
+                queueTop: '队列上限资源',
+                engineRemain: '引擎剩余资源',
+                engineUsed: '引擎已用资源',
+                engineTop: '引擎上限资源',
+                versioTips:
+                    '如果没有对应的版本，请确认是否已安装对应的版本引擎物料',
+                applicationRole: '应用方',
+            },
+            logLoading: '日志请求中，请稍后',
+            title: 'Linkis管理台',
+            info: '{num} 条新消息',
+            hint: '请在跳转页面查看……',
+            sideNavList: {
+                news: {
+                    name: '最新动态',
+                    children: {
+                        daily: '运营日报',
+                    },
+                },
+                function: {
+                    name: '常用功能',
+                    children: {
+                        globalHistory: '全局历史',
+                        resource: '资源管理',
+                        resourceEngineConnList: '历史引擎',
+                        setting: '参数配置',
+                        dateReport: '全局变量',
+                        globalValiable: '常见问题',
+                        ECMManage: 'ECM管理',
+                        microserviceManage: '微服务管理',
+                        udfFunctionTitle: 'UDF函数',
+                        udfFunctionManage: 'UDF管理',
+                        functionManagement: '函数管理',
+                        dataSourceManage: '数据源管理',
+                        userResourceManagement: '用户资源管理',
+                        tenantTagManagement: '租户标签管理',
+                        ipListManagement: '白名单管理',
+                        errorCode: '错误码管理',
+                        gatewayAuthToken: '令牌管理',
+                        rmExternalResourceProvider: '扩展资源管理',
+                        udfManager: '用户管理',
+                        udfTree: 'UDF分类',
+                        datasourceAccess: '数据源权限',
+                        datasourceEnv: '数据源环境',
+                        datasourceType: '数据源分类',
+                        datasourceTypeKey: '数据源配置项',
+                        EnginePluginManagement: '引擎物料管理',
+                        basedataManagement: '基础数据管理',
+                        codeQuery: '代码检索',
+                        engineConfigurationTemplate: '引擎配置模板',
+                        EngineConnList: '引擎列表',
+                    },
+                },
+            },
+            modal: {
+                modalTitle: '提示信息',
+                modalDelete: '确认是否删除[{name}]项?',
+                modalDeleteRecord: '确认是否删除该记录?',
+                modalDeleteTask: '确认是否停止当前选择任务?',
+                modalDeleteInstance: '确认是否停止当前选择实例?',
+                modalDeleteSuccess: '删除成功',
+                modalDeleteFail: '删除失败',
+            },
+            formItems: {
+                id: {
+                    placeholder: '请输入ID搜索',
+                },
+                date: {
+                    label: '起始时间',
+                    placeholder: '请选择起始日期',
+                },
+                instance: {
+                    label: '实例',
+                    placeholder: '请输入实例',
+                },
+                creator: {
+                    label: '应用',
+                    placeholder: '请输入应用搜索',
+                },
+                engine: {
+                    label: '引擎',
+                },
+                status: {
+                    label: '状态',
+                },
+                appType: '应用类型',
+                engineType: '引擎类型',
+            },
+            columns: {
+                taskID: '任务ID',
+                fileName: '脚本名称',
+                executionCode: '查询语句',
+                status: '状态',
+                costTime: '已耗时',
+                executeApplicationName: '执行引擎',
+                requestApplicationName: '创建者',
+                progress: '进度',
+                createdTime: '创建时间',
+                updatedTime: '最后更新时间',
+                control: {
+                    title: '操作',
+                    label: '查看',
+                },
+                moduleName: '模块名称',
+                totalResource: '总资源',
+                usedResource: '已用资源',
+                initializingResource: '初始化中资源',
+                memory: '内存',
+                engineInstance: '引擎实例',
+                applicationName: '应用名称',
+                usedTime: '开始时间',
+                engineStatus: '状态',
+                username: '用户名',
+            },
+            shortcuts: {
+                week: '最近一周',
+                month: '最近一个月',
+                threeMonths: '最近三个月',
+            },
+            statusType: {
+                all: '全部',
+                inited: '排队中',
+                running: '运行',
+                succeed: '成功',
+                cancelled: '取消',
+                failed: '失败',
+                scheduled: '资源申请中',
+                timeout: '超时',
+                retry: '重试',
+                unknown: '未知',
+            },
+            engineTypes: {
+                all: '全部',
+            },
+            header: '资源管理器',
+            tabs: {
+                first: '用户会话',
+                second: '用户资源',
+                third: '服务器资源',
+            },
+            noLimit: '无限制',
+            core: '核',
+            row: {
+                applicationName: '应用名称',
+                usedTime: '开始时间',
+                engineStatus: '状态',
+                engineInstance: '引擎实例',
+                queueName: '队列名称',
+                user: '用户',
+                cpu: '已用的服务器CPU资源',
+                memory: '已用的服务器内存资源',
+                queueCpu: '已用的Yarn队列CPU资源',
+                queueMemory: '已用的Yarn队列内存资源',
+            },
+            setting: {
+                global: '全局',
+                globalSetting: '通用设置',
+                hide: '隐藏',
+                show: '显示',
+                advancedSetting: '高级设置',
+                dataDev: '数据开发',
+            },
+            globalValiable: '全局变量',
+            rules: {
+                first: {
+                    required: '变量 {text} 的key为空',
+                    lengthLimit: '长度应为 1 至 128 个字符',
+                    letterTypeLimit: '仅支持以字母开头，且不得存在空格和中文',
+                    placeholder: '请输入变量名',
+                },
+                second: {
+                    required: '变量 {text} 的value为空',
+                    lengthLimit: '长度应为 1 至 128 个字符',
+                    placeholder: '请输入变量值',
+                },
+            },
+            addArgs: '增加参数',
+            emptyDataText: '暂无全局变量数据',
+            sameName: '存在同名key',
+            error: {
+                validate: '有验证项未通过，请检查后再试！',
+            },
+            success: {
+                update: '全局变量更新成功！',
+            },
+            searchAppType: '请输入应用类型',
+            resetTip: '是否确认重置该资源?',
+            resetAllTip:
+                '是否重置全部用户资源(该操作只会清理用户资源记录，不清理已经产生的资源)',
+            viewlog: '查看日志',
+            datasource: {
+                pleaseInput: '请输入',
+                pleaseUpload: '请上传',
+                datasourceSrc: '数据源',
+                connectTest: '测试连接',
+                sourceName: '数据源名称',
+                sourceDec: '数据源描述',
+                sourceType: '数据源类型',
+                creator: '创建人',
+                create: '新增数据源',
+                exports: '批量导出数据源',
+                imports: '批量导入数据源',
+                overdue: '过期',
+                versionList: '版本列表',
+                dataSourceName: '数据源名称',
+                dataSourceType: '数据源类型',
+                createSystem: '创建系统',
+                dataSourceEnv: '可用集群',
+                status: '状态',
+                permissions: '权限',
+                label: '标签',
+                version: '版本',
+                desc: '描述',
+                action: '操作',
+                createUser: '创建人',
+                createTime: '创建时间',
+                versionDec: '版本描述',
+                watch: '查看',
+                rollback: '回滚',
+                publish: '发布',
+                initVersion: '初始化版本',
+                updateVersion: '版本更新',
+                published: '已发布',
+                unpublish: '未发布',
+                cannotPublish: '不可发布',
+                used: '可用',
+                commentValue: '从版本 {text} 回滚',
+            },
+            tenantTagManagement: {
+                userName: '用户名',
+                appName: '应用名',
+                tenantTag: '租户标签',
+                search: '搜索',
+                clear: '清空',
+                create: '新增',
+                userCreator: '用户-应用',
+                createUser: '创建人',
+                createTime: '创建时间',
+                desc: '业务来源',
+                inputUser: '请输入用户名',
+                inputApp: '请输入应用名',
+                inputTenant: '请输入租户标签',
+                inputDesc: '请输入业务来源',
+                inputCreateUser: '请输入创建者',
+                yourTagMapping: '您的标签映射',
+                notEmpty: '不能为空',
+                maxLen: '长度不能超过100',
+                contentError: '仅限英文、数字、星号和下划线',
+                contentError1: '仅限英文、数字和下划线',
+                contentError2: '仅限英文、数字、下划线和横线',
+                check: '检查',
+                OK: '确定',
+                Cancel: '取消',
+                action: '操作',
+                edit: '编辑',
+                delete: '删除',
+                userIsExisted: '用户标签已存在',
+                addSuccessful: '添加成功',
+                confirmDel: '确认删除',
+                isConfirmDel: '确定要删除这条数据吗({name})',
+            },
+            ipListManagement: {
+                userName: '用户名',
+                appName: '应用名',
+                ipList: 'IP列表',
+                search: '搜索',
+                clear: '清空',
+                create: '新增',
+                userCreator: '用户-应用',
+                createUser: '创建人',
+                createTime: '创建时间',
+                desc: '业务来源',
+                inputUser: '请输入用户名',
+                inputApp: '请输入应用名',
+                inputIpList: '请输入IP列表',
+                inputDesc: '请输入业务来源',
+                inputCreateUser: '请输入创建者',
+                yourTagMapping: '您的标签映射',
+                notEmpty: '不能为空',
+                maxLen: '长度不能超过100',
+                contentError: '仅限英文、数字、星号和下划线',
+                contentError1: '仅限英文、数字和下划线',
+                contentError2: '仅限英文、数字、下划线和横线',
+                ipContentError: '请输入正确格式的IP地址(多个IP地址通过,分隔)',
+                check: '检查',
+                OK: '确定',
+                Cancel: '取消',
+                action: '操作',
+                edit: '编辑',
+                delete: '删除',
+                userIsExisted: '用户标签已存在',
+                addSuccessful: '添加成功',
+                confirmDel: '确认删除',
+                isConfirmDel: '确定要删除这条数据吗({name})',
+            },
+            basedataManagement: {
+                add: '新增',
+                addUDFAdmin: '新增UDF管理员',
+                remove: '删除',
+                edit: '编辑',
+                searchLabel: '模糊搜索:',
+                searchPlaceholder: '请输入搜索内容',
+                search: '搜索',
+                action: '操作',
+                categoryMaxLength: '分类名长度不能超过100',
+                modal: {
+                    confirm: '确定',
+                    cancel: '取消',
+                    modalTitle: '提示信息',
+                    modalFormat: '确定删除 {0} 这条记录?',
+                    modalDelete1: '确认是否删除[{name}]该记录?',
+                    modalDelete: '确认是否删除[{name}]该记录?',
+                    modalDeleteSuccess: '删除成功',
+                    modalDeleteFail: '删除失败',
+                    modalAddSuccess: '添加成功',
+                    modalAddFail: '添加失败',
+                    modalEditSuccess: '编辑成功',
+                    modalEditFail: '编辑失败',
+                },
+                gatewayAuthToken: {
+                    tokenName: '名称',
+                    legalUsers: '用户',
+                    legalHosts: '主机',
+                    elapseDay: '有效天数',
+                    permanentlyValid: '永久有效',
+                    businessOwner: '所属者',
+                    createTime: '创建时间',
+                    updateTime: '更新时间',
+                    updateBy: '更新人',
+                    searchPlaceholder: '令牌名称/用户/主机',
+                    info: '有效天数: -1 表示永久',
+                    legalUsersInfo:
+                        '*允许所有用户；多用户使用,隔开，例如:user1,user2',
+                    legalUsersValidate: {
+                        empty: '请填写用户',
+                        format: '格式不正确，使用*或使用,分割，例如:user1,user2',
+                    },
+                    legalHostsInfo:
+                        '*允许所有主机；多主机使用,隔开，例如:host1,host2',
+                    legalHostsInfoValidate: {
+                        empty: '请填写主机',
+                    },
+                    elapseDayValidate: {
+                        format: '格式不正确，使用*或使用,分割，例如:host1,host2',
+                        empty: '请填写有效天数',
+                        GT0: '有效天数必须大于0',
+                    },
+                },
+                errorCode: {
+                    errorCode: '错误代码',
+                    errorDesc: '错误描述',
+                    errorRegex: '错误正则',
+                    searchPlaceholder: '代码/描述/正则',
+                },
+                rmExternalResourceProvider: {
+                    resourceType: '资源类型',
+                    name: '名称',
+                    labels: '标签',
+                    config: '配置信息',
+                    searchPlaceholder: '名称/标签/配置',
+                },
+                udfManager: {
+                    userName: '用户名',
+                    searchPlaceholder: '用户名',
+                    userNameValidate: {
+                        size: '用户名长度不能超过20个字符',
+                        empty: '请输入用户名',
+                    },
+                },
+                udfTree: {
+                    name: '名称',
+                    category: '分类',
+                    userName: '用户名',
+                    description: '描述',
+                    parent: '父级',
+                    createTime: '创建时间',
+                    updateTime: '更新时间',
+                    searchPlaceholder: '名称/分类/描述/用户名',
+                    parentInfo: '父级分类，Root为根目录',
+                },
+                datasourceEnv: {
+                    envName: '环境名称',
+                    envDesc: '环境描述',
+                    name: '数据源名称',
+                    datasourceType: '数据源类型',
+                    keytab: 'kerboros认证',
+                    parameter: '参数',
+                    createTime: '创建时间',
+                    createUser: '创建者',
+                    updateTime: '更新时间',
+                    modifyUser: '更新者',
+                    searchPlaceholder: '环境名称/环境描述/参数',
+                },
+                engineConfigurationTemplate: {
+                    engineLabelId: '引擎类型ID',
+                    advanced: '是否优先',
+                    defaultValue: '默认值',
+                    description: '描述',
+                    engineConnType: '引擎类型',
+                    key: '键值',
+                    level: '等级',
+                    name: '名称',
+                    treeName: '树名称',
+                    validateRange: '验证范围',
+                    validateType: '验证类型',
+                    hidden: '隐藏',
+                    id: 'ID',
+                    engineLabelList: '引擎类型列表',
+                    yes: '是',
+                    no: '否',
+                    delSuccess: '删除成功',
+                    delFail: '删除失败',
+                    edit: '编辑',
+                },
+                datasourceType: {
+                    name: '名称',
+                    description: '描述',
+                    option: '选项',
+                    classifier: '分类',
+                    icon: '图标',
+                    layers: '层级',
+                    searchPlaceholder: '名称/描述/分类',
+                    layersValidate: {
+                        range: '最小为0',
+                    },
+                },
+                datasourceTypeKey: {
+                    key: '键名',
+                    dataSourceType: '数据源类型',
+                    name: '名称',
+                    nameEn: '名称(英文)',
+                    valueType: '值类型',
+                    defaultValue: '默认值',
+                    scope: '范围',
+                    require: '必要字段',
+                    description: '描述',
+                    descriptionEn: '描述(英文)',
+                    valueRegex: '值校验规则',
+                    createTime: '创建时间',
+                    updateTime: '更新时间',
+                    searchPlaceholder: '名称',
+                    searchName: '名称',
+                    searchType: '类型',
+                    all: '全部',
+                },
+            },
+            EnginePluginManagement: {
+                engineConnType: '引擎类型',
+                engineConnVersion: '引擎版本',
+                create: '新增引擎插件',
+                fileName: '文件名称',
+                fileSize: '文件大小',
+                lastModified: '文件更新时间',
+                bmlResourceId: '物料资源Id',
+                bmlResourceVersion: '物料资源版本',
+                lastUpdateTime: '更新时间',
+                createTime: '创建时间',
+                Reset: '重置',
+                delete: '删除已选物料的版本',
+                update: '更新引擎插件',
+                updateFileOnly: '更新',
+                resourceVersion: '引擎物料bml版本',
+                user: '所属人',
+                deleteCurrentbml: '删除',
+                versionList: '版本列表',
+                rollback: '回滚',
+                action: '操作',
+            },
+            codeQuery: {
+                executionCode: '执行代码',
+                dateRange: '时间范围',
+                placeholder: {
+                    executionCode: '请输入执行代码',
+                    dateRange: '时间范围',
+                    status: '状态',
+                },
+                inputCode: '请输入执行代码',
+                id: '任务ID',
+                code: '代码',
+                check: '查看',
+                search: '搜索',
+                clear: '清空',
+                status: '状态',
+                submitUser: '提交用户',
+                createdTime: '创建时间',
+                searchRange: '仅可查询T-1的历史代码',
+            },
+        },
+    },
+};
diff --git a/linkis-web-next/src/main.ts b/linkis-web-next/src/main.ts
index b1e81b1a8d..3a31af1cd1 100644
--- a/linkis-web-next/src/main.ts
+++ b/linkis-web-next/src/main.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
+import { createI18n } from 'vue-i18n';
 import '@/style/style.less';
 import {
     FTabs,
@@ -32,9 +33,17 @@ import {
     FDivider,
 } from '@fesjs/fes-design';
 import App from '@/App.vue';
-import router from '@/router/index.ts';
+import router from '@/router/index';
+import messages from '@/locales';
+
+const i18n = createI18n({
+    locale: 'zh',
+    fallbackLocale: 'en',
+    messages,
+});
 
 const app = createApp(App);
+app.use(i18n);
 app.use(router).mount('#app');
 app.use(FButton);
 app.use(FTabs);
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue b/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
index f2f05c0bc4..83d2e2cb14 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
@@ -13,7 +13,9 @@
                 <div class="buttons">
                     <div class="full-screen-button">全屏</div>
                     <div class="delimiter"></div>
-                    <div class="close-button" @click="show = false">关闭</div>
+                    <div class="close-button" @click="show = false">
+                        {{ $t('message.linkis.close') }}
+                    </div>
                 </div>
                 <div class="title-text">任务ID：{{ tableRawData?.taskId }}</div>
                 <FTabs @change="onTabChange" class="tabs">

From 56753e0144984b58b8ebe5dd816825844cd67ac2 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Tue, 19 Sep 2023 17:15:23 +0800
Subject: [PATCH 10/21] feat: complete the internationalization of the page
 globalHistoryManage

---
 .../src/components/sidebar/index.vue          |  64 ++++++++--
 linkis-web-next/src/locales/en.ts             |  14 ++-
 linkis-web-next/src/locales/zh.ts             |  45 ++++---
 linkis-web-next/src/main.ts                   |   1 +
 .../pages/globalHistoryManagement/count.vue   |  40 ++++--
 .../pages/globalHistoryManagement/drawer.vue  |  25 ++--
 .../pages/globalHistoryManagement/filter.vue  |   6 +-
 .../pages/globalHistoryManagement/table.vue   | 114 +++++++++---------
 8 files changed, 202 insertions(+), 107 deletions(-)

diff --git a/linkis-web-next/src/components/sidebar/index.vue b/linkis-web-next/src/components/sidebar/index.vue
index fbc4450c31..59b9ef63a6 100644
--- a/linkis-web-next/src/components/sidebar/index.vue
+++ b/linkis-web-next/src/components/sidebar/index.vue
@@ -5,7 +5,9 @@
                 <template v-if="menuItem.items">
                     <f-sub-menu :value="menuItem.title">
                         <template #label>
-                            <div class="title-text">{{ menuItem.title }}\</div>
+                            <div class="title-text">
+                                {{ $t(menuItem.title) }}
+                            </div>
                         </template>
                         <f-menu-group>
                             <template
@@ -20,7 +22,7 @@
                                 >
                                     <template #label>
                                         <div class="title-text">
-                                            {{ subMenuItem.title }}
+                                            {{ $t(subMenuItem.title) }}
                                         </div>
                                     </template>
                                 </f-menu-item>
@@ -35,7 +37,7 @@
                     >
                         <template #label>
                             <div class="title-text">
-                                {{ menuItem.title }}
+                                {{ $t(menuItem.title) }}
                             </div>
                         </template>
                     </f-menu-item>
@@ -46,20 +48,56 @@
 </template>
 
 <script lang="ts" setup>
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
+const { t } = useI18n();
+
 const router = useRouter();
 const menuItemsConfig = [
-    { title: '任务概览', icon: '', path: '/console/globalHistoryManagement' },
-    { title: '资源管理', icon: '', path: '/console/resource' },
-    { title: '参数配置', icon: '', path: '/console/parameterConfig' },
-    { title: '全局变量', path: '' },
-    { title: 'ECM管理', path: '' },
-    { title: '微服务管理', path: '' },
-    { title: '数据源管理', items: [{ title: 'xxx', path: '' }] },
-    { title: 'UDF函数', items: [{ title: 'xxx', path: '' }] },
-    { title: '基础数据管理', items: [{ title: 'xxx', path: '' }] },
-    { title: '代码检索', path: '' },
+    {
+        title: 'message.linkis.sideNavList.function.children.globalHistory',
+        icon: '',
+        path: '/console/globalHistoryManagement',
+    },
+    {
+        title: 'message.linkis.sideNavList.function.children.resource',
+        icon: '',
+        path: '/console/resource',
+    },
+    {
+        title: 'message.linkis.sideNavList.function.children.setting',
+        icon: '',
+        path: '/console/parameterConfig',
+    },
+    {
+        title: 'message.linkis.sideNavList.function.children.dateReport',
+        path: '',
+    },
+    {
+        title: 'message.linkis.sideNavList.function.children.ECMManage',
+        path: '',
+    },
+    {
+        title: 'message.linkis.sideNavList.function.children.microserviceManage',
+        path: '',
+    },
+    {
+        title: 'message.linkis.sideNavList.function.children.dataSourceManage',
+        items: [{ title: 'xxx', path: '' }],
+    },
+    {
+        title: 'message.linkis.sideNavList.function.children.udfFunctionTitle',
+        items: [{ title: 'xxx', path: '' }],
+    },
+    {
+        title: 'message.linkis.sideNavList.function.children.basedataManagement',
+        items: [{ title: 'xxx', path: '' }],
+    },
+    {
+        title: 'message.linkis.sideNavList.function.children.codeQuery',
+        path: '',
+    },
 ];
 
 const handleClick = (path: string) => {
diff --git a/linkis-web-next/src/locales/en.ts b/linkis-web-next/src/locales/en.ts
index dff4ddfe59..3ba93ba89c 100644
--- a/linkis-web-next/src/locales/en.ts
+++ b/linkis-web-next/src/locales/en.ts
@@ -1,6 +1,8 @@
 export default {
     message: {
         common: {
+            statisticsTime: 'Time Range',
+            fullScreen: 'FullScreen',
             log: 'Log',
             diagnosis: 'Intelligent Diagnosis',
             watermaskText:
@@ -360,6 +362,14 @@ export default {
                 retry: 'Retry',
                 unknown: 'Unknown',
             },
+            countList: {
+                all: 'Total',
+                succeed: 'Succeed',
+                inited: 'Inited',
+                running: 'Running',
+                failed: 'Failed',
+                others: 'Others',
+            },
             time: {
                 MIN: 'MIN',
                 HOUR: 'HOUR',
@@ -390,6 +400,8 @@ export default {
         },
         linkis: {
             refresh: 'Refresh',
+            globalTaskQuery: 'GlobalTaskQuery',
+            confirmToStop: 'Confirm',
             noDescription: 'No description',
             placeholderZip:
                 'Please enter the workspace Python package path (only zip is supported)!',
@@ -525,7 +537,7 @@ export default {
                 startTime: 'Start Time',
                 costTime: 'Time Elapsed',
                 executeApplicationName: 'Execution Engine',
-                requestApplicationName: 'Created From',
+                creator: 'Created From',
                 user: 'User',
                 createdTime: 'Created at',
                 updateTime: 'Update Time',
diff --git a/linkis-web-next/src/locales/zh.ts b/linkis-web-next/src/locales/zh.ts
index 39117d4121..9823104e94 100644
--- a/linkis-web-next/src/locales/zh.ts
+++ b/linkis-web-next/src/locales/zh.ts
@@ -1,6 +1,8 @@
 export default {
     message: {
         common: {
+            statisticsTime: '数据统计时间',
+            fullScreen: '全屏',
             log: '日志',
             diagnosis: '智能诊断',
             watermaskText: '由DataWorkShop生成，仅供内部参考，严禁对外分享',
@@ -369,6 +371,8 @@ export default {
         },
         linkis: {
             refresh: '刷新',
+            globalTaskQuery: '全局任务查询',
+            confirmToStop: '确定停止',
             placeholderZip: '请输入工作空间python包路径（只支持zip）!',
             emptyString: '空字符串',
             addAppType: '新增应用类型',
@@ -477,17 +481,27 @@ export default {
                 day: '天',
             },
             tableColumns: {
-                instanceName: '实例名称',
+                // instanceName: '实例名称',
+                taskID: '任务ID',
+                taskName: '任务名',
+                status: '状态',
+                costTime: '已耗时',
+                executionCode: '查询语句',
+                failedReason: '关键信息',
+                application: '应用',
+                engine: '引擎',
+                creator: '创建人',
+                createdTime: '创建时间',
+                control: {
+                    title: '操作',
+                    label: '查看',
+                },
                 initiator: '启动者',
                 engineInstance: '引擎实例',
                 engineType: '引擎类型',
                 serveType: '服务类型',
                 appType: '应用类型',
-                taskID: '任务ID',
                 fileName: '来源',
-                executionCode: '查询语句',
-                status: '状态',
-                costTime: '已耗时',
                 label: '标签',
                 engineVersion: '引擎版本',
                 engineVersionCannotBeNull: '引擎版本不能为空',
@@ -498,15 +512,8 @@ export default {
                 minimumAvailableResources: '最小可用资源',
                 startTime: '启动时间',
                 executeApplicationName: '执行引擎',
-                requestApplicationName: '创建者',
                 user: '用户',
-                createdTime: '创建时间',
                 updateTime: '更新时间',
-                failedReason: '关键信息',
-                control: {
-                    title: '操作',
-                    label: '查看',
-                },
                 queenRemain: '队列剩余资源',
                 queueUsed: '队列已用资源',
                 queueTop: '队列上限资源',
@@ -531,7 +538,7 @@ export default {
                 function: {
                     name: '常用功能',
                     children: {
-                        globalHistory: '全局历史',
+                        globalHistory: '任务概览',
                         resource: '资源管理',
                         resourceEngineConnList: '历史引擎',
                         setting: '参数配置',
@@ -631,8 +638,8 @@ export default {
             statusType: {
                 all: '全部',
                 inited: '排队中',
-                running: '运行',
-                succeed: '成功',
+                running: '运行中',
+                succeed: '运行成功',
                 cancelled: '取消',
                 failed: '失败',
                 scheduled: '资源申请中',
@@ -640,6 +647,14 @@ export default {
                 retry: '重试',
                 unknown: '未知',
             },
+            countList: {
+                all: '任务总数',
+                succeed: '成功',
+                inited: '排队中',
+                running: '运行中',
+                failed: '失败',
+                others: '其他',
+            },
             engineTypes: {
                 all: '全部',
             },
diff --git a/linkis-web-next/src/main.ts b/linkis-web-next/src/main.ts
index 3a31af1cd1..49ff8bfc3e 100644
--- a/linkis-web-next/src/main.ts
+++ b/linkis-web-next/src/main.ts
@@ -39,6 +39,7 @@ import messages from '@/locales';
 const i18n = createI18n({
     locale: 'zh',
     fallbackLocale: 'en',
+    legacy: false,
     messages,
 });
 
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/count.vue b/linkis-web-next/src/pages/globalHistoryManagement/count.vue
index 12597a1693..7d005aa8ba 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/count.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/count.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="label">
-        <span>统计日期: </span>
+        <span>{{ $t('message.common.statisticsTime') }}: </span>
         <FDatePicker
             type="daterange"
             style="width: 320px"
@@ -12,7 +12,7 @@
     <div class="count-data-list">
         <template v-for="item in countDataList" :key="item.title">
             <div class="count-card">
-                <div class="title">{{ item.title }}</div>
+                <div class="title">{{ $t(item.title) }}</div>
                 <div class="num" :style="`color:${item.color}`">
                     {{ item.number }}
                 </div>
@@ -25,12 +25,36 @@
 import { reactive } from 'vue';
 
 const countDataList = reactive([
-    { title: '任务总数', number: 2000, color: '#5384FF' },
-    { title: '成功', number: 2000, color: '#00CB91' },
-    { title: '排队中', number: 2000, color: '#FF9540' },
-    { title: '运行中', number: 2000, color: '#F29360' },
-    { title: '失败', number: 2000, color: '#F75F56' },
-    { title: '其他', number: 2000, color: '#0F1222' },
+    {
+        title: 'message.linkis.countList.all',
+        number: 2000,
+        color: '#5384FF',
+    },
+    {
+        title: 'message.linkis.countList.succeed',
+        number: 2000,
+        color: '#00CB91',
+    },
+    {
+        title: 'message.linkis.countList.inited',
+        number: 2000,
+        color: '#FF9540',
+    },
+    {
+        title: 'message.linkis.countList.running',
+        number: 2000,
+        color: '#F29360',
+    },
+    {
+        title: 'message.linkis.countList.failed',
+        number: 2000,
+        color: '#F75F56',
+    },
+    {
+        title: 'message.linkis.countList.others',
+        number: 2000,
+        color: '#0F1222',
+    },
 ]);
 </script>
 
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue b/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
index 83d2e2cb14..793f4e8c29 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
@@ -11,17 +11,21 @@
         <template #title>
             <div class="drawer-title">
                 <div class="buttons">
-                    <div class="full-screen-button">全屏</div>
+                    <div class="full-screen-button">
+                        {{ $t('message.common.fullScreen') }}
+                    </div>
                     <div class="delimiter"></div>
                     <div class="close-button" @click="show = false">
                         {{ $t('message.linkis.close') }}
                     </div>
                 </div>
-                <div class="title-text">任务ID：{{ tableRawData?.taskId }}</div>
+                <div class="title-text">
+                    {{ $t('message.linkis.jobId') }}：{{ tableRawData?.taskID }}
+                </div>
                 <FTabs @change="onTabChange" class="tabs">
                     <template v-for="tab in tabs" :key="tab.name">
                         <FTabPane
-                            :name="tab.name"
+                            :name="t(tab.name)"
                             :value="tab.value"
                         ></FTabPane>
                     </template>
@@ -41,11 +45,7 @@
                             </FTabPane>
                         </template>
                     </FTabs>
-                    <FInput
-                        class="search-input"
-                        placeholder="搜索
-                    "
-                    />
+                    <FInput class="search-input" placeholder="搜索" />
                 </div>
             </div>
         </template>
@@ -59,8 +59,11 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import WeEditor from '@/components/editor/editorNext2.vue';
 
+const { t } = useI18n();
+
 enum TAB_PANE_VALUE {
     'TASK_LOG' = 1,
     'TASK_RESULT',
@@ -75,9 +78,9 @@ enum LOG_CLASS_PANE_VALUE {
 }
 
 const tabs = [
-    { name: '任务日志', value: TAB_PANE_VALUE.TASK_LOG },
-    { name: '任务结果', value: TAB_PANE_VALUE.TASK_RESULT },
-    { name: '引擎日志', value: TAB_PANE_VALUE.ENGINE_LOG },
+    { name: 'message.linkis.log', value: TAB_PANE_VALUE.TASK_LOG },
+    { name: 'message.linkis.result', value: TAB_PANE_VALUE.TASK_RESULT },
+    { name: 'message.linkis.detail', value: TAB_PANE_VALUE.ENGINE_LOG },
 ];
 
 const logClassTabs = [
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
index c439ec3dc1..16429ea8b9 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="label">全局任务查询</div>
+    <div class="label">{{ $t('message.linkis.globalTaskQuery') }}</div>
     <div class="filter">
         <FForm class="form" v-show="!isCheckingTaskToStop">
             <FFormItem label="任务ID">
@@ -72,13 +72,13 @@
                     class="confirm-stop-button"
                     @click="confirmStop"
                 >
-                    确定停止
+                    {{ $t('message.linkis.confirmToStop') }}
                 </FButton>
                 <FButton
                     class="confirm-stop-button"
                     @click="isCheckingTaskToStop = false"
                 >
-                    取消
+                    {{ $t('message.linkis.cancel') }}
                 </FButton>
             </div>
         </template>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
index 83dbf8cd27..576062ba81 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/table.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -9,7 +9,7 @@
             v-model:checkedKeys="checkedKeys"
             :rowKey="
                     (row: Record<string, number|string>) => {
-                        return row.taskId;
+                        return row.taskID;
                     }
                 "
         >
@@ -56,6 +56,7 @@
 
 <script setup lang="ts">
 import { reactive, ref, h, Ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import Drawer from './drawer.vue';
 import Filter from './filter.vue';
 import Count from './count.vue';
@@ -71,35 +72,36 @@ const drawerRef = ref<Ref<{
 const isShowDrawer = ref(false);
 const checkedKeys = reactive<Array<string>>([]);
 const pageSizeOption = reactive([10, 20, 30, 50, 100]);
+const { t } = useI18n();
 
 // TODO: subsequent adjustments to standard enumeration values
 const statusEnum: Record<string | number, Record<string, string>> = {
     1: {
-        text: '排队中',
+        text: t('message.linkis.statusType.inited'),
         color: '#F29360',
     },
     2: {
-        text: '运行中',
+        text: t('message.linkis.statusType.running'),
         color: '#F29360',
     },
     3: {
-        text: '运行成功',
+        text: t('message.linkis.statusType.succeed'),
         color: '#00CB91',
     },
     4: {
-        text: '失败',
+        text: t('message.linkis.statusType.failed'),
         color: '#F75F56',
     },
     5: {
-        text: '取消',
+        text: t('message.linkis.statusType.cancelled'),
         color: '#93949B',
     },
     6: {
-        text: '资源申请中',
+        text: t('message.linkis.statusType.scheduled'),
         color: '#F29360',
     },
     7: {
-        text: '超时',
+        text: t('message.linkis.statusType.timeout'),
         color: '#F75F56',
     },
 };
@@ -110,28 +112,28 @@ const setIsShowDrawer = (flag: boolean) => {
 
 const tableColumns = [
     {
-        prop: 'taskId',
-        label: '任务ID',
+        prop: 'taskID',
+        label: t('message.linkis.tableColumns.taskID'),
     },
     {
         prop: 'taskName',
-        label: '任务名',
+        label: t('message.linkis.tableColumns.taskName'),
     },
     {
         prop: 'status',
-        label: '状态',
+        label: t('message.linkis.tableColumns.status'),
         formatter: ({ row }: { row: Record<string, number | string> }) => {
             const attr = statusEnum[row.status];
             return h('div', { style: `color:${attr.color}` }, attr.text);
         },
     },
     {
-        prop: 'time',
-        label: '已耗时',
+        prop: 'costTime',
+        label: t('message.linkis.tableColumns.costTime'),
     },
     {
         prop: 'query',
-        label: '查询语句',
+        label: t('message.linkis.tableColumns.executionCode'),
         formatter: ({ row }: { row: Record<string, number | string> }) =>
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
@@ -142,7 +144,7 @@ const tableColumns = [
             }),
     },
     {
-        label: '关键信息',
+        label: t('message.linkis.tableColumns.failedReason'),
         prop: 'query',
         formatter: ({ row }: { row: Record<string, number | string> }) =>
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -156,25 +158,25 @@ const tableColumns = [
     },
     {
         prop: 'application',
-        label: '应用',
+        label: t('message.linkis.tableColumns.application'),
     },
     {
         prop: 'engine',
-        label: '引擎',
+        label: t('message.linkis.tableColumns.engine'),
     },
     {
         prop: 'creator',
-        label: '创建人',
+        label: t('message.linkis.tableColumns.creator'),
     },
     {
-        prop: 'creatingTime',
-        label: '创建时间',
+        prop: 'createdTime',
+        label: t('message.linkis.tableColumns.createdTime'),
     },
     {
-        label: '操作',
+        label: t('message.linkis.tableColumns.control.title'),
         action: [
             {
-                label: '查看',
+                label: t('message.linkis.tableColumns.control.label'),
                 func: (rawData: Record<string, string | number>) => {
                     drawerRef.value?.open?.(rawData);
                     // setIsShowDrawer(true);
@@ -187,126 +189,126 @@ const tableColumns = [
 // TODO: replace mock data with the real
 const data = reactive([
     {
-        taskId: '1',
+        taskID: '1',
         taskName: '任务',
         status: '1',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         keyInfo: '1',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
     {
-        taskId: '2',
+        taskID: '2',
         taskName: '任务',
         status: '3',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
     {
-        taskId: '3',
+        taskID: '3',
         taskName: '任务',
         status: '4',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
     {
-        taskId: '4',
+        taskID: '4',
         taskName: '任务',
         status: '1',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
     {
-        taskId: '5',
+        taskID: '5',
         taskName: '任务',
         status: '1',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
     {
-        taskId: '6',
+        taskID: '6',
         taskName: '任务',
         status: '1',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
     {
-        taskId: '7',
+        taskID: '7',
         taskName: '任务',
         status: '1',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
     {
-        taskId: '8',
+        taskID: '8',
         taskName: '任务',
         status: '1',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
     {
-        taskId: '9',
+        taskID: '9',
         taskName: '任务',
         status: '1',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
     {
-        taskId: '10',
+        taskID: '10',
         taskName: '任务',
         status: '1',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
     {
-        taskId: '11',
+        taskID: '11',
         taskName: '任务',
         status: '1',
-        time: '1',
+        costTime: '1',
         query: '哈哈哈',
         application: '应用',
         engine: '引擎',
         creator: '张小明',
-        creatingTime: '1204',
+        createdTime: '1204',
     },
 ]);
 

From 96c80fdc7bf40c4b911fc855037691d7fd5c8089 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Wed, 20 Sep 2023 01:28:13 +0800
Subject: [PATCH 11/21] complete i18n of the page parameterConfig

---
 .../src/components/sidebar/index.vue          |  3 -
 linkis-web-next/src/locales/en.ts             |  5 ++
 linkis-web-next/src/locales/zh.ts             |  8 ++-
 .../pages/globalHistoryManagement/filter.vue  | 24 ++++---
 .../src/pages/parameterConfig/card.vue        |  6 +-
 .../src/pages/parameterConfig/drawer.vue      | 72 +++++++++----------
 6 files changed, 65 insertions(+), 53 deletions(-)

diff --git a/linkis-web-next/src/components/sidebar/index.vue b/linkis-web-next/src/components/sidebar/index.vue
index 59b9ef63a6..f86567349e 100644
--- a/linkis-web-next/src/components/sidebar/index.vue
+++ b/linkis-web-next/src/components/sidebar/index.vue
@@ -48,11 +48,8 @@
 </template>
 
 <script lang="ts" setup>
-import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
-const { t } = useI18n();
-
 const router = useRouter();
 const menuItemsConfig = [
     {
diff --git a/linkis-web-next/src/locales/en.ts b/linkis-web-next/src/locales/en.ts
index 3ba93ba89c..13be0d4a62 100644
--- a/linkis-web-next/src/locales/en.ts
+++ b/linkis-web-next/src/locales/en.ts
@@ -400,6 +400,11 @@ export default {
         },
         linkis: {
             refresh: 'Refresh',
+            engineConfig: 'Engines',
+            applicationDesc: 'Desc',
+            applicationName: 'Name',
+            addApplicationAndEngine: 'ADD',
+            applicationAndEngine: 'Manage',
             globalTaskQuery: 'GlobalTaskQuery',
             confirmToStop: 'Confirm',
             noDescription: 'No description',
diff --git a/linkis-web-next/src/locales/zh.ts b/linkis-web-next/src/locales/zh.ts
index 9823104e94..068feb0054 100644
--- a/linkis-web-next/src/locales/zh.ts
+++ b/linkis-web-next/src/locales/zh.ts
@@ -20,7 +20,7 @@ export default {
             action: '操作',
             path: '请选择路径',
             resultList: '结果集',
-            process: '执行耗时：',
+            process: '任务ID',
             ok: '确认',
             cancel: '取消',
             delete: '删除',
@@ -371,7 +371,13 @@ export default {
         },
         linkis: {
             refresh: '刷新',
+            engineConfig: '引擎配置',
+            applicationDesc: '应用描述',
+            applicationName: '应用名称',
+            applicationAndEngine: '应用及引擎管理',
+            addApplicationAndEngine: '添加应用及引擎',
             globalTaskQuery: '全局任务查询',
+            batchStopping: '批量停止',
             confirmToStop: '确定停止',
             placeholderZip: '请输入工作空间python包路径（只支持zip）!',
             emptyString: '空字符串',
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
index 16429ea8b9..6978873edf 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
@@ -2,11 +2,11 @@
     <div class="label">{{ $t('message.linkis.globalTaskQuery') }}</div>
     <div class="filter">
         <FForm class="form" v-show="!isCheckingTaskToStop">
-            <FFormItem label="任务ID">
+            <FFormItem :label="$t('message.linkis.jobId')">
                 <FInput placeholder="请输入" class="short-form-item"></FInput>
             </FFormItem>
 
-            <FFormItem label="状态">
+            <FFormItem :label="$t('message.linkis.codeQuery.status')">
                 <FSelect clearable placeholder="请选择" class="short-form-item">
                     <FOption
                         v-for="(item, index) in optionList"
@@ -18,7 +18,7 @@
                 </FSelect>
             </FFormItem>
 
-            <FFormItem label="引擎">
+            <FFormItem :label="$t('message.common.resourceSimple.YQ')">
                 <FSelect clearable placeholder="请选择" class="short-form-item">
                     <FOption
                         v-for="(item, index) in optionList"
@@ -29,7 +29,11 @@
                 </FSelect>
             </FFormItem>
 
-            <FFormItem label="创建时间" prop="time" class="long-form-item">
+            <FFormItem
+                :label="$t('message.linkis.codeQuery.createdTime')"
+                prop="time"
+                class="long-form-item"
+            >
                 <FDatePicker
                     type="daterange"
                     :modelValue="[
@@ -41,7 +45,7 @@
                 </FDatePicker>
             </FFormItem>
 
-            <FFormItem label="创建人">
+            <FFormItem :label="$t('message.linkis.datasource.creator')">
                 <FSelect clearable placeholder="请选择" class="short-form-item">
                     <FOption
                         v-for="(item, index) in optionList"
@@ -54,13 +58,17 @@
 
             <div class="buttons">
                 <template v-if="!isCheckingTaskToStop">
-                    <FButton type="primary">查询</FButton>
-                    <FButton>重置</FButton>
+                    <FButton type="primary">{{
+                        $t('message.linkis.find')
+                    }}</FButton>
+                    <FButton>{{
+                        $t('message.linkis.EnginePluginManagement.Reset')
+                    }}</FButton>
                     <FButton
                         class="stop-button"
                         @click="isCheckingTaskToStop = true"
                     >
-                        批量停止
+                        {{ $t('message.linkis.batchStopping') }}
                     </FButton>
                 </template>
             </div>
diff --git a/linkis-web-next/src/pages/parameterConfig/card.vue b/linkis-web-next/src/pages/parameterConfig/card.vue
index cc90b4f9f6..55acda40ab 100644
--- a/linkis-web-next/src/pages/parameterConfig/card.vue
+++ b/linkis-web-next/src/pages/parameterConfig/card.vue
@@ -13,16 +13,16 @@
                     </div>
                     <template v-if="isEditing === false">
                         <FButton type="link" @click="options.edit">
-                            操作
+                            {{ $t('message.common.action') }}
                         </FButton>
                     </template>
                     <template v-else>
                         <div>
                             <FButton type="link" @click="options.confirm">
-                                确定
+                                {{ $t('message.common.submit') }}
                             </FButton>
                             <FButton type="link" @click="options.cancel">
-                                取消
+                                {{ $t('message.common.cancel') }}
                             </FButton>
                         </div>
                     </template>
diff --git a/linkis-web-next/src/pages/parameterConfig/drawer.vue b/linkis-web-next/src/pages/parameterConfig/drawer.vue
index 163a1db9fa..dd452d1f69 100644
--- a/linkis-web-next/src/pages/parameterConfig/drawer.vue
+++ b/linkis-web-next/src/pages/parameterConfig/drawer.vue
@@ -16,7 +16,7 @@
                         &lt;
                     </span>
                 </template>
-                应用及引擎管理
+                {{ $t('message.linkis.applicationAndEngine') }}
             </div>
         </template>
 
@@ -26,7 +26,7 @@
                 style="margin: 8px 0 24px"
                 @click="isAddingApplicationAndEngine = true"
             >
-                添加应用及引擎
+                {{ $t('message.linkis.addApplicationAndEngine') }}
             </FButton>
         </template>
 
@@ -43,28 +43,22 @@
                 >
                     <template v-for="col in tableColumns" :key="col.label">
                         <f-table-column
-                            v-if="col.formatter && col.label !== '操作'"
+                            v-if="col.formatter"
                             :prop="col.prop"
                             :label="col.label"
                             :formatter="col.formatter"
+                            :width="col?.width"
                         >
                         </f-table-column>
                         <f-table-column
-                            v-else-if="col.label !== '操作'"
+                            v-else
                             :prop="col.prop"
                             :label="col.label"
+                            :width="col?.width"
+                            :action="col.action"
+                            :fixed="col?.fixed ?? false"
                         >
                         </f-table-column>
-
-                        <!-- 单独渲染操作这一栏 -->
-                        <f-table-column
-                            v-if="col.label === '操作'"
-                            :label="'操作'"
-                            :align="'center'"
-                            :width="200"
-                            :action="col.action"
-                            fixed="right"
-                        ></f-table-column>
                     </template>
                 </f-table>
                 <FPagination
@@ -79,15 +73,17 @@
 
             <template v-else>
                 <FForm :labelWidth="60">
-                    <FFormItem label="应用名称">
+                    <FFormItem :label="$t('message.linkis.applicationName')">
                         <FInput placeholder="请输入"></FInput>
                     </FFormItem>
-                    <FFormItem label="应用描述">
+                    <FFormItem :label="$t('message.linkis.applicationDesc')">
                         <FInput placeholder="请输入"></FInput>
                     </FFormItem>
 
                     <div class="engine-config">
-                        <div class="label">引擎配置</div>
+                        <div class="label">
+                            {{ $t('message.linkis.engineConfig') }}
+                        </div>
                         <div class="configs">
                             <template
                                 v-for="(config, index) in engineConfigList"
@@ -139,8 +135,12 @@
 
         <template #footer>
             <FSpace>
-                <FButton type="primary" @click="confirmEditing">确定</FButton>
-                <FButton @click="show = false">取消</FButton>
+                <FButton type="primary" @click="confirmEditing">{{
+                    $t('message.common.submit')
+                }}</FButton>
+                <FButton @click="show = false">{{
+                    $t('message.common.cancel')
+                }}</FButton>
             </FSpace>
         </template>
     </FDrawer>
@@ -155,32 +155,40 @@ const tableColumns = [
     {
         prop: 'taskId',
         label: '序号',
+        width: 60,
     },
     {
         prop: 'application',
         label: '应用名称',
+        width: 140,
     },
     {
         prop: 'statement',
         label: '描述',
+        width: 160,
         formatter: () => '1',
     },
     {
         prop: 'engineNumber',
         label: '引擎个数',
+        width: 160,
         formatter: () => 0,
     },
     {
         prop: 'creator',
+        width: 140,
         label: '创建人',
     },
     {
         prop: 'creatingTime',
+        width: 180,
         label: '创建时间',
     },
 
     {
         label: '操作',
+        width: 160,
+        fixed: 'right',
         action: [
             {
                 label: '编辑',
@@ -190,7 +198,7 @@ const tableColumns = [
             },
             {
                 label: h(
-                    'div',
+                    'span',
                     {
                         style: {
                             color: '#F75F56',
@@ -373,7 +381,7 @@ const handleChange = (currentPage: number, pageSize: number) => {
         (currentPage - 1) * pageSize,
         currentPage * pageSize,
     );
-    currentData.value = [...temp];
+    currentData.value = [...temp] as any;
 };
 handleChange(currentPage.value, 10);
 
@@ -398,22 +406,6 @@ const confirmEditing = () => {
 defineExpose({
     open,
 });
-// const totalItems = data.length;
-// const pageSize = 10;
-// let currentPage = 1;
-// let currentItems = [];
-// function getDataSubset() {
-//     // 根据当前页码和每页数据个数，从数据源中获取对应的数据子集
-//     // 这里使用简单的模拟数据，实际情况需要根据具体数据源进行适配
-//     const start = (currentPage - 1) * pageSize;
-//     const end = start + pageSize;
-
-// }
-// function handleChange(newPage:number) {
-//     currentPage = newPage;
-//     // 根据当前页码获取对应的数据子集
-//     currentItems = getDataSubset();
-// }
 </script>
 
 <style scoped>
@@ -444,9 +436,13 @@ defineExpose({
     font-weight: 800;
     cursor: pointer;
 }
+
+.table {
+    overflow: auto;
+    max-height: calc(78vh - 100px);
+}
 .content-wrapper {
     width: 960px;
-
     .engine-config {
         display: flex;
         .label {

From 71a996d1b19e84aa26fed9691f27b65c61a5d2bd Mon Sep 17 00:00:00 2001
From: ChichengL <2560720865@qq.comm>
Date: Wed, 20 Sep 2023 10:17:36 +0800
Subject: [PATCH 12/21] feat:the sidebar icon has been completed

---
 ...\347\220\206-\345\270\270\350\247\204.svg" | 18 +++++++++++++++
 ...\346\225\260-\345\270\270\350\247\204.svg" | 22 ++++++++++++++++++
 ...\347\264\242-\345\270\270\350\247\204.svg" | 23 +++++++++++++++++++
 ...\350\247\210-\345\270\270\350\247\204.svg" | 17 ++++++++++++++
 ...\351\207\217-\345\270\270\350\247\204.svg" | 20 ++++++++++++++++
 ...\347\275\256-\345\270\270\350\247\204.svg" | 20 ++++++++++++++++
 ...\347\220\206-\345\270\270\350\247\204.svg" | 23 +++++++++++++++++++
 ...\347\220\206-\345\270\270\350\247\204.svg" | 23 +++++++++++++++++++
 ...\347\220\206-\345\270\270\350\247\204.svg" | 19 +++++++++++++++
 ...\347\220\206-\345\270\270\350\247\204.svg" | 22 ++++++++++++++++++
 .../src/components/sidebar/index.less         | 12 ++++++++++
 .../src/components/sidebar/index.vue          | 22 ++++++++++--------
 12 files changed, 231 insertions(+), 10 deletions(-)
 create mode 100644 "linkis-web-next/public/ECM\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
 create mode 100644 "linkis-web-next/public/UDF\345\207\275\346\225\260-\345\270\270\350\247\204.svg"
 create mode 100644 "linkis-web-next/public/\344\273\243\347\240\201\346\243\200\347\264\242-\345\270\270\350\247\204.svg"
 create mode 100644 "linkis-web-next/public/\344\273\273\345\212\241\346\246\202\350\247\210-\345\270\270\350\247\204.svg"
 create mode 100644 "linkis-web-next/public/\345\205\250\345\261\200\345\217\230\351\207\217-\345\270\270\350\247\204.svg"
 create mode 100644 "linkis-web-next/public/\345\217\202\346\225\260\351\205\215\347\275\256-\345\270\270\350\247\204.svg"
 create mode 100644 "linkis-web-next/public/\345\237\272\347\241\200\346\225\260\346\215\256\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
 create mode 100644 "linkis-web-next/public/\345\276\256\346\234\215\345\212\241\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
 create mode 100644 "linkis-web-next/public/\346\225\260\346\215\256\346\272\220\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
 create mode 100644 "linkis-web-next/public/\350\265\204\346\272\220\347\256\241\347\220\206-\345\270\270\350\247\204.svg"

diff --git "a/linkis-web-next/public/ECM\347\256\241\347\220\206-\345\270\270\350\247\204.svg" "b/linkis-web-next/public/ECM\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
new file mode 100644
index 0000000000..be70af19f7
--- /dev/null
+++ "b/linkis-web-next/public/ECM\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ECM管理-常规</title>
+    <g id="参数配置-0807" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="参数配置备份" transform="translate(-18.000000, -307.000000)">
+            <g id="编组-6" transform="translate(0.000000, 54.000000)">
+                <g id="01-导航/一级标题/默认" transform="translate(0.000000, 232.000000)">
+                    <g id="ECM管理-常规" transform="translate(17.000000, 20.000000)">
+                        <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                        <g id="编组" transform="translate(1.000000, 1.000000)" fill="#000000" fill-rule="nonzero">
+                            <path d="M0.970130164,3.54538517 L6.49993605,6.34320531 L12.0297419,3.54538517 L6.49993605,0.844102986 L0.970130164,3.54538517 Z M1.7462343,7.88679513 L0.582078098,7.30794895 C0.194026033,7.11500022 0,6.82564072 0,6.43974327 C0,6.05384582 0.194026033,5.76435913 0.582078098,5.57153759 L1.7462343,4.99269141 L0.582078098,4.41384523 C0.0969490658,4.22076931 -0.097076967,3.64192313 0.0969490658,3.15948771 C0.193898132,2.96653899 0.388052066,2.77359026 0.485001131,2.77359026 L6.01493492,0.0723080761 C6.30603792,-0.024102692 6.59701302,-0.024102692 6.88811602,0.0723080761 L12.4179219,2.77359026 C12.902923,2.96653899 13.0969491,3.54538517 12.805974,4.02769339 C12.7090249,4.22064212 12.5149989,4.41359085 12.4179219,4.41359085 L11.2537657,4.99243703 L12.3209728,5.47487244 C12.805974,5.66782117 13,5.95718067 13,6.43961608 C13,6.82551353 12.805974,7.21141099 12.3209728,7.40435972 L11.2537657,7.88679513 L12.3209728,8.36923054 C12.805974,8.56217927 13,8.85153877 13,9.33397418 C13,9.71987163 12.805974,10.1057691 12.3209728,10.2987178 L6.98519298,12.9035892 C6.88811602,13 6.69408998,13 6.50006395,13 C6.30603792,13 6.20896095,13 6.01493492,12.9035892 L0.485001131,10.202307 C0.0969490658,10.0093583 0,9.71987163 0,9.33397418 C0,8.94807673 0.194026033,8.65859004 0.582078098,8.46564131 L1.7462343,7.88679513 Z M2.81344143,8.46564131 L0.970130164,9.33397418 L6.49993605,12.1317943 L12.0297419,9.43051214 L10.1864307,8.56217927 L6.98506508,10.1057691 C6.88798812,10.2021799 6.69396208,10.2021799 6.49993605,10.2021799 C6.30591002,10.2021799 6.20883305,10.2021799 6.01480702,10.1057691 L2.81344143,8.46564131 Z M10.1864307,5.5714104 L6.98506508,7.11500022 C6.69396208,7.21153818 6.40298698,7.21153818 6.11188398,7.11500022 L2.81344143,5.5714104 L0.970130164,6.43974327 L6.49993605,9.23743622 L12.0297419,6.43961608 L10.1864307,5.5714104 Z" id="形状"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git "a/linkis-web-next/public/UDF\345\207\275\346\225\260-\345\270\270\350\247\204.svg" "b/linkis-web-next/public/UDF\345\207\275\346\225\260-\345\270\270\350\247\204.svg"
new file mode 100644
index 0000000000..1c2f5ea495
--- /dev/null
+++ "b/linkis-web-next/public/UDF\345\207\275\346\225\260-\345\270\270\350\247\204.svg"
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="11.6666667px" height="11.6666667px" viewBox="0 0 11.6666667 11.6666667" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>UDF函数-常规</title>
+    <g id="参数配置-0807" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="参数配置备份" transform="translate(-18.190290, -469.175544)">
+            <g id="编组-6" transform="translate(0.000000, 54.000000)">
+                <g id="01-导航/一级标题/加icon-默认备份" transform="translate(0.000000, 394.000000)">
+                    <g id="UDF函数-常规" transform="translate(17.000000, 20.000000)">
+                        <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                        <g id="编组" transform="translate(1.190290, 1.175544)">
+                            <path d="M11.2291667,2.1875 L11.2291667,10.6682541 L0.994545583,11.2069184 L0.463991561,2.1875 L11.2291667,2.1875 Z" id="矩形" stroke="#000000" stroke-width="0.875"></path>
+                            <path d="M10.7365735,0.456356055 L11.1212721,2.1875 L0.4375,2.1875 L0.4375,0.998412554 L10.7365735,0.456356055 Z" id="矩形备份" stroke="#000000" stroke-width="0.875"></path>
+                            <text id="FX" font-family="FZZDHJW--GB1-0, FZZhengHeiS-EB-GB" font-size="4.08333333" font-weight="normal" fill="#000000">
+                                <tspan x="2.58340858" y="8.2471275">FX</tspan>
+                            </text>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git "a/linkis-web-next/public/\344\273\243\347\240\201\346\243\200\347\264\242-\345\270\270\350\247\204.svg" "b/linkis-web-next/public/\344\273\243\347\240\201\346\243\200\347\264\242-\345\270\270\350\247\204.svg"
new file mode 100644
index 0000000000..449312ec63
--- /dev/null
+++ "b/linkis-web-next/public/\344\273\243\347\240\201\346\243\200\347\264\242-\345\270\270\350\247\204.svg"
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="11.4305556px" height="11.9583333px" viewBox="0 0 11.4305556 11.9583333" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>代码检索-常规</title>
+    <g id="参数配置-0807" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="参数配置备份" transform="translate(-18.284722, -577.020833)">
+            <g id="编组-6" transform="translate(0.000000, 54.000000)">
+                <g id="01-导航/一级标题/默认备份-10" transform="translate(0.000000, 502.000000)">
+                    <g id="代码检索-常规" transform="translate(17.000000, 20.000000)">
+                        <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                        <g id="编组" transform="translate(1.722222, 1.458333)">
+                            <path d="M4.69444444,11.0833333 L0.527777778,11.0833333 C0.23629416,11.0833333 0,10.8470392 0,10.5555556 L0,0.527777778 C0,0.23629416 0.23629416,0 0.527777778,0 L10.0277778,0 C10.3192614,0 10.5555556,0.23629416 10.5555556,0.527777778 L10.5555556,4.95833333" id="路径" stroke="#000000" stroke-width="0.875" stroke-linecap="round"></path>
+                            <path d="M6.068353,1.7563963 C6.18078929,1.78672366 6.27664739,1.86077061 6.33483359,1.96224301 C6.39301979,2.0637154 6.40876624,2.18429849 6.37860792,2.29745775 L5.47022366,5.71034091 C5.40751281,5.94598182 5.16688346,6.08583919 4.93276297,6.02272109 C4.69864247,5.95960298 4.5596875,5.71741095 4.62239835,5.48177005 L5.53078261,2.06866605 C5.56091429,1.95549959 5.63448347,1.85901897 5.73530114,1.8004549 C5.83611881,1.74189084 5.95592387,1.72604212 6.068353,1.7563963 Z" id="路径" fill="#000000"></path>
+                            <path d="M3.69997143,2.46220545 C3.8712839,2.63468253 3.8712839,2.91426788 3.69997143,3.08674496 L2.76898727,4.0239959 L3.69997143,4.96080516 C3.81404908,5.07170041 3.85980015,5.23591966 3.81964017,5.39034505 C3.7794802,5.54477045 3.659659,5.66536978 3.50623,5.70579056 C3.352801,5.74621134 3.18964133,5.70016315 3.0794616,5.58534467 L1.83822252,4.33604482 C1.66691006,4.16356774 1.66691006,3.88398239 1.83822252,3.71150531 L3.0794616,2.46220545 C3.25082581,2.28978046 3.52860722,2.28978046 3.69997143,2.46220545 Z" id="路径" fill="#000000"></path>
+                            <path d="M7.02895839,2.46220545 C7.2003226,2.28978046 7.478104,2.28978046 7.64946822,2.46220545 L8.89070729,3.71150531 C9.06201976,3.88398239 9.06201976,4.16356774 8.89070729,4.33604482 L7.64946822,5.58534467 C7.47727939,5.75272999 7.20357683,5.75033605 7.0343042,5.57996414 C6.86503157,5.40959222 6.86265308,5.1341122 7.02895839,4.96080516 L7.95994255,4.0239959 L7.02895839,3.08674496 C6.85764592,2.91426788 6.85764592,2.63468253 7.02895839,2.46220545 L7.02895839,2.46220545 Z" id="路径" fill="#000000"></path>
+                            <path d="M7.10921815,7.35965994 C7.59906996,7.07684387 8.20259228,7.07684387 8.69244409,7.35965994 C8.93737,7.50106798 9.13527324,7.70243841 9.271945,7.93916086 C9.40861677,8.1758833 9.48405706,8.44795775 9.48405706,8.73077383 C9.48405706,9.0135899 9.40861677,9.28566435 9.271945,9.5223868 C9.13527324,9.75910924 8.93737,9.96047968 8.69244409,10.1018877 C8.20259228,10.3847038 7.59906996,10.3847038 7.10921815,10.1018877 C6.61936634,9.81907164 6.31760518,9.29640598 6.31760518,8.73077383 C6.31760518,8.16514168 6.61936634,7.64247602 7.10921815,7.35965994 Z" id="多边形" stroke="#000000" stroke-width="0.875" transform="translate(7.900831, 8.730774) rotate(-330.000000) translate(-7.900831, -8.730774) "></path>
+                            <line x1="9.35916445" y1="9.89744049" x2="10.5258311" y2="11.0641072" id="路径-7" stroke="#000000" stroke-width="0.875" stroke-linecap="round"></line>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git "a/linkis-web-next/public/\344\273\273\345\212\241\346\246\202\350\247\210-\345\270\270\350\247\204.svg" "b/linkis-web-next/public/\344\273\273\345\212\241\346\246\202\350\247\210-\345\270\270\350\247\204.svg"
new file mode 100644
index 0000000000..307e5f07a3
--- /dev/null
+++ "b/linkis-web-next/public/\344\273\273\345\212\241\346\246\202\350\247\210-\345\270\270\350\247\204.svg"
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="11.6666667px" height="12.25px" viewBox="0 0 11.6666667 12.25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>任务概览-常规</title>
+    <g id="参数配置-0807" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-6备份" transform="translate(-18.172105, -36.899822)">
+            <g id="01-导航/一级标题/选中" transform="translate(0.000000, 16.000000)">
+                <g id="任务概览-常规" transform="translate(17.000000, 20.000000)">
+                    <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                    <g id="编组" transform="translate(1.172105, 0.899822)" fill="#000000" fill-rule="nonzero">
+                        <path d="M9.99979167,0 L1.666875,0 C0.746290322,0 0,0.746290322 0,1.666875 L0,10.583125 C0,11.5037097 0.746290322,12.25 1.666875,12.25 L9.99979167,12.25 C10.9203763,12.25 11.6666667,11.5037097 11.6666667,10.583125 L11.6666667,1.666875 C11.6666667,0.746290322 10.9203763,0 9.99979167,0 Z M10.8340068,10.592039 C10.8341809,10.8111696 10.74643,11.0213589 10.5901257,11.1762026 C10.4338214,11.3310463 10.2218181,11.41781 10.0009207,11.4173426 L1.66880376,11.4173426 C1.44596102,11.4173426 1.23553762,11.3324054 1.07794356,11.1760722 C0.920349487,11.0197389 0.832661291,10.813099 0.832661291,10.592039 L0.832661291,1.74567559 C0.83349132,1.28810414 1.20754135,0.917547679 1.66880376,0.917342557 L10.0009207,0.917342557 C10.2221339,0.917565196 10.4341942,1.00496832 10.5904347,1.16031765 C10.7466751,1.31566698 10.8342925,1.52623224 10.8340068,1.74567559 L10.8340068,10.592039 Z" id="形状"></path>
+                        <path d="M9.48114248,3.74932795 L6.14739248,3.74932795 C5.91745941,3.74932795 5.73106183,3.93572553 5.73106183,4.1656586 C5.73106183,4.39559167 5.91745941,4.58198925 6.14739248,4.58198925 L9.48114248,4.58198925 C9.71107555,4.58198925 9.89747313,4.39559167 9.89747313,4.1656586 C9.89747313,3.93572553 9.71107555,3.74932795 9.48114248,3.74932795 L9.48114248,3.74932795 Z M9.48114248,7.08467742 L6.14739248,7.08467742 C5.91745941,7.08467742 5.73106183,7.271075 5.73106183,7.50100807 C5.73106183,7.73094113 5.91745941,7.91733871 6.14739248,7.91733871 L9.48114248,7.91733871 C9.71107555,7.91733871 9.89747313,7.73094113 9.89747313,7.50100807 C9.89747313,7.271075 9.71107555,7.08467742 9.48114248,7.08467742 Z M3.6471035,6.04319221 C2.84158603,6.04319221 2.18877016,6.69619625 2.18877016,7.50152554 C2.18877016,8.30685482 2.8417742,8.95985887 3.6471035,8.95985887 C4.4524328,8.95985887 5.10543683,8.30685484 5.10543683,7.50152554 C5.10543683,6.69619623 4.45262097,6.04319221 3.6471035,6.04319221 Z M4.08963711,7.94424731 C3.87848357,8.15519802 3.54772558,8.18762803 3.29962065,8.02170649 C3.05151571,7.85578496 2.95515513,7.53771705 3.0694631,7.26200034 C3.18377107,6.98628364 3.47691556,6.82969864 3.7696396,6.8879966 C4.06236364,6.94629457 4.27315058,7.20324091 4.27310682,7.50171371 C4.27352444,7.66782534 4.20745789,7.8271982 4.08963711,7.94429436 L4.08963711,7.94424731 Z M4.60287634,3.04015458 L3.23034946,4.41263441 L2.69133065,3.87356856 C2.52874069,3.7109786 2.26513029,3.71097859 2.10254033,3.87356855 C1.93995037,4.03615851 1.93995036,4.29976891 2.10254032,4.46235887 L2.9359543,5.2958199 C3.01403184,5.37390007 3.11992929,5.41776527 3.23034946,5.41776527 C3.34076964,5.41776527 3.44666708,5.37390007 3.52474463,5.2958199 L5.19161962,3.62894489 C5.35232629,3.46604848 5.35144487,3.20398669 5.18964609,3.04217498 C5.02784731,2.88036328 4.7657856,2.87946093 4.60287634,3.04015458 L4.60287634,3.04015458 Z" id="形状"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git "a/linkis-web-next/public/\345\205\250\345\261\200\345\217\230\351\207\217-\345\270\270\350\247\204.svg" "b/linkis-web-next/public/\345\205\250\345\261\200\345\217\230\351\207\217-\345\270\270\350\247\204.svg"
new file mode 100644
index 0000000000..207595ed8b
--- /dev/null
+++ "b/linkis-web-next/public/\345\205\250\345\261\200\345\217\230\351\207\217-\345\270\270\350\247\204.svg"
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="11.6666667px" height="11.6666667px" viewBox="0 0 11.6666667 11.6666667" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>全局变量-常规</title>
+    <g id="参数配置-0807" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="参数配置备份" transform="translate(-18.190290, -253.175544)">
+            <g id="编组-6" transform="translate(0.000000, 54.000000)">
+                <g id="01-导航/一级标题/默认" transform="translate(0.000000, 178.000000)">
+                    <g id="全局变量-常规" transform="translate(17.000000, 20.000000)">
+                        <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                        <g id="编组" transform="translate(1.190290, 1.175544)">
+                            <path d="M11.2291667,2.1875 L11.2291667,10.6682541 L0.994545583,11.2069184 L0.463991561,2.1875 L11.2291667,2.1875 Z" id="矩形" stroke="#000000" stroke-width="0.875"></path>
+                            <path d="M10.7365735,0.456356055 L11.1212721,2.1875 L0.4375,2.1875 L0.4375,0.998412554 L10.7365735,0.456356055 Z" id="矩形备份" stroke="#000000" stroke-width="0.875"></path>
+                            <path d="M4.06448005,4.64367965 L4.06448005,5.17423405 C3.67099421,5.19358903 3.39954256,5.33704366 3.2495298,5.60459791 C3.10963695,5.85962835 3.03939288,6.24217401 3.03939288,6.75223488 C3.03939288,7.29417456 3.1441637,7.67842801 3.35430061,7.90442597 C3.4340693,7.99380048 3.52752963,8.05983514 3.63408631,8.10309924 C3.74064299,8.14636333 3.88410757,8.17539581 4.06388476,8.19133521 L4.06388476,8.72701299 C3.73707126,8.70481168 3.48228769,8.65699347 3.29893876,8.58355836 C2.64590704,8.32511234 2.31909354,7.70233712 2.31909354,6.71409417 C2.31909354,5.95526476 2.52089641,5.39453936 2.92390687,5.03134869 C3.14059196,4.83381395 3.3971614,4.71426843 3.69361518,4.67271214 C3.78409907,4.65961905 3.90791912,4.64994156 4.06448005,4.64367965 L4.06448005,4.64367965 Z M5.38423513,6.67595346 L4.28949918,5.09795262 L5.159216,5.09795262 L5.81403358,6.14995318 L6.52421302,5.09795262 L7.38440521,5.09795262 L6.25454723,6.67595346 L7.38440521,8.28697163 L6.54921515,8.28697163 L5.81403358,7.19227624 L5.09432953,8.28697163 L4.24961484,8.28697163 L5.38423513,6.67595346 Z M7.57906462,4.64367965 C7.90885457,4.65961905 8.15054179,4.70117535 8.30412628,4.76777929 C8.64760787,4.91123391 8.90715375,5.16284876 9.0839545,5.52319311 C9.24051543,5.84198115 9.31909354,6.23875842 9.31909354,6.71352491 C9.31909354,7.48146254 9.12264826,8.0302334 8.72916242,8.35812967 C8.59224602,8.46970549 8.43568508,8.55395662 8.25888434,8.61145232 C8.08208359,8.66894802 7.85527859,8.70708873 7.57906462,8.72644372 L7.57906462,8.19076595 C7.75586537,8.17482655 7.89813938,8.1452248 8.00648192,8.10252997 C8.11482447,8.05926588 8.20888008,7.99323121 8.28924406,7.90385671 C8.49938098,7.67728949 8.60415179,7.2936053 8.60415179,6.75166562 C8.60415179,6.20346403 8.52497839,5.80725603 8.36663159,5.56361088 C8.2082848,5.31996573 7.94576247,5.19017345 7.57906462,5.17366478 L7.57906462,4.64367965 L7.57906462,4.64367965 Z" id="形状备份" fill="#000000" fill-rule="nonzero"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git "a/linkis-web-next/public/\345\217\202\346\225\260\351\205\215\347\275\256-\345\270\270\350\247\204.svg" "b/linkis-web-next/public/\345\217\202\346\225\260\351\205\215\347\275\256-\345\270\270\350\247\204.svg"
new file mode 100644
index 0000000000..c3df9f8464
--- /dev/null
+++ "b/linkis-web-next/public/\345\217\202\346\225\260\351\205\215\347\275\256-\345\270\270\350\247\204.svg"
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="11.6666667px" height="10.5px" viewBox="0 0 11.6666667 10.5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>参数配置-常规</title>
+    <g id="参数配置-0807" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="参数配置备份" transform="translate(-18.166667, -199.750000)">
+            <g id="编组-6" transform="translate(0.000000, 54.000000)">
+                <g id="01-导航/一级标题/默认备份-9" transform="translate(0.000000, 124.000000)">
+                    <g id="参数配置-常规" transform="translate(17.000000, 20.000000)">
+                        <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                        <g id="编组-2" transform="translate(1.166667, 1.750000)" fill="#000000" fill-rule="nonzero">
+                            <g id="编组">
+                                <path d="M0.408983617,2.08944467 L6.88319428,2.08944467 C7.06710058,2.82549752 7.74274151,3.3731391 8.54584901,3.3731391 C9.34895651,3.3731391 10.0245974,2.82549752 10.2085037,2.08944467 L11.2563198,2.08944467 C11.4822151,2.08944467 11.6653034,1.90909091 11.6653034,1.68656955 C11.6653034,1.46404819 11.4822151,1.28369443 11.2563198,1.28369443 L10.2085037,1.28369443 C10.0245974,0.547641582 9.34895651,0 8.54584901,0 C7.74274151,0 7.06710058,0.547641582 6.88319428,1.28369443 L0.408983617,1.28369443 C0.183088333,1.28369443 0,1.46404819 0,1.68656955 C0,1.90909091 0.183088333,2.08944467 0.408983617,2.08944467 Z M8.54571268,0.805750243 C9.0388106,0.805750243 9.4398872,1.20083645 9.4398872,1.68656955 C9.4398872,2.17230266 9.0388106,2.56738886 8.54571268,2.56738886 C8.05261477,2.56738886 7.65153817,2.17230266 7.65153817,1.68656955 C7.65153817,1.20083645 8.05261477,0.805750243 8.54571268,0.805750243 Z M0.408983617,5.65287512 L1.73218195,5.65287512 C1.91608825,6.38892797 2.59159285,6.93656955 3.39483668,6.93656955 C4.1980805,6.93656955 4.87358511,6.38892797 5.05749141,5.65287512 L11.257683,5.65287512 C11.4835783,5.65287512 11.6666667,5.47252136 11.6666667,5.25 C11.6666667,5.02747864 11.4835783,4.84712488 11.257683,4.84712488 L5.05749141,4.84712488 C4.87358511,4.11107203 4.1980805,3.56343045 3.39483668,3.56343045 C2.59159285,3.56343045 1.91608825,4.11107203 1.73218195,4.84712488 L0.408983617,4.84712488 C0.183088333,4.84712488 0,5.02747864 0,5.25 C0,5.47252136 0.183088333,5.65287512 0.408983617,5.65287512 Z M3.39483668,4.36918069 C3.88793459,4.36918069 4.28901119,4.7642669 4.28901119,5.25 C4.28901119,5.7357331 3.88793459,6.13081931 3.39483668,6.13081931 C2.90173876,6.13081931 2.50066216,5.7357331 2.50066216,5.25 C2.50066216,4.7642669 2.90173876,4.36918069 3.39483668,4.36918069 Z M11.2575467,8.41055533 L8.90520928,8.41055533 C8.72130298,7.67450248 8.04566205,7.1268609 7.24255455,7.1268609 C6.43944705,7.1268609 5.76380612,7.67450248 5.57989982,8.41055533 L0.408983617,8.41055533 C0.183088333,8.41055533 0,8.59090909 0,8.81343045 C0,9.03595181 0.183088333,9.21630557 0.408983617,9.21630557 L5.58003615,9.21630557 C5.76394245,9.95235842 6.43944705,10.5 7.24269088,10.5 C8.0459347,10.5 8.72143931,9.95235842 8.90534561,9.21630557 L11.257683,9.21630557 C11.4835783,9.21630557 11.6666667,9.03595181 11.6666667,8.81343045 C11.6666667,8.59090909 11.4835783,8.41055533 11.257683,8.41055533 L11.2575467,8.41055533 Z M7.24255455,9.69424976 C6.74945664,9.69424976 6.34838004,9.29916355 6.34838004,8.81343045 C6.34838004,8.32769734 6.74945664,7.93261114 7.24255455,7.93261114 C7.73565247,7.93261114 8.13672907,8.32769734 8.13672907,8.81343045 C8.13672907,9.29916355 7.73565247,9.69424976 7.24255455,9.69424976 Z" id="形状"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git "a/linkis-web-next/public/\345\237\272\347\241\200\346\225\260\346\215\256\347\256\241\347\220\206-\345\270\270\350\247\204.svg" "b/linkis-web-next/public/\345\237\272\347\241\200\346\225\260\346\215\256\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
new file mode 100644
index 0000000000..4fec2614bc
--- /dev/null
+++ "b/linkis-web-next/public/\345\237\272\347\241\200\346\225\260\346\215\256\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="11.6666667px" height="12.0837657px" viewBox="0 0 11.6666667 12.0837657" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>基础数据管理-常规</title>
+    <g id="参数配置-0807" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="参数配置备份" transform="translate(-18.166667, -522.875000)">
+            <g id="编组-6" transform="translate(0.000000, 54.000000)">
+                <g id="01-导航/一级标题/加icon-默认" transform="translate(0.000000, 448.000000)">
+                    <g id="基础数据管理-常规" transform="translate(17.000000, 20.000000)">
+                        <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                        <g id="编组-2" transform="translate(1.166667, 0.875000)">
+                            <g id="编组" transform="translate(0.000000, 11.208766)" fill="#000000" fill-rule="nonzero">
+                                <path d="M11.1394685,0.875 L0.52544663,0.875 C0.234699495,0.875 0,0.679583333 0,0.4375 C0,0.195416667 0.234699495,0 0.52544663,0 L11.14122,0 C11.4319672,0 11.6666667,0.195416667 11.6666667,0.4375 C11.6666667,0.679583333 11.4302157,0.875 11.1394685,0.875 Z" id="形状"></path>
+                            </g>
+                            <rect id="矩形" stroke="#000000" stroke-width="0.875" x="8.60416667" y="3.35416667" width="2.04166667" height="6.70833333" rx="0.583333333"></rect>
+                            <rect id="矩形备份" stroke="#000000" stroke-width="0.875" x="4.8125" y="0.4375" width="2.04166667" height="9.625" rx="0.583333333"></rect>
+                            <rect id="矩形备份-2" stroke="#000000" stroke-width="0.875" x="1.02083333" y="3.35416667" width="2.04166667" height="6.70833333" rx="0.583333333"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git "a/linkis-web-next/public/\345\276\256\346\234\215\345\212\241\347\256\241\347\220\206-\345\270\270\350\247\204.svg" "b/linkis-web-next/public/\345\276\256\346\234\215\345\212\241\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
new file mode 100644
index 0000000000..349ee0a2da
--- /dev/null
+++ "b/linkis-web-next/public/\345\276\256\346\234\215\345\212\241\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="11.6666667px" height="11.6666667px" viewBox="0 0 11.6666667 11.6666667" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>微服务管理-常规</title>
+    <g id="参数配置-0807" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="参数配置备份" transform="translate(-18.166667, -361.166667)">
+            <g id="编组-6" transform="translate(0.000000, 54.000000)">
+                <g id="01-导航/一级标题/默认备份-8" transform="translate(0.000000, 286.000000)">
+                    <g id="微服务管理-常规" transform="translate(17.000000, 20.000000)">
+                        <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                        <g id="编组" transform="translate(1.166667, 1.166667)">
+                            <rect id="矩形" stroke="#000000" stroke-width="0.875" x="0.4375" y="0.4375" width="10.7916667" height="10.7916667" rx="1.16666667"></rect>
+                            <rect id="矩形" fill="#000000" x="0.559305324" y="3.65339243" width="10.5" height="1"></rect>
+                            <rect id="矩形备份-2" fill="#000000" x="0.593468141" y="7.30439284" width="10.5" height="1"></rect>
+                            <rect id="矩形" fill="#000000" x="2.35698621" y="1.83169087" width="1.75" height="1"></rect>
+                            <rect id="矩形备份" fill="#000000" x="2.34965853" y="5.46943139" width="1.75" height="1"></rect>
+                            <rect id="矩形备份-3" fill="#000000" x="2.36104614" y="9.01246211" width="1.75" height="1"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git "a/linkis-web-next/public/\346\225\260\346\215\256\346\272\220\347\256\241\347\220\206-\345\270\270\350\247\204.svg" "b/linkis-web-next/public/\346\225\260\346\215\256\346\272\220\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
new file mode 100644
index 0000000000..767785dfb9
--- /dev/null
+++ "b/linkis-web-next/public/\346\225\260\346\215\256\346\272\220\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="11.6666667px" height="11.6666667px" viewBox="0 0 11.6666667 11.6666667" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>数据源管理-常规</title>
+    <g id="参数配置-0807" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="参数配置备份" transform="translate(-18.166667, -415.166667)">
+            <g id="编组-6" transform="translate(0.000000, 54.000000)">
+                <g id="01-导航/一级标题/加icon-默认" transform="translate(0.000000, 340.000000)">
+                    <g id="数据源管理-常规" transform="translate(17.000000, 20.000000)">
+                        <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                        <g id="编组" transform="translate(1.166667, 1.166667)" fill="#040000" fill-rule="nonzero">
+                            <path d="M9.38311573,10.6512048 L2.28231256,10.6512048 C2.00367972,10.6512048 1.77458161,10.8790645 1.77458161,11.1589357 C1.77458161,11.4375686 2.00244135,11.6666667 2.28231256,11.6666667 L9.38311573,11.6666667 C9.66174858,11.6666667 9.89084669,11.4388069 9.89084669,11.1589357 C9.89084669,10.8803029 9.66174858,10.6512048 9.38311573,10.6512048 Z M10.1447122,0 L1.52071613,0 C0.68234087,0 0,0.68234087 0,1.52071613 L0,8.11502671 C0,8.95464034 0.68234087,9.63698121 1.5219545,9.63698121 L10.1447122,9.63698121 C10.9843258,9.63698121 11.6666667,8.95464034 11.6666667,8.11502671 L11.6666667,1.52071613 C11.6654283,0.68234087 10.9830874,0 10.1447122,0 Z M10.6512048,8.11502671 C10.6512048,8.39489792 10.423345,8.62275767 10.1434738,8.62275767 L1.52071613,8.62275767 C1.24084492,8.62275767 1.01298517,8.39489792 1.01298517,8.11502671 L1.01298517,1.52071613 C1.01298517,1.24084492 1.24084492,1.01298517 1.52071613,1.01298517 L10.1434738,1.01298517 C10.423345,1.01298517 10.6512048,1.24084492 10.6512048,1.52071613 L10.6512048,8.11502671 Z" id="形状"></path>
+                            <path d="M3.04267063,3.29653611 C2.76403779,3.29653611 2.53493967,3.52439585 2.53493967,3.80426706 L2.53493967,6.84817606 C2.53493967,7.1268089 2.76279942,7.35590702 3.04267063,7.35590702 C3.32254184,7.35590702 3.55040159,7.12804727 3.55040159,6.84817606 L3.55040159,3.80426706 C3.55040159,3.52439585 3.32130347,3.29653611 3.04267063,3.29653611 Z M5.83271415,2.28231256 C5.55408131,2.28231256 5.32498319,2.51017231 5.32498319,2.79004352 L5.32498319,6.84817606 C5.32498319,7.1268089 5.55284294,7.35590702 5.83271415,7.35590702 C6.11134699,7.35590702 6.3404451,7.12804727 6.3404451,6.84817606 L6.3404451,2.78880515 C6.3404451,2.51017231 6.11134699,2.28231256 5.83271415,2.28231256 L5.83271415,2.28231256 Z M8.62275767,4.81849061 C8.34412483,4.81849061 8.11502671,5.04635035 8.11502671,5.32622156 L8.11502671,6.84817606 C8.11502671,7.1268089 8.34288646,7.35590702 8.62275767,7.35590702 C8.90139051,7.35590702 9.13048862,7.12804727 9.13048862,6.84817606 L9.13048862,5.32498319 C9.12925026,5.04635035 8.90139051,4.81849061 8.62275767,4.81849061 Z" id="形状"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git "a/linkis-web-next/public/\350\265\204\346\272\220\347\256\241\347\220\206-\345\270\270\350\247\204.svg" "b/linkis-web-next/public/\350\265\204\346\272\220\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
new file mode 100644
index 0000000000..85fd1191a9
--- /dev/null
+++ "b/linkis-web-next/public/\350\265\204\346\272\220\347\256\241\347\220\206-\345\270\270\350\247\204.svg"
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12.5468839px" height="13.2289519px" viewBox="0 0 12.5468839 13.2289519" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>资源管理-常规</title>
+    <g id="参数配置-0807" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="参数配置备份" transform="translate(-18.284722, -145.020833)">
+            <g id="编组-6" transform="translate(0.000000, 54.000000)">
+                <g id="01-导航/一级标题/默认" transform="translate(0.000000, 70.000000)">
+                    <g id="资源管理-常规" transform="translate(17.000000, 20.000000)">
+                        <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                        <g id="编组" transform="translate(1.722222, 1.458333)">
+                            <path d="M4.69444444,11.0833333 L0.527777778,11.0833333 C0.23629416,11.0833333 0,10.8470392 0,10.5555556 L0,0.527777778 C0,0.23629416 0.23629416,0 0.527777778,0 L10.0277778,0 C10.3192614,0 10.5555556,0.23629416 10.5555556,0.527777778 L10.5555556,4.95833333" id="路径" stroke="#000000" stroke-width="0.875" stroke-linecap="round"></path>
+                            <rect id="矩形" fill="#000000" x="2.06944444" y="2.91666667" width="6.125" height="1" rx="0.5"></rect>
+                            <rect id="矩形备份" fill="#000000" x="2.06944444" y="6.125" width="3.5" height="1" rx="0.5"></rect>
+                            <path d="M8.36625329,6.71371015 L10.4422517,7.77388849 L10.5621095,10.101845 L8.60596893,11.3696232 L6.52997054,10.3094448 L6.41011272,7.98148833 L8.36625329,6.71371015 Z" id="多边形" stroke="#000000" stroke-width="0.875" transform="translate(8.486111, 9.041667) rotate(-330.000000) translate(-8.486111, -9.041667) "></path>
+                            <circle id="椭圆形" fill="#000000" cx="8.47926479" cy="9.06071342" r="1"></circle>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/linkis-web-next/src/components/sidebar/index.less b/linkis-web-next/src/components/sidebar/index.less
index b580f5f029..f8f293991d 100644
--- a/linkis-web-next/src/components/sidebar/index.less
+++ b/linkis-web-next/src/components/sidebar/index.less
@@ -1,3 +1,4 @@
+
 .menu-wrapper {
   width: 200px;
   height: 100vh;
@@ -9,10 +10,21 @@
 }
 
 .title-text {
+  display: flex;
+  height: 22px;
+  transform: translateX(40px) translateY(-5px);
   font-family: PingFangSC-Regular;
   font-size: 14px;
   color: #0F1222;
   text-align: justify;
   line-height: 22px;
   font-weight: 400;
+}
+:deep(.fes-menu-item-label){
+  height: 54px;
+}
+img{
+  transform: translateX(17px) translateY(20px);
+  width: 14px;
+  height: 14px;
 }
\ No newline at end of file
diff --git a/linkis-web-next/src/components/sidebar/index.vue b/linkis-web-next/src/components/sidebar/index.vue
index fbc4450c31..a414d04920 100644
--- a/linkis-web-next/src/components/sidebar/index.vue
+++ b/linkis-web-next/src/components/sidebar/index.vue
@@ -5,6 +5,7 @@
                 <template v-if="menuItem.items">
                     <f-sub-menu :value="menuItem.title">
                         <template #label>
+                            <img :src="menuItem.icon">
                             <div class="title-text">{{ menuItem.title }}\</div>
                         </template>
                         <f-menu-group>
@@ -34,6 +35,7 @@
                         @click="handleClick(menuItem?.path ?? '/')"
                     >
                         <template #label>
+                            <img :src="menuItem.icon">
                             <div class="title-text">
                                 {{ menuItem.title }}
                             </div>
@@ -50,16 +52,16 @@ import { useRouter } from 'vue-router';
 
 const router = useRouter();
 const menuItemsConfig = [
-    { title: '任务概览', icon: '', path: '/console/globalHistoryManagement' },
-    { title: '资源管理', icon: '', path: '/console/resource' },
-    { title: '参数配置', icon: '', path: '/console/parameterConfig' },
-    { title: '全局变量', path: '' },
-    { title: 'ECM管理', path: '' },
-    { title: '微服务管理', path: '' },
-    { title: '数据源管理', items: [{ title: 'xxx', path: '' }] },
-    { title: 'UDF函数', items: [{ title: 'xxx', path: '' }] },
-    { title: '基础数据管理', items: [{ title: 'xxx', path: '' }] },
-    { title: '代码检索', path: '' },
+    { title: '任务概览', icon: '../../../public/任务概览-常规.svg', path: '/console/globalHistoryManagement' },
+    { title: '资源管理', icon: '../../../public/资源管理-常规.svg', path: '/console/resource' },
+    { title: '参数配置', icon: '../../../public/参数配置-常规.svg', path: '/console/parameterConfig' },
+    { title: '全局变量', icon: '../../../public/全局变量-常规.svg', path: '' },
+    { title: 'ECM管理', icon: '../../../public/ECM管理-常规.svg', path: '' },
+    { title: '微服务管理', icon: '../../../public/微服务管理-常规.svg', path: '' },
+    { title: '数据源管理', icon: '../../../public/数据源管理-常规.svg', items: [{ title: 'xxx', path: '' }] },
+    { title: 'UDF函数', icon: '../../../public/UDF函数-常规.svg', items: [{ title: 'xxx', path: '' }] },
+    { title: '基础数据管理', icon: '../../../public/基础数据管理-常规.svg', items: [{ title: 'xxx', path: '' }] },
+    { title: '代码检索', icon: '../../../public/代码检索-常规.svg', path: '' },
 ];
 
 const handleClick = (path: string) => {

From 413f473a4fdbabffd1f2c9b3a57d7ff9177b8125 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Fri, 22 Sep 2023 14:58:03 +0800
Subject: [PATCH 13/21] feat: complete the login page layout

---
 linkis-web-next/.env                          |   5 +
 linkis-web-next/.eslintrc.json                |   4 +-
 linkis-web-next/package-lock.json             | 269 ++++++-
 linkis-web-next/package.json                  |   4 +
 linkis-web-next/public/favicon.ico            | Bin 0 -> 6462 bytes
 .../src/components/editor/editor.vue          | 397 +---------
 linkis-web-next/src/components/editor/util.ts | 235 ++----
 .../src/components/editor/util2.ts            |  52 --
 .../src/components/sidebar/index.vue          |  39 +-
 .../src/dss/assets/styles/app.less            |  92 +++
 .../src/dss/assets/styles/app.scss            |  92 ---
 .../src/dss/assets/styles/login.scss          |  87 ---
 .../styles/{normalize.scss => normalize.less} |   0
 linkis-web-next/src/dss/dssRouter.ts          |  93 +++
 linkis-web-next/src/dss/router.js             | 115 ---
 linkis-web-next/src/dss/view/500.vue          |  25 +-
 .../src/dss/view/commonIframe/index.vue       |  57 +-
 linkis-web-next/src/dss/view/layout.vue       |  84 +--
 linkis-web-next/src/dss/view/login/index.vue  | 472 ++++++------
 linkis-web-next/src/helper/clickoutside.js    |  42 ++
 linkis-web-next/src/helper/db.js              | 198 +++++
 .../src/helper/elementResizeEvent.js          | 134 ++++
 linkis-web-next/src/helper/emitter.js         |  58 ++
 linkis-web-next/src/helper/eventbus.js        | 112 +++
 linkis-web-next/src/helper/fesx.js            | 105 +++
 linkis-web-next/src/helper/storage.ts         | 244 +++++++
 linkis-web-next/src/index.d.ts                |   9 +
 linkis-web-next/src/layout.vue                | 120 +---
 linkis-web-next/src/pages/login/index.vue     | 190 ++++-
 .../src/pages/parameterConfig/drawer.vue      |  96 +--
 linkis-web-next/src/router/index.ts           |   2 +
 linkis-web-next/src/service/api.ts            | 423 +++++++++++
 linkis-web-next/src/service/apiCache.ts       |  76 ++
 linkis-web-next/src/service/db/index.js       | 100 +++
 linkis-web-next/src/service/execute.js        | 679 ++++++++++++++++++
 linkis-web-next/src/service/layoutMixin.js    |  54 ++
 linkis-web-next/src/service/mixin.js          |  95 +++
 linkis-web-next/src/service/moduleMixin.js    | 149 ++++
 linkis-web-next/src/service/socket.js         | 201 ++++++
 .../src/service/timeToCronMixin.js            | 246 +++++++
 linkis-web-next/src/style/style.less          |  14 +-
 linkis-web-next/src/style/variable.less       |  76 +-
 linkis-web-next/src/util/convert.ts           | 251 +++++++
 linkis-web-next/src/util/currentModules.ts    |  50 ++
 linkis-web-next/src/util/debug.ts             |  34 +
 linkis-web-next/src/util/index.ts             | 113 +++
 linkis-web-next/src/util/object.ts            |  63 ++
 linkis-web-next/src/util/type.ts              | 118 +++
 linkis-web-next/tsconfig.json                 |   3 +-
 49 files changed, 4640 insertions(+), 1537 deletions(-)
 create mode 100644 linkis-web-next/.env
 create mode 100644 linkis-web-next/public/favicon.ico
 delete mode 100644 linkis-web-next/src/components/editor/util2.ts
 create mode 100644 linkis-web-next/src/dss/assets/styles/app.less
 delete mode 100644 linkis-web-next/src/dss/assets/styles/app.scss
 delete mode 100644 linkis-web-next/src/dss/assets/styles/login.scss
 rename linkis-web-next/src/dss/assets/styles/{normalize.scss => normalize.less} (100%)
 create mode 100644 linkis-web-next/src/dss/dssRouter.ts
 delete mode 100644 linkis-web-next/src/dss/router.js
 create mode 100644 linkis-web-next/src/helper/clickoutside.js
 create mode 100644 linkis-web-next/src/helper/db.js
 create mode 100644 linkis-web-next/src/helper/elementResizeEvent.js
 create mode 100644 linkis-web-next/src/helper/emitter.js
 create mode 100644 linkis-web-next/src/helper/eventbus.js
 create mode 100644 linkis-web-next/src/helper/fesx.js
 create mode 100644 linkis-web-next/src/helper/storage.ts
 create mode 100644 linkis-web-next/src/index.d.ts
 create mode 100644 linkis-web-next/src/service/api.ts
 create mode 100644 linkis-web-next/src/service/apiCache.ts
 create mode 100644 linkis-web-next/src/service/db/index.js
 create mode 100644 linkis-web-next/src/service/execute.js
 create mode 100644 linkis-web-next/src/service/layoutMixin.js
 create mode 100644 linkis-web-next/src/service/mixin.js
 create mode 100644 linkis-web-next/src/service/moduleMixin.js
 create mode 100644 linkis-web-next/src/service/socket.js
 create mode 100644 linkis-web-next/src/service/timeToCronMixin.js
 create mode 100644 linkis-web-next/src/util/convert.ts
 create mode 100644 linkis-web-next/src/util/currentModules.ts
 create mode 100644 linkis-web-next/src/util/debug.ts
 create mode 100644 linkis-web-next/src/util/index.ts
 create mode 100644 linkis-web-next/src/util/object.ts
 create mode 100644 linkis-web-next/src/util/type.ts

diff --git a/linkis-web-next/.env b/linkis-web-next/.env
new file mode 100644
index 0000000000..5983420f56
--- /dev/null
+++ b/linkis-web-next/.env
@@ -0,0 +1,5 @@
+VUE_APP_HOST=
+BACKEND_URL=http://106.52.77.156:19888
+VUE_APP_MN_CONFIG_PREFIX=
+VUE_APP_MN_CONFIG_SOCKET=/ws/api/entrance/connect
+VUE_APP_VERSION=1.3.2
diff --git a/linkis-web-next/.eslintrc.json b/linkis-web-next/.eslintrc.json
index 73a00913e1..d29c6733c3 100644
--- a/linkis-web-next/.eslintrc.json
+++ b/linkis-web-next/.eslintrc.json
@@ -28,12 +28,14 @@
         }
     },
     "plugins": ["vue", "@typescript-eslint"],
+    "import/prefer-default-export": "off",
     "rules": {
         "indent": ["error", 4],
         "linebreak-style": ["error", "unix"],
         "semi": ["error", "always"],
         "vue/multi-word-component-names": 0,
         "quotes": ["error", "single"],
-        "vue/html-quotes": ["error", "double"]
+        "vue/html-quotes": ["error", "double"],
+        "import/extensions": "off"
     }
 }
diff --git a/linkis-web-next/package-lock.json b/linkis-web-next/package-lock.json
index 7d380bf71f..be20d8aaae 100644
--- a/linkis-web-next/package-lock.json
+++ b/linkis-web-next/package-lock.json
@@ -10,7 +10,11 @@
             "dependencies": {
                 "@fesjs/fes-design": "^0.7.31",
                 "@types/lodash": "^4.14.198",
+                "axios": "^1.5.0",
+                "dayjs": "^1.11.10",
+                "md5": "^2.3.0",
                 "monaco-editor": "^0.43.0",
+                "qs": "^6.11.2",
                 "vue": "^3.2.47",
                 "vue-i18n": "^9.4.1",
                 "vue-router": "^4.2.2"
@@ -1532,6 +1536,11 @@
             "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
             "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
         },
+        "node_modules/asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+        },
         "node_modules/available-typed-arrays": {
             "version": "1.0.5",
             "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
@@ -1544,6 +1553,16 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/axios": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.5.0.tgz",
+            "integrity": "sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==",
+            "dependencies": {
+                "follow-redirects": "^1.15.0",
+                "form-data": "^4.0.0",
+                "proxy-from-env": "^1.1.0"
+            }
+        },
         "node_modules/balanced-match": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1590,7 +1609,6 @@
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
             "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-            "dev": true,
             "dependencies": {
                 "function-bind": "^1.1.1",
                 "get-intrinsic": "^1.0.2"
@@ -1650,6 +1668,14 @@
                 "url": "https://github.com/chalk/chalk?sponsor=1"
             }
         },
+        "node_modules/charenc": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+            "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
+            "engines": {
+                "node": "*"
+            }
+        },
         "node_modules/cli-cursor": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
@@ -1765,6 +1791,17 @@
             "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
             "dev": true
         },
+        "node_modules/combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "dependencies": {
+                "delayed-stream": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
         "node_modules/commander": {
             "version": "11.0.0",
             "resolved": "https://registry.npmjs.org/commander/-/commander-11.0.0.tgz",
@@ -1903,6 +1940,14 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/crypt": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+            "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
+            "engines": {
+                "node": "*"
+            }
+        },
         "node_modules/cssesc": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -1944,6 +1989,11 @@
                 "url": "https://opencollective.com/date-fns"
             }
         },
+        "node_modules/dayjs": {
+            "version": "1.11.10",
+            "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
+            "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+        },
         "node_modules/debug": {
             "version": "4.3.4",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -2017,6 +2067,14 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
         "node_modules/diff": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
@@ -2817,6 +2875,25 @@
             "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
             "dev": true
         },
+        "node_modules/follow-redirects": {
+            "version": "1.15.3",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
+            "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/RubenVerborgh"
+                }
+            ],
+            "engines": {
+                "node": ">=4.0"
+            },
+            "peerDependenciesMeta": {
+                "debug": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/for-each": {
             "version": "0.3.3",
             "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@@ -2826,6 +2903,19 @@
                 "is-callable": "^1.1.3"
             }
         },
+        "node_modules/form-data": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+            "dependencies": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "mime-types": "^2.1.12"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
         "node_modules/fs-extra": {
             "version": "11.1.1",
             "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
@@ -2849,8 +2939,7 @@
         "node_modules/function-bind": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-            "dev": true
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
         },
         "node_modules/function.prototype.name": {
             "version": "1.1.6",
@@ -2892,7 +2981,6 @@
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
             "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
-            "dev": true,
             "dependencies": {
                 "function-bind": "^1.1.1",
                 "has": "^1.0.3",
@@ -3093,7 +3181,6 @@
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
             "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-            "dev": true,
             "dependencies": {
                 "function-bind": "^1.1.1"
             },
@@ -3135,7 +3222,6 @@
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
             "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-            "dev": true,
             "engines": {
                 "node": ">= 0.4"
             },
@@ -3147,7 +3233,6 @@
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
             "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-            "dev": true,
             "engines": {
                 "node": ">= 0.4"
             },
@@ -3368,6 +3453,11 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/is-buffer": {
+            "version": "1.1.6",
+            "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+            "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+        },
         "node_modules/is-callable": {
             "version": "1.2.7",
             "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
@@ -4170,6 +4260,16 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/md5": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+            "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+            "dependencies": {
+                "charenc": "0.0.2",
+                "crypt": "0.0.2",
+                "is-buffer": "~1.1.6"
+            }
+        },
         "node_modules/meow": {
             "version": "8.1.2",
             "resolved": "https://registry.npmjs.org/meow/-/meow-8.1.2.tgz",
@@ -4248,6 +4348,25 @@
                 "node": ">=4"
             }
         },
+        "node_modules/mime-db": {
+            "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "dependencies": {
+                "mime-db": "1.52.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
         "node_modules/mimic-fn": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@@ -4412,7 +4531,6 @@
             "version": "1.12.3",
             "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
             "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
-            "dev": true,
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
             }
@@ -4768,6 +4886,11 @@
                 "url": "https://github.com/prettier/prettier?sponsor=1"
             }
         },
+        "node_modules/proxy-from-env": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+        },
         "node_modules/prr": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -4784,6 +4907,20 @@
                 "node": ">=6"
             }
         },
+        "node_modules/qs": {
+            "version": "6.11.2",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+            "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+            "dependencies": {
+                "side-channel": "^1.0.4"
+            },
+            "engines": {
+                "node": ">=0.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/queue-microtask": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -5248,7 +5385,6 @@
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
             "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-            "dev": true,
             "dependencies": {
                 "call-bind": "^1.0.0",
                 "get-intrinsic": "^1.0.2",
@@ -7364,12 +7500,27 @@
             "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
             "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
         },
+        "asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+        },
         "available-typed-arrays": {
             "version": "1.0.5",
             "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
             "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
             "dev": true
         },
+        "axios": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.5.0.tgz",
+            "integrity": "sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==",
+            "requires": {
+                "follow-redirects": "^1.15.0",
+                "form-data": "^4.0.0",
+                "proxy-from-env": "^1.1.0"
+            }
+        },
         "balanced-match": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -7413,7 +7564,6 @@
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
             "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-            "dev": true,
             "requires": {
                 "function-bind": "^1.1.1",
                 "get-intrinsic": "^1.0.2"
@@ -7452,6 +7602,11 @@
                 "supports-color": "^7.1.0"
             }
         },
+        "charenc": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+            "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA=="
+        },
         "cli-cursor": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
@@ -7539,6 +7694,14 @@
             "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
             "dev": true
         },
+        "combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "requires": {
+                "delayed-stream": "~1.0.0"
+            }
+        },
         "commander": {
             "version": "11.0.0",
             "resolved": "https://registry.npmjs.org/commander/-/commander-11.0.0.tgz",
@@ -7642,6 +7805,11 @@
                 "which": "^2.0.1"
             }
         },
+        "crypt": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+            "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow=="
+        },
         "cssesc": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -7667,6 +7835,11 @@
                 "@babel/runtime": "^7.21.0"
             }
         },
+        "dayjs": {
+            "version": "1.11.10",
+            "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
+            "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+        },
         "debug": {
             "version": "4.3.4",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -7716,6 +7889,11 @@
                 "object-keys": "^1.1.1"
             }
         },
+        "delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+        },
         "diff": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
@@ -8345,6 +8523,11 @@
             "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
             "dev": true
         },
+        "follow-redirects": {
+            "version": "1.15.3",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
+            "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q=="
+        },
         "for-each": {
             "version": "0.3.3",
             "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@@ -8354,6 +8537,16 @@
                 "is-callable": "^1.1.3"
             }
         },
+        "form-data": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+            "requires": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "mime-types": "^2.1.12"
+            }
+        },
         "fs-extra": {
             "version": "11.1.1",
             "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
@@ -8374,8 +8567,7 @@
         "function-bind": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-            "dev": true
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
         },
         "function.prototype.name": {
             "version": "1.1.6",
@@ -8405,7 +8597,6 @@
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
             "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
-            "dev": true,
             "requires": {
                 "function-bind": "^1.1.1",
                 "has": "^1.0.3",
@@ -8546,7 +8737,6 @@
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
             "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-            "dev": true,
             "requires": {
                 "function-bind": "^1.1.1"
             }
@@ -8575,14 +8765,12 @@
         "has-proto": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-            "dev": true
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg=="
         },
         "has-symbols": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-            "dev": true
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
         },
         "has-tostringtag": {
             "version": "1.0.0",
@@ -8736,6 +8924,11 @@
                 "has-tostringtag": "^1.0.0"
             }
         },
+        "is-buffer": {
+            "version": "1.1.6",
+            "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+            "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+        },
         "is-callable": {
             "version": "1.2.7",
             "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
@@ -9309,6 +9502,16 @@
             "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
             "dev": true
         },
+        "md5": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+            "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+            "requires": {
+                "charenc": "0.0.2",
+                "crypt": "0.0.2",
+                "is-buffer": "~1.1.6"
+            }
+        },
         "meow": {
             "version": "8.1.2",
             "resolved": "https://registry.npmjs.org/meow/-/meow-8.1.2.tgz",
@@ -9365,6 +9568,19 @@
             "dev": true,
             "optional": true
         },
+        "mime-db": {
+            "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+        },
+        "mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "requires": {
+                "mime-db": "1.52.0"
+            }
+        },
         "mimic-fn": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@@ -9488,8 +9704,7 @@
         "object-inspect": {
             "version": "1.12.3",
             "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
-            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
-            "dev": true
+            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g=="
         },
         "object-keys": {
             "version": "1.1.1",
@@ -9723,6 +9938,11 @@
             "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
             "dev": true
         },
+        "proxy-from-env": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+        },
         "prr": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -9736,6 +9956,14 @@
             "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
             "dev": true
         },
+        "qs": {
+            "version": "6.11.2",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+            "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+            "requires": {
+                "side-channel": "^1.0.4"
+            }
+        },
         "queue-microtask": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -10049,7 +10277,6 @@
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
             "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-            "dev": true,
             "requires": {
                 "call-bind": "^1.0.0",
                 "get-intrinsic": "^1.0.2",
diff --git a/linkis-web-next/package.json b/linkis-web-next/package.json
index 17afb75088..6bf20aba32 100644
--- a/linkis-web-next/package.json
+++ b/linkis-web-next/package.json
@@ -12,7 +12,11 @@
     "dependencies": {
         "@fesjs/fes-design": "^0.7.31",
         "@types/lodash": "^4.14.198",
+        "axios": "^1.5.0",
+        "dayjs": "^1.11.10",
+        "md5": "^2.3.0",
         "monaco-editor": "^0.43.0",
+        "qs": "^6.11.2",
         "vue": "^3.2.47",
         "vue-i18n": "^9.4.1",
         "vue-router": "^4.2.2"
diff --git a/linkis-web-next/public/favicon.ico b/linkis-web-next/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..3fab0999132d2c922c8b76e63b15d6f67dff172e
GIT binary patch
literal 6462
zcmc(j3y@b;9mntP607X8yYkvy7F`@<K`MkCO2CChLV3gjn%Okvm`-J5O^gX5K`cXn
zZ!1TH9=v);4%vhjp`nWlHYSSka<LS&Qjw6C#v+e@pU>r<ox8xog2VJ@KK#x-=iJ}<
zp4ac3yHS+Izdl_f{_h&~ERCX0Q55xrK2Qbb$G?&&8eV*qqZudve_?fL1X)lH-+;&9
zb@%`dpJfi>e<!Sg$xs1mIk{*`t&>oUod_G@L&%&7i^mja7LVx!#f|SDeeRT5l;mkc
z-oomV#(GJ6j#WK;8}cF6ccPAjGHfN(f$s)?|0Vs8B>zv?<)>o7=&}_vs;<~R`SQ_+
zrwzJl&(A(rzH;u!i|VFSjyiD1z%iMbLk9f|z02<$I^gy1QD<u9$c8y1daPMgU9tk-
z>tGjz_8r6d&=HR7L&(F9g*PC)x1ID{7!F+^4_cp!N3Y3ieO<3<ZMziw?WwYY4Vf+l
z>+3&LwzRBQ$EPnLy~Dio3twKiYeLlOg2Ht_^0};F{ho^Us|RLgMy>GQ4*J7`@E)k=
z2>cx4c?fgBb67LONHZpJUB~{9a2e!4sNN!5lK)Bsx$q=pU<-7Fi{V``Zvj~E{^WTt
z_A>MQ*=EwVW4aaWgY$3;H0m%77s5+m9ku@yIza5Fv2qI&YJd~z?@4~pzc8tHLj5)s
z+Q-_5Fb|tZUz94(=J^3oyF3c#L8IEF9W{Ln3Lqb{p|MUnVLp6h{V9#EfggkV4#DlI
zvc5dOos_+by%^%YCpy$p1UJBM;jge7=D;9m1!?)#Z%%&&Wn19@%uDLsi*-HigZ}2F
ze?be@wH)SPRVu%RbQpVM=CRt#@%b1W1lvioljn)h8XB854abguF?r{}r(qy;2kYGf
z&Fa@_qRBO}Hqp8x$!m*!HpzPv+rxZ+iEr1*lElAl90E1F*Frx&ApKQ{-$}iDto{<~
zgkPwSJ?Z#cUrk`#Gp0D!o^j@>_bo7Q8CWN1*N%n#pw|C@W8E7rhezNrSoRV)zOg(l
zv{Zk3{09Udp`R)JxoGojQ0oD8LKS#6nRgeMm)8Ff{=zudkj~P7LMQBVV7Yy~3eH6T
z*LklNo`6pTA1Bc7oxuBmT8;B+t%ie~d7kIDVbkp!YnFlfTqA=aU2Z?_htR)x4Ozi@
z(9-dD|GO{bxR{pcRO<-v{uQqk?i>+}=J_D!cBW>~l|P80Oj~?}F;@TYKz$#==OJj*
z=D;t&a@WxpA>BXquK>%pKq<uKr}H2B)b6>z6x7}TH{LODZ1k;uH;%ft*Yt+IB~N6!
z7OmZd|Ftj$`oT;HXN?-3hHenFk0ZSUf_~?seNt{ba*wPB%in=(AP?d(Xh|Q?sdi)k
zZQz<$zp>M`TV9&K`N`tEEtyVvTNuCk2J()8G3Gr8d(-yCvQ6+4_zeW@q1^XYf_r`r
zI3A%)>l$=E<27Dh_@de*E3u7T3eQ+$=2X}VYWGg(ns*Ey0{y-P--RmpKBzskyOs2>
zAw3VFEZA2me>?S#dpY!7>$80e^*#TH{hNdStI;zVJ_{A#UFK5wCK%g|m1^G)w?lj%
z!-u-{IRWB1#k%(I2J>HmzTp0<hB|m3oCkH;r}@wWjC-#2^cnYep2x!wxB;Gr(1(Xf
z=gb*VVIRH>-noo}#&XXg$Jsn}i|5s?U<{4tiTB-;u9+(#<k^oef$h8ig%J979_hjG
z75D=5hSm_uFC^_g^<Dcm6hfJ{C%FDBe-paj)aN_u|0KK%L2KIXA^-O<1e)A~6Ce6=
z&4ifaSU(7v;{5u@v9Z3!h1pDkdg^l?!a8!D8^6-yVx8Gwn~vM?0bQ1;-*1u)pzht^
zx6xvl1OuTB#A_|xJn!EFt_AM{#+s|)hwS5hrENE5dURNIE8ibc<psY?zjnej@2Smw
z8TRxd((#!1LQ<}s1nPI4RbNuPTwMk5JgEOgXuP+RK4E)_Pvh}Yun+o-ZD+KPuDCDr
z@W}3~IUoF{iSHDr@TE5W)hE6-V9$rN_B@`QQ`<5&^&51-V)eI&^`L&g*_(V{HP->&
z*LO#l2+zXC&TTh7bA9g#ugx3TE#sMtFZa<BxDJdB?Z7*qajiReCYIed>{5MscFuz^
z7M^Vt&<4t27PxLKUkL?MD@UmR<M0mHo@bQbkIl($l8+DDb)FfU`VQ^eY(4jpaYdg(
zyZ5{hxAg0Go3Y_#_zSE9?;z$I(<1t=FXPo~5c=>2Y2%jrI>aW&evI*RL3L;K-vlAn
z80*bzqO+wB;a#lbdo#E$_k(?C4%cice_K$$i~`RD`*1AV$-5bH_?v_}3*o86x3Q)Y
zS}M2MdiqFkZH|Jw;1BQuxK_1(tJx?2E>Hv6v#zKNeegT|PIwO76W&YaLVw5}*K>C8
ze+%z9hx&OO;#kwHurnyYXK2fP?0DHH_kgkO-(cJBlj|WHLLXe0-Uo}JNZk;8X-9)=
zGQ98KXyWoSka=3KB<*-_@k|W&s-2|0XW7T&bc8%?9()Z#-(CB&pvC+4w8S=3nfBCp
zF5C-Y4QT%i&P6wHo;>r7iCy7ZSO#HFseL{aK{G9#y=>bA$8!pVzYVw^j9vc(W0m`J
z4Qz!lSJv4F_T5-<+<cuq)lEGoZ9DhFz&)-m^)-k0v}a%(xTl&r{69RYA;G(V_jA|8
zX4nhP#rt5q`W1K<wu6r}<{A507)3|4xlz=h&55Gj+AM5&CK@_DindL|Zi}MYhH0@~
zwXHlFN~OBm!r0EJDa@_oc}7icY-i6%Z0_v%d3tVcZie@3va@qCwfM&S1Nik<OFMpX
zSJ7^lK7Gblq2rvvyC+qZlQ|8m$nxFehhS@>qDWiI8+F(tQGPT7o2hA)729n&G{kcz
Z>(EhK6BWkKwGmw*e_J#-whg4C=zq<DAI<;(

literal 0
HcmV?d00001

diff --git a/linkis-web-next/src/components/editor/editor.vue b/linkis-web-next/src/components/editor/editor.vue
index 588cfa0f0f..f7d239480f 100644
--- a/linkis-web-next/src/components/editor/editor.vue
+++ b/linkis-web-next/src/components/editor/editor.vue
@@ -4,8 +4,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import { merge, debounce } from 'lodash';
-import useMonaco from './util2';
+import { useMonaco } from './util';
 
 const types = {
     code: {
@@ -106,7 +105,6 @@ export default defineComponent({
                 : _val || modelValue;
             this.updateVal(val);
         },
-
         // initialization(初始化)
         initMonaco() {
             this.editor = monaco.editor.create(this.$el, this.currentConfig);
@@ -155,397 +153,6 @@ export default defineComponent({
                 100,
             );
         },
-
-        undo() {
-            this.editor.trigger('anyString', 'undo');
-        },
-        redo() {
-            this.editor.trigger('anyString', 'redo');
-        },
-        // save the current value(保存当前的值)
-        save() {
-            if (this.editorModel) {
-                this.deltaDecorations();
-            }
-        },
-        // Saved edit state ViewState(保存的编辑状态 ViewState)
-        saveViewState() {
-            if (this.editorModel) {
-                this.editorModel.viewState = this.editor.saveViewState();
-            }
-        },
-        // Reset the previously saved edit state ViewState(重置之前保存的编辑状态 ViewState)
-        restoreViewState() {
-            if (this.editorModel && this.editorModel.viewState) {
-                this.editor.restoreViewState(this.editorModel.viewState);
-            }
-        },
-        // Get editor content(获取编辑器内容)
-        getValue() {
-            return this.editor.getValue({
-                lineEnding: '\n',
-                preserveBOM: false,
-            });
-        },
-        // Get selected content(获取选择的内容)
-        getValueInRange() {
-            const selection = this.editor.getSelection();
-            return selection.isEmpty()
-                ? null
-                : this.editor.getModel().getValueInRange(selection);
-        },
-        // Insert a value in the selected range in the editor(在编辑器选中的范围插入值)
-        insertValueIntoEditor(value) {
-            if (this.editor) {
-                const SelectedRange = this.editor.getSelection();
-                let range = null;
-                if (SelectedRange) {
-                    range = new monaco.Range(
-                        SelectedRange.startLineNumber,
-                        SelectedRange.startColumn,
-                        SelectedRange.endLineNumber,
-                        SelectedRange.endColumn,
-                    );
-                    const text = value;
-                    const op = {
-                        identifier: {
-                            major: 1,
-                            minor: 1,
-                        },
-                        range,
-                        text,
-                        forceMoveMarkers: true,
-                    };
-                    this.editor.executeEdits('insertValue', [op]);
-                }
-            }
-        },
-        addCommands() {
-            // save the current script(保存当前脚本)
-            this.editor.addCommand(
-                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_S,
-                () => {
-                    this.$emit('on-save');
-                },
-            );
-            // run the current script(运行当前脚本)
-            if (this.executable) {
-                this.editor.addCommand(monaco.KeyCode.F3, () => {
-                    this.$emit('on-run');
-                });
-            }
-            // Invokes the convert lowercase action of the browser itself(调用浏览器本身的转换小写动作)
-            this.editor.addCommand(
-                monaco.KeyMod.CtrlCmd +
-                    monaco.KeyMod.Shift +
-                    monaco.KeyCode.KEY_U,
-                () => {
-                    this.editor.trigger(
-                        'toLowerCase',
-                        'editor.action.transformToLowercase',
-                    );
-                },
-            );
-            // Invokes the convert caps action of the browser itself(调用浏览器本身的转换大写动作)
-            this.editor.addCommand(
-                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_U,
-                () => {
-                    this.editor.trigger(
-                        'toUpperCase',
-                        'editor.action.transformToUppercase',
-                    );
-                },
-            );
-        },
-        addActions() {
-            const vm = this;
-
-            this.editor.addAction({
-                id: 'editor.action.execute',
-                label: this.$t('message.common.monacoMenu.YXJB'),
-                keybindings: [monaco.KeyCode.F3],
-                keybindingContext: null,
-                contextMenuGroupId: 'navigation',
-                contextMenuOrder: 1.5,
-                run() {
-                    vm.$emit('on-run');
-                },
-            });
-
-            // this.editor.addAction({
-            //   id: 'format',
-            //   label: this.$t('message.common.monacoMenu.GSH'),
-            //   keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyMod.Shift | monaco.KeyCode.KEY_L],
-            //   keybindingContext: null,
-            //   contextMenuGroupId: 'control',
-            //   contextMenuOrder: 1.5,
-            //   run(editor) {
-            //     editor.trigger('anyString', 'editor.action.formatDocument');
-            //   },
-            // });
-
-            this.editor.addAction({
-                id: 'find',
-                label: this.$t('message.common.monacoMenu.CZ'),
-                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_F],
-                keybindingContext: null,
-                contextMenuGroupId: 'control',
-                contextMenuOrder: 1.6,
-                run(editor) {
-                    editor.trigger('find', 'actions.find');
-                },
-            });
-
-            this.editor.addAction({
-                id: 'replace',
-                label: this.$t('message.common.monacoMenu.TH'),
-                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_H],
-                keybindingContext: null,
-                contextMenuGroupId: 'control',
-                contextMenuOrder: 1.7,
-                run(editor) {
-                    editor.trigger(
-                        'findReplace',
-                        'editor.action.startFindReplaceAction',
-                    );
-                },
-            });
-
-            this.editor.addAction({
-                id: 'commentLine',
-                label: this.$t('message.common.monacoMenu.HZS'),
-                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.US_SLASH],
-                keybindingContext: null,
-                contextMenuGroupId: 'control',
-                contextMenuOrder: 1.8,
-                run(editor) {
-                    editor.trigger('commentLine', 'editor.action.commentLine');
-                },
-            });
-
-            this.editor.addAction({
-                id: 'paste',
-                label: this.$t('message.common.monacoMenu.ZT'),
-                keybindings: [],
-                keybindingContext: null,
-                contextMenuGroupId: '9_cutcopypaste',
-                contextMenuOrder: 2,
-                run() {
-                    const copyString = storage.get('copyString');
-                    if (!copyString || copyString.length < 0) {
-                        vm.$Message.warning(
-                            this.$t('message.common.monacoMenu.HBQWJCFZWB'),
-                        );
-                    } else {
-                        vm.insertValueIntoEditor(copyString);
-                    }
-                    return null;
-                },
-            });
-
-            this.editor.addAction({
-                id: 'gotoLine',
-                label: this.$t('message.common.monacoMenu.TDZDH'),
-                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_G],
-                keybindingContext: null,
-                contextMenuGroupId: 'control',
-                contextMenuOrder: 1.9,
-                run(editor) {
-                    editor.trigger('gotoLine', 'editor.action.gotoLine');
-                },
-            });
-
-            if (this.language === 'hql') {
-                // Control grammar check(控制语法检查)
-                this.closeParser = this.editor.createContextKey(
-                    'closeParser',
-                    !this.isParserClose,
-                );
-                this.openParser = this.editor.createContextKey(
-                    'openParser',
-                    this.isParserClose,
-                );
-                this.editor.addAction({
-                    id: 'closeParser',
-                    label: this.$t('message.common.monacoMenu.GBYFJC'),
-                    keybindings: [],
-                    keybindingContext: null,
-                    // Used to control the display of the right-click menu(用于控制右键菜单的显示)
-                    precondition: 'closeParser',
-                    contextMenuGroupId: 'control',
-                    contextMenuOrder: 2.0,
-                    run() {
-                        vm.isParserClose = true;
-                        // Controls the display of the right-click menu(控制右键菜单的显示)
-                        vm.openParser.set(true);
-                        vm.closeParser.set(false);
-                        vm.deltaDecorations();
-                    },
-                });
-
-                this.editor.addAction({
-                    id: 'openParser',
-                    label: this.$t('message.common.monacoMenu.DKYFJC'),
-                    keybindings: [],
-                    keybindingContext: null,
-                    precondition: 'openParser',
-                    contextMenuGroupId: 'control',
-                    contextMenuOrder: 2.1,
-                    run() {
-                        vm.isParserClose = false;
-                        vm.openParser.set(false);
-                        vm.closeParser.set(true);
-                        vm.deltaDecorations();
-                    },
-                });
-            }
-        },
-        deltaDecorations: debounce(function (value, cb) {
-            // eslint-disable-next-line @typescript-eslint/no-this-alias
-            const vm: any = this;
-            if (!vm.isParserClose) {
-                let highRiskList = [];
-                const lang = vm.language;
-                const app = vm.application;
-                if (
-                    lang === 'python' ||
-                    (app === 'spark' && ['java', 'hql'].indexOf(lang) !== -1) ||
-                    app === 'hive'
-                ) {
-                    // High-risk syntax highlighting(高危语法的高亮)
-                    highRiskList = vm.setHighRiskGrammar();
-                    const decora = vm.decorations || [];
-                    let isParseSuccess = true;
-                    if (lang === 'hql') {
-                        const val = value || vm.value;
-                        const validParser = !vm.sqlParser
-                            ? null
-                            : vm.sqlParser.parser.parseSyntax(val, 'hive');
-                        let newDecora = [];
-                        if (validParser) {
-                            isParseSuccess = false;
-                            const warningLalbel = `编译语句时异常：在行${validParser.loc.first_line}:${validParser.loc.first_column}，输入词'${validParser.text}'附近可能存在sql语法错误`;
-                            const range = new monaco.Range(
-                                validParser.loc.first_line,
-                                validParser.loc.first_column,
-                                validParser.loc.last_line,
-                                validParser.loc.last_column + 1,
-                            );
-                            // The first element is highlighting the wrong keywords, the second is highlighting lines and margin blocks(第一个元素是对错误的关键词做高亮的，第二个元素是对行和margin块做高亮)的
-                            newDecora = [
-                                {
-                                    range,
-                                    options: {
-                                        inlineClassName: 'inlineDecoration',
-                                    },
-                                },
-                                {
-                                    range,
-                                    options: {
-                                        isWholeLine: true,
-                                        className: 'contentClass',
-                                        // To use color blocks in margin, the editor must set glyphMargin to true(要在margin中使用色块，编辑器必须将glyphMargin设置为true)
-                                        glyphMarginClassName:
-                                            'glyphMarginClass',
-                                        // hover prompt, the use of glyphHoverMessage in the documentation is wrong(hover提示，文档中使用glyphHoverMessage是错的)
-                                        hoverMessage: {
-                                            value: warningLalbel,
-                                        },
-                                    },
-                                },
-                            ];
-                        }
-                        // The first parameter is old, used to clear decorations(第一个参数是旧的，用于清空decorations)
-                        vm.decorations = vm.editor.deltaDecorations(
-                            decora,
-                            newDecora.concat(highRiskList),
-                        );
-                        vm.$emit('is-parse-success', isParseSuccess);
-                    } else {
-                        vm.decorations = vm.editor.deltaDecorations(
-                            decora,
-                            highRiskList,
-                        );
-                    }
-                    if (cb) {
-                        cb(isParseSuccess);
-                    }
-                } else if (cb) {
-                    cb(true);
-                }
-            } else {
-                // When the grammar check is turned off, if there is an error color block on the editor, clear it first(关闭语法检查时，如果编辑器上有错误色块，先清除)
-                const decora = vm.decorations || [];
-                vm.decorations = vm.editor.deltaDecorations(decora, []);
-                if (cb) {
-                    cb(true);
-                }
-            }
-        }, 500),
-        setHighRiskGrammar() {
-            let highRiskList = [];
-            const HOVER_MESSAGE = this.$t(
-                'message.common.monacoMenu.GYFSYGWYF',
-            );
-            let highRiskGrammarToken = highRiskGrammar[this.language];
-            if (this.language === 'java') {
-                highRiskGrammarToken = highRiskGrammar.scala;
-            }
-            if (highRiskGrammarToken && highRiskGrammarToken.length) {
-                // Because there are multiple regular tokens, use all the rules to traverse(因为正则的token有多个，所以要用所有的规则去遍历)
-                highRiskGrammarToken.forEach((key) => {
-                    // Use regular to grab the matching text in the editor, which is an array(使用正则去抓取编辑器中的匹配文本，是一个数组)
-                    const errorLabel = this.editorModel.findMatches(
-                        key,
-                        false,
-                        true,
-                        false,
-                        null,
-                        true,
-                    );
-                    if (errorLabel.length) {
-                        const formatedRiskGrammer = [];
-                        errorLabel.forEach((item) => {
-                            // Get the content of the current entire line(拿到当前整行的内容)
-                            const lineContent = this.editorModel.getLineContent(
-                                item.range.startLineNumber,
-                            );
-                            let reg = /^[^\-\-]\s*/;
-                            if (this.language === 'python') {
-                                reg = /^[^\#]\s*/;
-                            } else if (this.language === 'java') {
-                                reg = /^[^\/\/]\s*/;
-                            }
-                            const isHasComment = reg.test(lineContent);
-                            // Determine if there are annotations(判断是否有注释)
-                            if (isHasComment) {
-                                formatedRiskGrammer.push({
-                                    range: item.range,
-                                    options: {
-                                        inlineClassName: 'highRiskGrammar',
-                                        hoverMessage: {
-                                            value: HOVER_MESSAGE,
-                                        },
-                                    },
-                                });
-                            }
-                        });
-                        highRiskList = highRiskList.concat(formatedRiskGrammer);
-                    }
-                });
-            }
-            return highRiskList;
-        },
-        async initParser() {
-            this.monaco.editor.setModelLanguage(
-                this.editorModel,
-                this.language,
-            );
-            // if (this.language === 'hql' && !this.sqlParser) {
-            //     this.sqlParser = await import('dt-sql-parser');
-            // }
-            this.deltaDecorations(this.value);
-        },
     },
     mounted() {
         console.log(this.$el, this.$props);
@@ -553,7 +160,6 @@ export default defineComponent({
             // this.editor = monaco.editor.create(this.$el, this.currentConfig);
             // this.monaco = monaco;
             // this.editorModel = this.editor.getModel();
-
             this.editor = this.createEditor(
                 this.$el,
                 this.$props.editorOptions,
@@ -593,6 +199,7 @@ export default defineComponent({
         left: 0;
         bottom: 0px;
         top: 0;
+
         .expand {
             cursor: pointer;
             line-height: 0;
diff --git a/linkis-web-next/src/components/editor/util.ts b/linkis-web-next/src/components/editor/util.ts
index e96c63fa58..ce696fd571 100644
--- a/linkis-web-next/src/components/editor/util.ts
+++ b/linkis-web-next/src/components/editor/util.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 /*
  * Licensed to the Apache Software Foundation (ASF) under one or more
  * contributor license agreements.  See the NOTICE file distributed with
@@ -15,200 +16,54 @@
  * limitations under the License.
  */
 
-import { partition, map, filter, isFunction } from 'lodash';
-import storage from '@/common/helper/storage';
-// import debug_log from '@/common/util/debug.js';
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 
-/**
- * Go to indexDb to get the hive list and udf function list(去indexDb中获取hive的列表和udf函数列表)
- * @param {*} monaco
- * @param {*} lang
- */
-const getHiveList = async (monaco, lang) => {
-    const userInfoName = storage.get('baseInfo', 'local')
-        ? storage.get('baseInfo', 'local').username
-        : null;
-    let dbInfoProposals = [];
-    let tableInfoProposals = [];
-    let udfProposals = [];
-    let variableProposals = [];
-    if (userInfoName) {
-        const userName = userInfoName;
-        const globalCache = await globalcache.getCache(userName);
-        if (globalCache) {
-            [dbInfoProposals, tableInfoProposals] = partition(
-                map(globalCache.hiveList, (item) => ({
-                    caption: item.caption,
-                    label: item.value,
-                    kind: monaco.languages.CompletionItemKind.Unit,
-                    insertText: item.value,
-                    detail: item.meta,
-                    documentation: item.documentation,
-                })),
-                ['detail', 'dbname'],
-            );
-
-            udfProposals = getFormatProposalsList(
-                monaco,
-                globalCache.fnList,
-                lang,
-                'Function',
-                true,
-            );
-            variableProposals = getFormatProposalsList(
-                monaco,
-                globalCache.variableList,
-                lang,
-                'Variable',
-                true,
-            );
-        }
-    }
-    return {
-        dbInfoProposals,
-        tableInfoProposals,
-        udfProposals,
-        variableProposals,
+export const useMonaco = (language = 'json') => {
+    let monacoEditor: monaco.editor.IStandaloneCodeEditor | null = null;
+    let initReadOnly = false;
+    const updateVal = async (val: string) => {
+        monacoEditor?.setValue(val);
+        setTimeout(async () => {
+            if (initReadOnly) monacoEditor?.updateOptions({ readOnly: false });
+            await monacoEditor
+                ?.getAction?.('editor.action.formatDocument')
+                ?.run();
+            if (initReadOnly) monacoEditor?.updateOptions({ readOnly: true });
+        }, 100);
     };
-};
 
-/**
- *
- * @param {*} match matched text(匹配到的文本)
- * @param {*} proposals list to filter(需要过滤的列表)
- * @param {*} fieldString Field name in filter condition(过滤条件中的字段名)
- * @param {*} attachMatch Additional filters(附加的过滤条件)
- * @param {*} needSplit Whether to intercept insertText(是否需要对insertText进行截取)
- * @return {*}
- */
-const getReturnList = (
-    { match, proposals, fieldString, attachMatch, needSplit, position },
-    monaco,
-) => {
-    // debug_log(
-    //     'log',
-    //     'getReturnList:',
-    //     match,
-    //     proposals,
-    //     fieldString,
-    //     attachMatch,
-    //     needSplit,
-    // );
-    if (!match || isFunction(match)) {
-        return;
-    }
-    let replacedStr = '';
-    for (let i of match) {
-        const reg = /[~'!@#￥$%^&*()-+_=:]/g;
-        if (reg.test(i)) {
-            replacedStr += `\\${i}`;
-        } else {
-            replacedStr += i;
+    const createEditor = (
+        el: HTMLElement | null,
+        editorOption: monaco.editor.IStandaloneEditorConstructionOptions = {},
+    ) => {
+        if (monacoEditor) {
+            return;
         }
-    }
-    const regexp = new RegExp(`\w*${replacedStr}\w*`, 'i');
-    let items = [];
-    if (attachMatch && !needSplit) {
-        items = filter(
-            proposals,
-            (it) =>
-                it[fieldString].startsWith(attachMatch) &&
-                regexp.test(it[fieldString]),
-        );
-    } else if (attachMatch && needSplit) {
-        // Here is the processing of situations such as create table and drop table(这里是对例如create table和drop table的情况进行处理)
-        proposals.forEach((it) => {
-            if (
-                regexp.test(it[fieldString]) &&
-                it.label.indexOf(attachMatch[1]) === 0
-            ) {
-                const text = it.insertText;
-                items.push({
-                    label: it.label,
-                    documentation: it.documentation,
-                    insertText: text.slice(
-                        text.indexOf(' ') + 1,
-                        text.length - 1,
-                    ),
-                    detail: it.detail,
-                });
-            }
-        });
-    } else {
-        items = filter(proposals, (it) => regexp.test(it[fieldString]));
-    }
-    // debug_log('log', position);
-    if (position && monaco) {
-        items.forEach(
-            (it) =>
-                (it.range = new monaco.Range(
-                    position.lineNumber,
-                    position.column - match.length,
-                    position.lineNumber,
-                    position.column,
-                )),
-        );
-    }
-    // debug_log('log', 'suggestions', proposals.length, items, regexp);
+        initReadOnly = !!editorOption.readOnly;
+        monacoEditor =
+            el &&
+            monaco.editor.create(el, {
+                language,
+                minimap: { enabled: false },
+                theme: 'vs-light',
+                multiCursorModifier: 'ctrlCmd',
+                scrollbar: {
+                    verticalScrollbarSize: 8,
+                    horizontalScrollbarSize: 8,
+                },
+                tabSize: 2,
+                automaticLayout: true, // 自适应宽高
+                ...editorOption,
+            });
+        return monacoEditor;
+    };
+    const onFormatDoc = () => {
+        monacoEditor?.getAction?.('editor.action.formatDocument')?.run();
+    };
     return {
-        isIncomplete: true,
-        suggestions: items,
+        updateVal,
+        getEditor: () => monacoEditor,
+        createEditor,
+        onFormatDoc,
     };
 };
-
-/**
- * Format the obtained data into completionList format(对拿到的数据格式化成completionList格式)
- * @param {*} monaco editor(编辑器)
- * @param {*} list formatted list(格式化列表)
- * @param {*} lang script type(脚本类型)
- * @param {*} type Type (function or global variable)(类型（函数或者全局变量）)
- * @param {*} isDiy 需要对输入进行定制化(需要对输入进行定制化)
- * @return {*} formatted list(格式化后的列表)
- */
-const getFormatProposalsList = (monaco, list, lang, type, isDiy, isSnippet) => {
-    let formatList = [];
-    if (!list) return formatList;
-    const kind = monaco.languages.CompletionItemKind[type];
-    list.forEach((item) => {
-        if (isDiy) {
-            if (type === 'Function') {
-                if (
-                    lang === 'hql' ||
-                    item.udfType === 1 ||
-                    item.udfType === 3
-                ) {
-                    formatList.push({
-                        label: item.udfName + '()',
-                        kind,
-                        insertText: item.udfName + '()',
-                        detail: item.udfType > 2 ? '方法函数' : 'UDF函数',
-                        documentation: item.description,
-                    });
-                }
-            } else if (type === 'Variable') {
-                formatList.push({
-                    label: item.key,
-                    kind,
-                    insertText: item.key,
-                    detail: '用户自定义的全局变量',
-                    documentation: `{"${item.key}":"${item.value}"}`,
-                });
-            }
-        } else {
-            formatList.push({
-                label: item.label.toLowerCase(),
-                insertText: item.insertText.toLowerCase(),
-                detail: item.detail,
-                insertTextRules: isSnippet
-                    ? monaco.languages.CompletionItemInsertTextRule
-                          .InsertAsSnippet
-                    : null,
-                documentation: item.documentation,
-                kind,
-            });
-        }
-    });
-    return formatList;
-};
-
-export { getHiveList, getReturnList, getFormatProposalsList };
diff --git a/linkis-web-next/src/components/editor/util2.ts b/linkis-web-next/src/components/editor/util2.ts
deleted file mode 100644
index 7f7c407d96..0000000000
--- a/linkis-web-next/src/components/editor/util2.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/* eslint-disable no-unused-expressions */
-import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js';
-
-export default function useMonaco(language = 'json') {
-    let monacoEditor: monaco.editor.IStandaloneCodeEditor | null = null;
-    let initReadOnly = false;
-    const updateVal = async (val: string) => {
-        monacoEditor?.setValue(val);
-        setTimeout(async () => {
-            initReadOnly && monacoEditor?.updateOptions({ readOnly: false });
-            await monacoEditor
-                ?.getAction?.('editor.action.formatDocument')
-                ?.run();
-            initReadOnly && monacoEditor?.updateOptions({ readOnly: true });
-        }, 100);
-    };
-
-    const createEditor = (
-        el: HTMLElement | null,
-        editorOption: monaco.editor.IStandaloneEditorConstructionOptions = {},
-    ) => {
-        if (monacoEditor) {
-            return;
-        }
-        initReadOnly = !!editorOption.readOnly;
-        monacoEditor =
-            el &&
-            monaco.editor.create(el, {
-                language,
-                minimap: { enabled: false },
-                theme: 'vs-light',
-                multiCursorModifier: 'ctrlCmd',
-                scrollbar: {
-                    verticalScrollbarSize: 8,
-                    horizontalScrollbarSize: 8,
-                },
-                tabSize: 2,
-                automaticLayout: true, // 自适应宽高
-                ...editorOption,
-            });
-        return monacoEditor;
-    };
-    const onFormatDoc = () => {
-        monacoEditor?.getAction?.('editor.action.formatDocument')?.run();
-    };
-    return {
-        updateVal,
-        getEditor: () => monacoEditor,
-        createEditor,
-        onFormatDoc,
-    };
-}
diff --git a/linkis-web-next/src/components/sidebar/index.vue b/linkis-web-next/src/components/sidebar/index.vue
index 22f1cf6878..ef2e43d004 100644
--- a/linkis-web-next/src/components/sidebar/index.vue
+++ b/linkis-web-next/src/components/sidebar/index.vue
@@ -11,16 +11,10 @@
                             </div>
                         </template>
                         <f-menu-group>
-                            <template
-                                v-for="subMenuItem in menuItem.items"
-                                :key="subMenuItem.title"
-                            >
-                                <f-menu-item
-                                    :value="menuItem.title + subMenuItem.title"
-                                    @click="
-                                        handleClick(subMenuItem?.path ?? '/')
-                                    "
-                                >
+                            <template v-for="subMenuItem in menuItem.items" :key="subMenuItem.title">
+                                <f-menu-item :value="menuItem.title + subMenuItem.title" @click="
+                                    handleClick(subMenuItem?.path ?? '/')
+                                    ">
                                     <template #label>
                                         <div class="submenu-item">
                                             {{ $t(subMenuItem.title) }}123
@@ -32,10 +26,7 @@
                     </f-sub-menu>
                 </template>
                 <template v-else>
-                    <f-menu-item
-                        :value="menuItem.title"
-                        @click="handleClick(menuItem?.path ?? '/')"
-                    >
+                    <f-menu-item :value="menuItem.title" @click="handleClick(menuItem?.path ?? '/')">
                         <template #label>
                             <img :src="menuItem.icon" />
                             <div class="title-text">
@@ -56,52 +47,52 @@ const router = useRouter();
 const menuItemsConfig = [
     {
         title: 'message.linkis.sideNavList.function.children.globalHistory',
-        icon: '../../../public/任务概览-常规.svg',
+        icon: '/任务概览-常规.svg',
         path: '/console/globalHistoryManagement',
     },
     {
         title: 'message.linkis.sideNavList.function.children.resource',
-        icon: '../../../public/资源管理-常规.svg',
+        icon: '/资源管理-常规.svg',
         path: '/console/resource',
     },
     {
         title: 'message.linkis.sideNavList.function.children.setting',
-        icon: '../../../public/参数配置-常规.svg',
+        icon: '/参数配置-常规.svg',
         path: '/console/parameterConfig',
     },
     {
         title: 'message.linkis.sideNavList.function.children.dateReport',
-        icon: '../../../public/全局变量-常规.svg',
+        icon: '/全局变量-常规.svg',
         path: '',
     },
     {
         title: 'message.linkis.sideNavList.function.children.ECMManage',
-        icon: '../../../public/ECM管理-常规.svg',
+        icon: '/ECM管理-常规.svg',
         path: '',
     },
     {
         title: 'message.linkis.sideNavList.function.children.microserviceManage',
-        icon: '../../../public/微服务管理-常规.svg',
+        icon: '/微服务管理-常规.svg',
         path: '',
     },
     {
         title: 'message.linkis.sideNavList.function.children.dataSourceManage',
-        icon: '../../../public/数据源管理-常规.svg',
+        icon: '/数据源管理-常规.svg',
         items: [{ title: 'xxx', path: '' }],
     },
     {
         title: 'message.linkis.sideNavList.function.children.udfFunctionTitle',
-        icon: '../../../public/UDF函数-常规.svg',
+        icon: '/UDF函数-常规.svg',
         items: [{ title: 'xxx', path: '' }],
     },
     {
         title: 'message.linkis.sideNavList.function.children.basedataManagement',
-        icon: '../../../public/基础数据管理-常规.svg',
+        icon: '/基础数据管理-常规.svg',
         items: [{ title: 'xxx', path: '' }],
     },
     {
         title: 'message.linkis.sideNavList.function.children.codeQuery',
-        icon: '../../../public/代码检索-常规.svg',
+        icon: '/代码检索-常规.svg',
         path: '',
     },
 ];
diff --git a/linkis-web-next/src/dss/assets/styles/app.less b/linkis-web-next/src/dss/assets/styles/app.less
new file mode 100644
index 0000000000..63a881c58b
--- /dev/null
+++ b/linkis-web-next/src/dss/assets/styles/app.less
@@ -0,0 +1,92 @@
+// /*
+//  * Licensed to the Apache Software Foundation (ASF) under one or more
+//  * contributor license agreements.  See the NOTICE file distributed with
+//  * this work for additional information regarding copyright ownership.
+//  * The ASF licenses this file to You under the Apache License, Version 2.0
+//  * (the "License"); you may not use this file except in compliance with
+//  * the License.  You may obtain a copy of the License at
+//  *
+//  *   http://www.apache.org/licenses/LICENSE-2.0
+//  *
+//  * Unless required by applicable law or agreed to in writing, software
+//  * distributed under the License is distributed on an "AS IS" BASIS,
+//  * 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.
+//  */
+
+// @import '@/common/style/variables.scss';
+// @import 'normalize.scss';
+
+// * {
+//     box-sizing: border-box;
+//     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+// }
+// *:before,
+// *:after {
+//     box-sizing: border-box;
+// }
+// body{
+//     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
+// "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+//     font-variant-numeric: tabular-nums;
+//     font-size: $font-size-small;
+//     color: $text-color;
+//     line-height: $line-height-base;
+// }
+// .layout {
+//     position: $absolute;
+//     left: 0;
+//     right: 0;
+//     top: 0;
+//     bottom: 0;
+//     background-color: $body-background;
+// }
+// .layout-content {
+//     height: 100%;
+// }
+// .layout-body{
+//     width: 100%;
+//     height: 100%;
+//     box-sizing: border-box;
+//     // padding: 54px 0 0;
+//     position: $relative;
+// }
+// .layout-top {
+//     padding: 54px 0 0;
+// }
+// .ivu-message {
+//     z-index: 2000 !important;
+// }
+// // Set the style of the scrollbar(设置滚动条的样式)
+// ::-webkit-scrollbar {
+//     width: 8px;
+//     height: 8px;
+// }
+//  //rolling groove(滚动槽)
+// ::-webkit-scrollbar-track {
+//     box-shadow: inset 0 0 2px $shadow-color;
+//     -webkit-box-shadow: inset 0 0 2px $shadow-color;
+//     border-radius: $border-radius-large;
+//     -webkit-border-radius: $border-radius-large;
+//     -moz-border-radius: $border-radius-large;
+//     -ms-border-radius: $border-radius-large;
+//     -o-border-radius: $border-radius-large;
+// }
+// //scroll bar slider(滚动条滑块)
+// ::-webkit-scrollbar-thumb {
+//     box-shadow: inset 0 0 2px $shadow-color;
+//     border-radius: $border-radius-large;
+//     background: $scrollbar-color;
+//     -webkit-box-shadow: inset 0 0 2px $shadow-color;
+//     -webkit-border-radius: $border-radius-large;
+//     -moz-border-radius: $border-radius-large;
+//     -ms-border-radius: $border-radius-large;
+//     -o-border-radius: $border-radius-large;
+// }
+// ::-webkit-scrollbar-thumb:window-inactive {
+//     background: $scrollbar-color;
+// }
+// .we-editor .monaco-editor .margin {
+//     background-color: #f2f3f6;
+// }
diff --git a/linkis-web-next/src/dss/assets/styles/app.scss b/linkis-web-next/src/dss/assets/styles/app.scss
deleted file mode 100644
index 74ab689a8d..0000000000
--- a/linkis-web-next/src/dss/assets/styles/app.scss
+++ /dev/null
@@ -1,92 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-@import '@/common/style/variables.scss';
-@import 'normalize.scss';
-
-* {
-    box-sizing: border-box;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-*:before,
-*:after {
-    box-sizing: border-box;
-}
-body{
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
-"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-    font-variant-numeric: tabular-nums;
-    font-size: $font-size-small;
-    color: $text-color;
-    line-height: $line-height-base;
-}
-.layout {
-    position: $absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    background-color: $body-background;
-}
-.layout-content {
-    height: 100%;
-}
-.layout-body{
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    // padding: 54px 0 0;
-    position: $relative;
-}
-.layout-top {
-    padding: 54px 0 0;
-}
-.ivu-message {
-    z-index: 2000 !important;
-}
-// Set the style of the scrollbar(设置滚动条的样式)
-::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-}
- //rolling groove(滚动槽)
-::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px $shadow-color;
-    -webkit-box-shadow: inset 0 0 2px $shadow-color;
-    border-radius: $border-radius-large;
-    -webkit-border-radius: $border-radius-large;
-    -moz-border-radius: $border-radius-large;
-    -ms-border-radius: $border-radius-large;
-    -o-border-radius: $border-radius-large;
-}
-//scroll bar slider(滚动条滑块)
-::-webkit-scrollbar-thumb {
-    box-shadow: inset 0 0 2px $shadow-color;
-    border-radius: $border-radius-large;
-    background: $scrollbar-color;
-    -webkit-box-shadow: inset 0 0 2px $shadow-color;
-    -webkit-border-radius: $border-radius-large;
-    -moz-border-radius: $border-radius-large;
-    -ms-border-radius: $border-radius-large;
-    -o-border-radius: $border-radius-large;
-}
-::-webkit-scrollbar-thumb:window-inactive {
-    background: $scrollbar-color;
-}
-.we-editor .monaco-editor .margin {
-    background-color: #f2f3f6;
-}
diff --git a/linkis-web-next/src/dss/assets/styles/login.scss b/linkis-web-next/src/dss/assets/styles/login.scss
deleted file mode 100644
index 4579d913f1..0000000000
--- a/linkis-web-next/src/dss/assets/styles/login.scss
+++ /dev/null
@@ -1,87 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
- 
-@import '@/common/style/variables.scss';
-.login {
-    position: $absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    background-color: $body-background;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    .login-bg {
-        position: $absolute;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        background: url('../images/loginbgc.svg') no-repeat;
-        background-position: 55% 40%;
-        background-color: #001C40;
-    }
-    .login-main {
-        width: 450px;
-        height: 427px;
-        background-color: $body-background;
-        margin-right: 9.5%;
-        padding: 50px;
-        border-radius: 6px;
-        box-shadow: 2px 2px 40px 0px rgba(0, 0, 0, 0.9);
-        z-index: $zindex-spin;
-        .login-title {
-            font-size: 20px;
-            font-weight: 400px;
-            display: block;
-            text-align: center;
-            color:  #044B93;
-            font-weight: 600;
-        }
-        .label {
-            font-size: 14px;
-        }
-        input {
-            border: none;
-            height: 50px;
-            border-radius: 4px;
-            padding-left: 15px;
-            color: $input-color;
-            border: 1px solid #DEE4EC;
-        }
-        button {
-            height: 45px;
-            background-color: $btn-primary-bg;
-            box-shadow: 0px 5px 10px 0px $shadow-color;
-            border-color: $btn-primary-bg;
-        }
-    }
-    .remember-user-name {
-        margin: 5px 0 0 10px;
-    }
-    .ivu-form-item {
-        margin-bottom: 20px;
-    }
-}
-.radioGroup {
-    padding-left: 20px;
-    display: block;
-    .ivu-radio-group-item {
-        width: 100%;
-    }
-}
diff --git a/linkis-web-next/src/dss/assets/styles/normalize.scss b/linkis-web-next/src/dss/assets/styles/normalize.less
similarity index 100%
rename from linkis-web-next/src/dss/assets/styles/normalize.scss
rename to linkis-web-next/src/dss/assets/styles/normalize.less
diff --git a/linkis-web-next/src/dss/dssRouter.ts b/linkis-web-next/src/dss/dssRouter.ts
new file mode 100644
index 0000000000..ad0cfccc6c
--- /dev/null
+++ b/linkis-web-next/src/dss/dssRouter.ts
@@ -0,0 +1,93 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+export default [
+    // log view(日志查看)
+    {
+        path: '/log',
+        name: 'log',
+        meta: {
+            title: 'Log',
+            publicPage: true,
+        },
+        component: () => import('./view/logPage/index.vue'),
+    },
+    {
+        path: '/commonIframe',
+        name: 'commonIframe',
+        meta: {
+            title: 'DSS Component',
+            publicPage: true,
+        },
+        component: () => import('./view/commonIframe/index.vue'),
+    },
+    {
+        path: '/login',
+        name: 'login',
+        meta: {
+            title: 'Login',
+            publicPage: true,
+        },
+        component: () => import('./view/login/index.vue'),
+    },
+    // Public pages, not subject to permission control(公用页面，不受权限控制)
+    {
+        path: '/500',
+        name: 'serverErrorPage',
+        meta: {
+            title: '服务器错误',
+            publicPage: true,
+        },
+        component: () => import('./view/500.vue'),
+    },
+    {
+        path: '/404',
+        name: 'pageNotFound',
+        meta: {
+            title: '404',
+            publicPage: true,
+        },
+        component: () => import('./view/404.vue'),
+    },
+    {
+        path: '/403',
+        name: 'pageForbidden',
+        meta: {
+            title: '403',
+            publicPage: true,
+        },
+        component: () => import('./view/403.vue'),
+    },
+    // svg available icon preview(svg可用图标预览)
+    {
+        path: '/icon',
+        name: 'icon',
+        meta: {
+            title: 'icon',
+            publicPage: true,
+        },
+        component: () => import('./view/icon.vue'),
+    },
+    {
+        path: '/:catchAll(.*)',
+        meta: {
+            title: 'Linkis',
+            publicPage: true,
+        },
+        component: () => import('./view/404.vue'),
+    },
+];
diff --git a/linkis-web-next/src/dss/router.js b/linkis-web-next/src/dss/router.js
deleted file mode 100644
index 01b5ede649..0000000000
--- a/linkis-web-next/src/dss/router.js
+++ /dev/null
@@ -1,115 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-export const subAppRoutes = {
-  path: '',
-  name: 'layout',
-  component: () => import('./view/layout.vue'),
-  // redirect: '/newHome',
-  // Redirects to the management console page(重定向到 管理台页面)
-  redirect: '/console',
-  meta: {
-    title: 'Linkis',
-    publicPage: true, // Permission disclosure(权限公开)
-  },
-  children: []
-}
-
-export default [
-  // log view(日志查看)
-  {
-    path: '/log',
-    name: 'log',
-    meta: {
-      title: 'Log',
-      publicPage: true,
-    },
-    component: () =>
-      import('./view/logPage/index.vue')
-  },
-  {
-    path: 'commonIframe',
-    name: 'commonIframe',
-    meta: {
-      title: 'DSS Component',
-      publicPage: true,
-    },
-    component: () =>
-      import('./view/commonIframe/index.vue'),
-  },
-  {
-    path: '/login',
-    name: 'login',
-    meta: {
-      title: 'Login',
-      publicPage: true,
-    },
-    component: () =>
-      import('./view/login/index.vue'),
-  },
-  // Public pages, not subject to permission control(公用页面，不受权限控制)
-  {
-    path: '/500',
-    name: 'serverErrorPage',
-    meta: {
-      title: '服务器错误',
-      publicPage: true,
-    },
-    component: () =>
-      import('./view/500.vue'),
-  },
-  {
-    path: '/404',
-    name: 'pageNotFound',
-    meta: {
-      title: '404',
-      publicPage: true,
-    },
-    component: () =>
-      import('./view/404.vue'),
-  },
-  {
-    path: '/403',
-    name: 'pageForbidden',
-    meta: {
-      title: '403',
-      publicPage: true,
-    },
-    component: () =>
-      import('./view/403.vue'),
-  },
-  // svg available icon preview(svg可用图标预览)
-  {
-    path: '/icon',
-    name: 'icon',
-    meta: {
-      title: 'icon',
-      publicPage: true,
-    },
-    component: () =>
-      import('./view/icon.vue'),
-  },
-  {
-    path: '*',
-    meta: {
-      title: 'Linkis',
-      publicPage: true,
-    },
-    component: () =>
-      import('./view/404.vue'),
-  }
-]
diff --git a/linkis-web-next/src/dss/view/500.vue b/linkis-web-next/src/dss/view/500.vue
index fa41b2d40a..5396a70619 100644
--- a/linkis-web-next/src/dss/view/500.vue
+++ b/linkis-web-next/src/dss/view/500.vue
@@ -19,22 +19,23 @@
   <div class="accountError">
     <div class="wrap-result">
       <div class="wrap-icon-result">
-        <span class="icon-w-error"/>
+        <span class="icon-w-error" />
       </div>
       <div class="result-msg">系统繁忙，请重试</div>
     </div>
   </div>
 </template>
-<style lang="scss" scoped>
-  .accountError {
-    .wrap-result {
-          padding-top: 0.5rem;
-          background-color: transparent;
-    }
-    .btn-sm {
-        border-color: #66748a;
-        opacity: 0.6;
-        color: #5a626e;
-    }
+<style  scoped>
+.accountError {
+  .wrap-result {
+    padding-top: 0.5rem;
+    background-color: transparent;
   }
+
+  .btn-sm {
+    border-color: #66748a;
+    opacity: 0.6;
+    color: #5a626e;
+  }
+}
 </style>
diff --git a/linkis-web-next/src/dss/view/commonIframe/index.vue b/linkis-web-next/src/dss/view/commonIframe/index.vue
index b9d804d32a..9c0405e44a 100644
--- a/linkis-web-next/src/dss/view/commonIframe/index.vue
+++ b/linkis-web-next/src/dss/view/commonIframe/index.vue
@@ -17,21 +17,18 @@
 
 <template>
   <div class="iframeClass">
-    <iframe
-      class="iframeClass"
-      v-if="isRefresh"
-      id="iframe"
-      :src="visualSrc"
-      frameborder="0"
-      width="100%"
-      :height="height"/>
+    <iframe class="iframeClass" v-if="isRefresh" id="iframe" :src="visualSrc" frameborder="0" width="100%"
+      :height="height" />
   </div>
 </template>
-<script>
-import util from '@/common/util/index';
-import api from "@/common/service/api";
-export default {
-  data() {
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+// import util from '@/common/util/index';
+// import api from "@/common/service/api";
+
+export default defineComponent({
+  setup() {
     return {
       height: 0,
       visualSrc: '',
@@ -55,40 +52,42 @@ export default {
     // Set width and height when creating(创建的时候设置宽高)
     this.resize(window.innerHeight);
     // Monitor window changes and get browser width and height(监听窗口变化，获取浏览器宽高)
-    window.addEventListener('resize', this.resize(window.innerHeight));
+    window.addEventListener('resize', () => { this.resize(window.innerHeight) });
   },
   beforeDestroy() {
-    window.removeEventListener('resize', this.resize(window.innerHeight));
+    window.removeEventListener('resize', () => { this.resize(window.innerHeight) });
   },
   methods: {
     getCommonProjectId(type, query) {
-      return api.fetch(`/dss/getAppjointProjectIDByApplicationName`, {
-        projectID: query.projectID,
-        applicationName: type
-      }, 'get').then((res) => {
-        localStorage.setItem('appJointProjectId', res.appJointProjectID);
-      })
+      // return api.fetch(`/dss/getAppjointProjectIDByApplicationName`, {
+      //   projectID: query.projectID,
+      //   applicationName: type
+      // }, 'get').then((res) => {
+      //   localStorage.setItem('appJointProjectId', res.appJointProjectID);
+      // })
     },
-    resize(height) {
+    resize(height: number) {
       this.height = height;
     },
     getUrl() {
       const url = this.$route.query.url;
+      console.log('url', url)
       const appJointProjectId = localStorage.getItem('appJointProjectId');
-      this.visualSrc = util.replaceHolder(url, {
-        projectId: appJointProjectId,
-        projectName: this.$route.query.projectName,
-      });
+      // this.visualSrc = util.replaceHolder(url, {
+      //   projectId: appJointProjectId,
+      //   projectName: this.$route.query.projectName,
+      // });
     },
     reload() {
       this.isRefresh = false;
       this.$nextTick(() => this.isRefresh = true);
     }
   },
-};
+
+})
 </script>
 <style>
-.iframeClass{
-    height: 100%;
+.iframeClass {
+  height: 100%;
 }
 </style>
diff --git a/linkis-web-next/src/dss/view/layout.vue b/linkis-web-next/src/dss/view/layout.vue
index 8483dce687..18708ff908 100644
--- a/linkis-web-next/src/dss/view/layout.vue
+++ b/linkis-web-next/src/dss/view/layout.vue
@@ -16,87 +16,9 @@
   -->
 
 <template>
-  <div class="layout-body" :class="{ 'layout-top': showHeader}">
-    <layout-header
-      v-if="showHeader "
-      @clear-session="clearSession"
-      @set-init="setInit"></layout-header>
-    <keep-alive v-if="isInit">
-      <router-view
-        v-if="$route.meta.keepAlive"/>
-    </keep-alive>
-    <router-view
-      v-if="!$route.meta.keepAlive"/>
-    <layout-footer v-if="showFooter"/>
+  <div class="layout-body">
+    <router-view />
   </div>
 </template>
-<script>
-import Vue from 'vue'
-import storage from '@/common/helper/storage';
-import headerModule from '@/dss/module/header';
-import footerModule from '@/dss/module/footer';
-import layoutMixin from '@/common/service/layoutMixin.js';
-export default {
-  components: {
-    layoutFooter: footerModule.component,
-    layoutHeader: headerModule.component
-  },
-  data() {
-    return {
-      isInit: false,
-      interval: null
-    }
-  },
-  mixins: [layoutMixin],
-  computed: {
-    showHeader() {
-      return this.$route.query.noHeader || location.search.indexOf('noHeader') < 0
-    },
-    showFooter() {
-      return this.$route.query.noFooter || location.search.indexOf('noFooter') < 0
-    },
-    isEmbedInFrame() {
-      // If it is imported by iframe, top !== self returns true, which is used to distinguish between running alone or being introduced. Only when running alone, a watermark should be added.(如果是被iframe引入时 top !== self 返回true，用来区分单独跑还是被引入，只有单独跑时要加水印)
-      return top !== self;
-    }
-  },
-  methods: {
-    setInit() {
-      this.isInit = true;
-    },
-    showTime(now) {
-      const year = now.getFullYear();
-      const month = now.getMonth();
-      const date = now.getDate();
-      const hour = this.addZero(now.getHours());
-      const minute = this.addZero(now.getMinutes());
-      return `${year}-${month}-${date} ${hour}:${minute}`
-    },
-    addZero(num) {
-      if (num < 10) return '0' + num
-      return num + '';
-    },
-    setWaterMark() {
-      let userNameAndPass = storage.get('saveUserNameAndPass', 'local');
-      let watermark = null;
-      const username = userNameAndPass ? userNameAndPass.split('&')[0] : '';
-      if (username) {
-        watermark = username + ' ' + this.showTime(new Date());
-        Vue.prototype.$watermark.set(watermark)
-      }
-    }
-  },
-  created() {
-    if (!this.isEmbedInFrame && storage.get('enableWatermark')) {
-      this.setWaterMark();
-      this.interval = setInterval(this.setWaterMark, 1000)
-    }
-  },
-  beforeDestroy() {
-    if (!this.isEmbedInFrame && storage.get('enableWatermark')) {
-      Vue.prototype.$watermark.clear();
-      clearInterval(this.interval)
-    }
-  }
-};
+<script lang="ts">
 </script>
diff --git a/linkis-web-next/src/dss/view/login/index.vue b/linkis-web-next/src/dss/view/login/index.vue
index a58cd7abde..37a88a0893 100644
--- a/linkis-web-next/src/dss/view/login/index.vue
+++ b/linkis-web-next/src/dss/view/login/index.vue
@@ -16,216 +16,276 @@
   -->
 
 <template>
-    <div class="login" @keyup.enter.stop.prevent="handleSubmit('loginForm')">
-        <i class="login-bg" />
-        <div class="login-main">
-            <Form ref="loginForm" :model="loginForm" :rules="ruleInline">
-                <FormItem>
-                    <span class="login-title">{{
-                        $t('message.common.login.loginTitle')
-                    }}</span>
-                </FormItem>
-                <FormItem prop="user">
-                    <div class="label">{{ $t('message.linkis.userName') }}</div>
-                    <Input
-                        v-model="loginForm.user"
-                        type="text"
-                        :placeholder="$t('message.common.login.userName')"
-                        size="large"
-                    />
-                </FormItem>
-                <FormItem prop="password">
-                    <div class="label">{{ $t('message.linkis.password') }}</div>
-                    <Input
-                        v-model="loginForm.password"
-                        type="password"
-                        :placeholder="$t('message.common.login.passwordHint')"
-                        size="large"
-                    />
-                    <Checkbox
-                        v-model="rememberUserNameAndPass"
-                        class="remember-user-name"
-                        style=""
-                        >{{ $t('message.common.login.remenber') }}</Checkbox
-                    >
-                </FormItem>
-                <FormItem>
-                    <Button
-                        :loading="loading"
-                        type="primary"
-                        long
-                        size="large"
-                        @click="handleSubmit('loginForm')"
-                        >{{ $t('message.common.login.login') }}</Button
-                    >
-                </FormItem>
-            </Form>
-        </div>
+  <div class="login">
+    <i class="login-bg" />
+    <div class="login-main">
+      <Form ref="loginForm" :model="loginForm" :rules="ruleInline">
+        <FormItem>
+          <span class="login-title">
+            {{ $t('message.common.login.loginTitle') }}
+          </span>
+        </FormItem>
+        <FormItem prop="user">
+          <div class="label">{{ $t('message.linkis.userName') }}</div>
+          <FInput class="login-input" v-model="loginForm.user" type="text"
+            :placeholder="$t('message.common.login.userName')" size="large" />
+        </FormItem>
+        <FormItem prop="password">
+          <div class="label password">{{ $t('message.linkis.password') }}</div>
+          <FInput class="login-input" v-model="loginForm.password" type="password"
+            :placeholder="$t('message.common.login.passwordHint')" size="large" />
+          <FCheckbox v-model="rememberUserNameAndPass" class="remember-user-name">
+            {{ $t('message.common.login.remenber') }}
+          </FCheckbox>
+        </FormItem>
+        <FormItem>
+          <FButton class="login-btn" :loading="loading" type="primary" long size="large">
+            {{ $t('message.common.login.login') }}
+          </FButton>
+        </FormItem>
+      </Form>
     </div>
+  </div>
 </template>
-<script setup lang="ts">
+<script lang="ts">
+import api from '@/service/api';
+import { FMessage } from '@fesjs/fes-design';
 import { defineComponent } from 'vue';
+import storage from '@/helper/storage'
 
-// import api from '@/common/service/api';
-// import storage from '@/common/helper/storage';
-// import { db } from '@/common/service/db/index.js';
-// import { config } from '@/common/config/db.js';
-// import JSEncrypt from 'jsencrypt';
-// import tab from '@/apps/scriptis/service/db/tab.js';
-
-defineComponent({
-    props: {},
-    setup(props) {
-        const userNameAndPass = storage.get('saveUserNameAndPass', 'local');
-        if (userNameAndPass) {
-            this.rememberUserNameAndPass = true;
-            this.loginForm.user = userNameAndPass.split('&')[0];
-            this.loginForm.password = userNameAndPass.split('&')[1];
-        }
-        this.getPublicKey();
-
-        return {
-            loading: false,
-            loginForm: {
-                user: '',
-                password: '',
-            },
-            ruleInline: {
-                user: [
-                    {
-                        required: true,
-                        message: this.$t('message.common.login.userName'),
-                        trigger: 'blur',
-                    },
-                    // {type: 'string', pattern: /^[0-9a-zA-Z\.\-_]{4,16}$/, message: '无效的用户名！', trigger: 'change'},
-                ],
-                password: [
-                    {
-                        required: true,
-                        message: this.$t('message.common.login.password'),
-                        trigger: 'blur',
-                    },
-                    // {type: 'string', pattern: /^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,18}$/, message: '请输入6至12位的密码', trigger: 'change'},
-                ],
-            },
-            rememberUserNameAndPass: false,
-            publicKeyData: null,
-        };
+export default defineComponent({
+  setup() {
+    return {
+      loading: false,
+      loginForm: {
+        user: '',
+        password: ''
+      },
+      ruleInline: {
+        user: [
+          {
+            required: true,
+            message: 'message.common.login.userName',
+            trigger: 'blur'
+          }
+          // {type: 'string', pattern: /^[0-9a-zA-Z\.\-_]{4,16}$/, message: '无效的用户名！', trigger: 'change'},
+        ],
+        password: [
+          {
+            required: true,
+            message: 'message.common.login.password',
+            trigger: 'blur'
+          }
+          // {type: 'string', pattern: /^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,18}$/, message: '请输入6至12位的密码', trigger: 'change'},
+        ]
+      },
+      rememberUserNameAndPass: false,
+      publicKeyData: null
+    }
+
+  },
+  created() {
+    let userNameAndPass = null
+    storage.get('saveUserNameAndPass', 'local')
+    if (userNameAndPass) {
+      this.rememberUserNameAndPass = true
+      this.loginForm.user = userNameAndPass.split('&')[0]
+      this.loginForm.password = userNameAndPass.split('&')[1]
+    }
+    // getPublicKey()
+  },
+  methods: {
+    // Get public key interface(获取公钥接口)
+    getPublicKey() {
+      api.fetch('/user/publicKey', 'get').then((res: any) => {
+        this.publicKeyData = res
+      })
     },
-    methods: {
-        // Get public key interface(获取公钥接口)
-        getPublicKey() {
-            api.fetch('/user/publicKey', 'get').then((res) => {
-                this.publicKeyData = res;
-            });
-        },
-        handleSubmit(name) {
-            this.$refs[name].validate(async (valid) => {
-                if (valid) {
-                    this.loading = true;
-                    if (!this.rememberUserNameAndPass) {
-                        storage.remove('saveUserNameAndPass', 'local');
-                    }
-                    this.loginForm.user =
-                        this.loginForm.user.toLocaleLowerCase();
-                    // Need to determine whether the password needs to be encrypted(需要判断是否需要给密码加密)
-                    let {password} = this.loginForm;
-                    let params = {};
-                    if (
-                        this.publicKeyData &&
-                        this.publicKeyData.enableLoginEncrypt
-                    ) {
-                        const key = `-----BEGIN PUBLIC KEY-----${this.publicKeyData.publicKey}-----END PUBLIC KEY-----`;
-                        const encryptor = new JSEncrypt();
-                        encryptor.setPublicKey(key);
-                        password = encryptor.encrypt(this.loginForm.password);
-                        params = {
-                            userName: this.loginForm.user,
-                            password,
-                        };
-                    } else {
-                        params = {
-                            userName: this.loginForm.user,
-                            password,
-                        };
-                    }
-                    // Log in to clear the local cache(登录清掉本地缓存)
-                    // After logging out twice in a row, data will be lost, so it is necessary to judge whether it has been saved and not used.(连续两次退出登录后，会导致数据丢失，所以得判断是否已存切没有使用)
-                    const tabs = (await tab.get()) || [];
-                    const tablist = storage.get(
-                        `${this.loginForm.user  }tabs`,
-                        'local',
-                    );
-                    if (!tablist || tablist.length <= 0) {
-                        storage.set(
-                            `${this.loginForm.user  }tabs`,
-                            tabs,
-                            'local',
-                        );
-                    }
-                    Object.keys(config.stores).map((key) => {
-                        db.db[key].clear();
-                    });
-                    api.fetch('/user/login', params)
-                        .then((rst) => {
-                            this.loading = false;
-                            storage.set('userName', rst.userName, 'session');
-                            storage.set(
-                                'enableWatermark',
-                                !!rst.enableWatermark,
-                                'session',
-                            );
-                            // save username(保存用户名)
-                            if (this.rememberUserNameAndPass) {
-                                storage.set(
-                                    'saveUserNameAndPass',
-                                    `${this.loginForm.user}&${this.loginForm.password}`,
-                                    'local',
-                                );
-                            }
-                            if (rst) {
-                                this.userName = rst.userName;
-                                this.$router.push({ path: '/console' });
-                                this.$Message.success(
-                                    this.$t(
-                                        'message.common.login.loginSuccess',
-                                    ),
-                                );
-                            }
-                        })
-                        .catch((err) => {
-                            if (this.rememberUserNameAndPass) {
-                                storage.set(
-                                    'saveUserNameAndPass',
-                                    `${this.loginForm.user}&${this.loginForm.password}`,
-                                    'local',
-                                );
-                            }
-                            if (
-                                err.message.indexOf(
-                                    '已经登录，请先退出再进行登录',
-                                ) !== -1
-                            ) {
-                                this.getPageHomeUrl().then(() => {
-                                    this.$router.push({ path: '/' });
-                                });
-                            }
-                            this.loading = false;
-                        });
-                } else {
-                    this.$Message.error(
-                        this.$t('message.common.login.vaildFaild'),
-                    );
-                }
-            });
-        },
-        // clear local cache(清楚本地缓存)
-        clearSession() {
-            storage.clear();
-        },
+    handleSubmit(name: string) {
+      this.$refs[name].validate(async (valid: boolean) => {
+        if (valid) {
+          this.loading = true
+          if (!this.rememberUserNameAndPass) {
+            storage.remove('saveUserNameAndPass', 'local')
+          }
+          this.loginForm.user = this.loginForm.user.toLocaleLowerCase()
+          // Need to determine whether the password needs to be encrypted(需要判断是否需要给密码加密)
+          let password = this.loginForm.password
+          let params = {}
+          if (this.publicKeyData && this.publicKeyData.enableLoginEncrypt) {
+            const key = `-----BEGIN PUBLIC KEY-----${this.publicKeyData.publicKey}-----END PUBLIC KEY-----`
+            const encryptor = new JSEncrypt()
+            encryptor.setPublicKey(key)
+            password = encryptor.encrypt(this.loginForm.password)
+            params = {
+              userName: this.loginForm.user,
+              password
+            }
+          } else {
+            params = {
+              userName: this.loginForm.user,
+              password
+            }
+          }
+          // Log in to clear the local cache(登录清掉本地缓存)
+          // After logging out twice in a row, data will be lost, so it is necessary to judge whether it has been saved and not used.(连续两次退出登录后，会导致数据丢失，所以得判断是否已存切没有使用)
+          let tabs = (await tab.get()) || []
+          const tablist = storage.get(this.loginForm.user + 'tabs', 'local')
+          if (!tablist || tablist.length <= 0) {
+            storage.set(this.loginForm.user + 'tabs', tabs, 'local')
+          }
+          Object.keys(config.stores).map((key) => {
+            db.db[key].clear()
+          })
+          api
+            .fetch(`/user/login`, params)
+            .then((rst) => {
+              this.loading = false
+              storage.set('userName', rst.userName, 'session')
+              storage.set(
+                'enableWatermark',
+                rst.enableWatermark ? true : false,
+                'session'
+              )
+              // save username(保存用户名)
+              if (this.rememberUserNameAndPass) {
+                // storage.set(
+                //   'saveUserNameAndPass',
+                //   `${this.loginForm.user}&${this.loginForm.password}`,
+                //   'local'
+                // )
+              }
+              if (rst) {
+                // this.userName = rst.userName
+                this.$router.push({ path: '/console' })
+                FMessage.success(
+                  this.$t('message.common.login.loginSuccess')
+                )
+              }
+            })
+            .catch((err) => {
+              if (this.rememberUserNameAndPass) {
+                storage.set(
+                  'saveUserNameAndPass',
+                  `${this.loginForm.user}&${this.loginForm.password}`,
+                  'local'
+                )
+              }
+              if (err.message.indexOf('已经登录，请先退出再进行登录') !== -1) {
+                this.getPageHomeUrl().then(() => {
+                  this.$router.push({ path: '/' })
+                })
+              }
+              this.loading = false
+            })
+        } else {
+          FMessage.error(this.$t('message.common.login.vaildFaild'))
+        }
+      })
     },
-    mounted() {},
-    beforeUnmount() {},
-});
+    // clear local cache(清楚本地缓存)
+    clearSession() {
+      storage.clear()
+    }
+  }
+})
+
 </script>
-<style lang="scss" src="@/dss/assets/styles/login.scss"></style>
+<style scoped>
+@import '../../../style/variable.less';
+
+.login {
+  height: 100%;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: #001C40;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  .login-bg {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background: url('@/dss/assets/images/loginbgc.svg') no-repeat;
+    background-position: 55% 40%;
+    background-color: #001C40;
+  }
+
+  .login-main {
+    position: relative;
+    width: 450px;
+    height: 427px;
+    background-color: #fff;
+    margin-right: 9.5%;
+    padding: 50px;
+    border-radius: 6px;
+    box-shadow: 2px 2px 40px 0px rgba(0, 0, 0, 0.9);
+    z-index: 10;
+
+    .login-title {
+      font-size: 20px;
+      font-weight: 400px;
+      display: block;
+      text-align: center;
+      color: #044B93;
+      font-weight: 600;
+    }
+
+    .label {
+      font-size: 14px;
+      line-height: 32px;
+      margin-top: 20px;
+    }
+
+    .login-input {
+      height: 50px;
+      border-radius: 4px;
+      padding-left: 15px;
+      color: #515a6e;
+      border: 1px solid #DEE4EC;
+
+    }
+
+    .login-btn {
+      position: absolute;
+      bottom: 50px;
+      left: 50px;
+      width: 357px;
+    }
+
+    :deep(span.fes-input-inner) {
+      display: block;
+      height: 48px;
+      line-height: 48px;
+      width: 100%;
+      padding: auto 6px;
+    }
+
+    :deep(.fes-input.login-input) {
+      padding: 0;
+    }
+
+    .remember-user-name {
+      margin: 5px 0 0 10px;
+    }
+
+    .ivu-form-item {
+      margin-bottom: 20px;
+    }
+  }
+
+  .radioGroup {
+    padding-left: 20px;
+    display: block;
+
+    .ivu-radio-group-item {
+      width: 100%;
+    }
+  }
+}
+</style>
diff --git a/linkis-web-next/src/helper/clickoutside.js b/linkis-web-next/src/helper/clickoutside.js
new file mode 100644
index 0000000000..6a9fedad57
--- /dev/null
+++ b/linkis-web-next/src/helper/clickoutside.js
@@ -0,0 +1,42 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+let cache = {};
+let key = 1;
+export default {
+  inserted(el, binding) {
+    el.outsideKey = key++;
+    const self = {};
+    self.documentHandler = (e) => {
+      if (el.contains(e.target)) {
+        return false;
+      }
+      if (binding.value) {
+        binding.value(e);
+      }
+      return true;
+    };
+    cache[el.outsideKey] = self;
+    document.addEventListener('click', self.documentHandler);
+  },
+  unbind(el) {
+    const self = cache[el.outsideKey];
+    document.removeEventListener('click', self.documentHandler);
+    delete cache[el.outsideKey];
+  },
+};
diff --git a/linkis-web-next/src/helper/db.js b/linkis-web-next/src/helper/db.js
new file mode 100644
index 0000000000..de2cdd1fbd
--- /dev/null
+++ b/linkis-web-next/src/helper/db.js
@@ -0,0 +1,198 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import Dexie from 'dexie';
+/**
+ * wrap db operator
+ * @class DB
+ */
+export default class DB {
+  /**
+     * Creates an instance of DB.
+     * @param {*} name
+     * @param {Object} stores
+     * @param {Number} version
+     * @memberof DB
+     */
+  constructor(name, stores, version = 1) {
+    this.db = new Dexie(name);
+    this.db.version(version).stores(stores);
+  }
+  /**
+     *
+     * @param {*} stores
+     * @param {*} version
+     * @memberof DB
+     */
+  updateVersion(stores, version) {
+    try {
+      this.db.version(version).stores(stores);
+    } catch (e) {
+      this._errorCatch(e);
+    }
+  }
+  /**
+     * wrap put method
+     * If an object with the same primary key already exists,
+     * it will be replaced with the given object.
+     * If it does not exist, it will be added.
+     * @param {String} table
+     * @param {Object | Array} fields
+     * @param {*} id
+     * @memberof DB
+     */
+  async put(table, fields) {
+    const promiseArr = [];
+    if (Array.isArray(fields)) {
+      fields.forEach((item) => {
+        promiseArr.push(this.db[table].put(item));
+      });
+    } else {
+      promiseArr.push(this.db[table].put(fields));
+    }
+    try {
+      return await Promise.all(promiseArr);
+    } catch (e) {
+      return this._errorCatch(e);
+    }
+  }
+  /**
+     * wrap get method
+     * @param {String} table
+     * @param {Array} keys
+     * @memberof DB
+     */
+  async get(table, keys) {
+    const promiseArr = [];
+    if (Array.isArray(keys)) {
+      keys.forEach((item) => {
+        promiseArr.push(this.db[table].get(item));
+      });
+    } else {
+      promiseArr.push(this.db[table].get(keys));
+    }
+    try {
+      return await Promise.all(promiseArr);
+    } catch (e) {
+      return this._errorCatch(e);
+    }
+  }
+  /**
+     *
+     * @param {*} table
+     * @param {String | Object} clause
+     * @memberof DB
+     * @return {this}
+     */
+  where(table, clause) {
+    this.whereClause = this.db[table].where(clause);
+    return this;
+  }
+  /**
+     *
+     * @param {*} table
+     * @param {*} key
+     * @param {*} changes
+     * @return {updated}
+     * @memberof DB
+     */
+  async update(table, key, changes) {
+    try {
+      return await this.db[table].update(key, changes);
+    } catch (e) {
+      return this._errorCatch(e);
+    }
+  }
+  /**
+     *
+     * @param {String | Object} clause
+     * @memberof DB
+     * @return {this}
+     */
+  equals(clause) {
+    this.collection = this.whereClause.where(clause);
+    return this;
+  }
+  /**
+     *
+     * @param {String | Array} clause
+     * @memberof DB
+     * @return {this}
+     */
+  anyOf(clause) {
+    this.collection = this.whereClause.where(clause);
+    return this;
+  }
+  /**
+     *
+     * @param {Function} cb
+     * @memberof DB
+     * @return {Promise}
+     */
+  async first(cb) {
+    try {
+      return await this.collection.first(cb);
+    } catch (e) {
+      return this._errorCatch(e);
+    }
+  }
+  /**
+     * db or table or collection delete
+     * @memberof DB
+     * @return {Promise}
+     */
+  async delete(...args) {
+    const len = args.length;
+    const table = args[0];
+    let key = args[1];
+    try {
+      if (len === 0) {
+        return await this.collection.delete();
+      } else if (len === 2) {
+        return await this.db[table].delete(key);
+      }
+    } catch (e) {
+      return this._errorCatch(e);
+    }
+  }
+  /**
+     * @param {*} table
+     * @memberof DB
+     * @return {Promise}
+     */
+  async toArray(table) {
+    try {
+      if (table) {
+        this.collection = this.db[table];
+      }
+      return await this.collection.toArray();
+    } catch (e) {
+      return this._errorCatch(e);
+    }
+  }
+  /**
+     * wrap catch error
+     * @param {*} e
+     * @memberof DB
+     * @return {Promise}
+     */
+  _errorCatch(e) {
+    this.errHandler && this.errHandler(e.message);
+    return Promise.resolve(null);
+  }
+}
diff --git a/linkis-web-next/src/helper/elementResizeEvent.js b/linkis-web-next/src/helper/elementResizeEvent.js
new file mode 100644
index 0000000000..f9f33e6da2
--- /dev/null
+++ b/linkis-web-next/src/helper/elementResizeEvent.js
@@ -0,0 +1,134 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+let requestFrame = (function() {
+  let raf = window.requestAnimationFrame ||
+      window.mozRequestAnimationFrame ||
+      window.webkitRequestAnimationFrame ||
+      function fallbackRAF(func) {
+        return window.setTimeout(func, 20);
+      };
+  return function requestFrameFunction(func) {
+    return raf(func);
+  };
+})();
+
+let cancelFrame = (function() {
+  let cancel = window.cancelAnimationFrame ||
+      window.mozCancelAnimationFrame ||
+      window.webkitCancelAnimationFrame ||
+      window.clearTimeout;
+  return function cancelFrameFunction(id) {
+    return cancel(id);
+  };
+})();
+
+/**
+ *Monitor size changes(监听大小改变)
+ * @param {*} e
+ */
+function resizeListener(e) {
+  let win = e.target || e.srcElement;
+  if (win.__resizeRAF__) {
+    cancelFrame(win.__resizeRAF__);
+  }
+  win.__resizeRAF__ = requestFrame(function() {
+    let trigger = win.__resizeTrigger__;
+    let listeners = trigger && trigger.__resizeListeners__;
+    if (listeners) {
+      listeners.forEach(function(fn) {
+        fn.call(trigger, e);
+      });
+    }
+  });
+}
+
+let bind = function(element, fn) {
+  let document = window.document;
+  let attachEvent = document.attachEvent;
+
+  /**
+     *
+     */
+  function objectLoad() {
+    this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__;
+    this.contentDocument.defaultView.addEventListener('resize', resizeListener);
+    this.contentDocument.defaultView.dispatchEvent(new Event('resize'));
+  }
+
+  if (!element.__resizeListeners__) {
+    element.__resizeListeners__ = [];
+    if (attachEvent) {
+      element.__resizeTrigger__ = element;
+      element.attachEvent('onresize', resizeListener);
+    } else {
+      if (getComputedStyle(element).position === 'static') {
+        element.style.position = 'relative';
+      }
+      let obj = (element.__resizeTrigger__ = document.createElement('object'));
+      obj.setAttribute(
+        'style',
+        'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; opacity: 0;'
+      );
+      obj.setAttribute('class', 'resize-sensor');
+      obj.__resizeElement__ = element;
+      obj.onload = objectLoad;
+      obj.type = 'text/html';
+      obj.data = 'about:blank';
+      element.appendChild(obj);
+    }
+  }
+  element.__resizeListeners__.push(fn);
+};
+
+let unbind = function(element, fn) {
+  let attachEvent = document.attachEvent;
+  let listeners = element.__resizeListeners__ || [];
+  if (fn) {
+    let index = listeners.indexOf(fn);
+    if (index !== -1) {
+      listeners.splice(index, 1);
+    }
+  } else {
+    listeners = element.__resizeListeners__ = [];
+  }
+  if (!listeners.length) {
+    if (attachEvent) {
+      element.detachEvent('onresize', resizeListener);
+    } else if (element.__resizeTrigger__) {
+      if (element.__resizeTrigger__.contentDocument) {
+        element.__resizeTrigger__.contentDocument.defaultView.removeEventListener(
+          'resize',
+          resizeListener
+        );
+        delete element.__resizeTrigger__.contentDocument.defaultView.__resizeTrigger__;
+      }
+      element.__resizeTrigger__ = !element.removeChild(
+        element.__resizeTrigger__
+      );
+    }
+    delete element.__resizeListeners__;
+  }
+};
+
+export default {
+  bind: typeof window === 'undefined' ? bind : bind.bind(window),
+  unbind,
+  requestAnimationFrame: requestFrame,
+  cancelAnimationFrame: cancelFrame
+};
diff --git a/linkis-web-next/src/helper/emitter.js b/linkis-web-next/src/helper/emitter.js
new file mode 100644
index 0000000000..aaf285b6eb
--- /dev/null
+++ b/linkis-web-next/src/helper/emitter.js
@@ -0,0 +1,58 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+/**
+ * brocast event to component
+ * @param {*} componentName
+ * @param {*} eventName
+ * @param {*} params
+ */
+function broadcast(componentName, eventName, params) {
+  this.$children.forEach((child) => {
+    const name = child.$options.name;
+
+    if (name === componentName) {
+      child.$emit(...[eventName].concat(params));
+    } else {
+      // todo if params is an empty array, it will be undefined(todo 如果 params 是空数组，接收到的会是 undefined)
+      broadcast.apply(child, [componentName, eventName].concat([params]));
+    }
+  });
+}
+export default {
+  methods: {
+    dispatch(componentName, eventName, params) {
+      let parent = this.$parent || this.$root;
+      let name = parent.$options.name;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.name;
+        }
+      }
+      if (parent) {
+        parent.$emit(...[eventName].concat(params));
+      }
+    },
+    broadcast(componentName, eventName, params) {
+      broadcast.call(this, componentName, eventName, params);
+    },
+  },
+};
diff --git a/linkis-web-next/src/helper/eventbus.js b/linkis-web-next/src/helper/eventbus.js
new file mode 100644
index 0000000000..cbb2dc13b4
--- /dev/null
+++ b/linkis-web-next/src/helper/eventbus.js
@@ -0,0 +1,112 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+/**
+ *  事件bus
+ */
+class Eventbus {
+  /**
+     * Constructor(构造器)
+     */
+  constructor() {
+    this.storage = {};
+  }
+
+  /**
+     *
+     * @param {*} arr
+     * @param {*} x
+     * @return {Object}
+     */
+  findIndex(arr, x) {
+    return arr.findIndex((item) => item === x);
+  }
+
+  /**
+     * Registration issue(注册事件)
+     * @param {*} name
+     * @param {*} fn
+     * @return {undefined}
+     */
+  on(name, fn) {
+    if (Object.prototype.toString.call(this.storage[name]) === '[object Array]') {
+      this.storage[name].push(fn);
+    } else {
+      this.storage[name] = [fn];
+    }
+  }
+
+  /**
+    * delete event(删除事件)
+    * @param {*} name
+    * @param {*} fn
+    * @return {undefined}
+    */
+  off(name, fn) {
+    if (this.storage[name]) {
+      let i = this.findIndex(this.storage[name], fn);
+      if (i !== -1) this.storage[name].splice(i, 1);
+    }
+  }
+
+  /**
+     * Clear all events of the specified name(清空指定name的所有事件)
+     * @param {*} name
+     * @return {Object}
+     */
+  clear(name) {
+    if (name) {
+      this.storage[name] = [];
+    } else {
+      this.storage = {};
+    }
+    return this.storage;
+  }
+
+  /**
+     * trigger event(触发事件)
+     * @param {*} name
+     * @param {*} payload  parameter(参数)
+     * @param {*} cb     Callback( 回调函数)
+     * @return {undefined}
+     */
+  emit(name, payload, cb) {
+    let fns = this.storage[name];
+    if (fns) {
+      if (fns.length > 1) {
+        let arr = [];
+        this.storage[name].forEach((f) => {
+          arr.push(Promise.resolve(f(payload, cb)));
+        });
+        return Promise.all(arr);
+      } else if (fns.length === 1) {
+        return Promise.resolve(fns[0](payload, cb));
+      }
+    }
+  }
+}
+
+let eventbus = new Eventbus();
+
+
+export {
+  eventbus as
+  default,
+  eventbus,
+  Eventbus,
+};
diff --git a/linkis-web-next/src/helper/fesx.js b/linkis-web-next/src/helper/fesx.js
new file mode 100644
index 0000000000..d8d697d9fe
--- /dev/null
+++ b/linkis-web-next/src/helper/fesx.js
@@ -0,0 +1,105 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+/**
+ * global state management(全局状态管理)
+ */
+import Vue from 'vue';
+import util from '../util';
+// import storage from './storage';
+// import util from '../util';
+
+/**
+ * state management container(状态管理容器)
+ */
+class Fesx {
+  /**
+     * Constructor(构造器)
+     * @param {*} name
+     * @param {Object} data
+     */
+  constructor(name, data) {
+    Object.defineProperty(this, 'name', {
+      value: name,
+      enumerable: false,
+    });
+    Object.defineProperty(this, 'pre', {
+      value: 'FesFesx_' + this.name + '_',
+      enumerable: false,
+    });
+    if (util.isPlainObject(data)) {
+      for (let p in data) {
+        if (Object.prototype.hasOwnProperty.call(data, p)) {
+          Vue.set(this, p, data[p]);
+        }
+      }
+    }
+    // let keys = Object.keys(sessionStorage)
+    // let len = keys.length
+    // for (let i = 0; i < len; i++) {
+    //     let key = keys[i];
+    //     if (key.indexOf(this.pre) === 0) {
+    //         Vue.set(this, key.slice(this.pre.length), storage.get(key));
+    //     }
+    // }
+  }
+  /**
+     * Get the corresponding state according to the prop(根据prop拿到对应的状态)
+     * @param {*} prop
+     * @return {*}
+     */
+  get(prop) {
+    // if (!this[prop]) {
+    //     this.set(prop, storage.get(this.pre + prop))
+    // }
+    return this[prop];
+  }
+  /**
+     * Get the corresponding state according to the prop(根据prop拿到对应的状态)
+     * @param {*} prop
+     * @param {*} value
+     * @return {*}
+     */
+  set(prop, value) {
+    Vue.set(this, prop, value);
+    // if (!util.isFunction(value)) {
+    //     storage.set(this.pre + prop, value);
+    // }
+    return this;
+  }
+  /**
+     * empty the current container(清空当前容器)
+     */
+  clear() {
+    for (let p in this) {
+      if (Object.prototype.hasOwnProperty.call(this, p)) {
+        Vue.set(this, p, undefined);
+      }
+    }
+    // let keys = Object.keys(sessionStorage)
+    // let len = keys.length
+    // for (let i = 0; i < len; i++) {
+    //     let key = keys[i];
+    //     if (key.indexOf(this.pre) === 0) {
+    //         storage.remove(key);
+    //     }
+    // }
+  }
+}
+
+export default Fesx;
diff --git a/linkis-web-next/src/helper/storage.ts b/linkis-web-next/src/helper/storage.ts
new file mode 100644
index 0000000000..cea0f6513f
--- /dev/null
+++ b/linkis-web-next/src/helper/storage.ts
@@ -0,0 +1,244 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+/* \
+|*|
+|*|  :: cookies.js ::
+|*|
+|*|  A complete cookies reader/writer framework with full unicode support.
+|*|
+|*|  https://developer.mozilla.org/en-US/docs/DOM/document.cookie
+|*|
+|*|  This framework is released under the GNU Public License, version 3 or later.
+|*|  http://www.gnu.org/licenses/gpl-3.0-standalone.html
+|*|
+|*|  Syntaxes:
+|*|
+|*|  * docCookies.setItem(name, value[, end[, path[, domain[, secure]]]])
+|*|  * docCookies.getItem(name)
+|*|  * docCookies.removeItem(name[, path], domain)
+|*|  * docCookies.hasItem(name)
+|*|  * docCookies.keys()
+|*|
+\ */
+
+/**
+ * 操作cookie、sessionStorage、localStorage、缓存
+ */
+
+const SESSION = 'session';
+const LOCAL = 'local';
+const COOKIE = 'cookie';
+const isProd = process.env.NODE_ENV === 'production';
+
+const docCookies = {
+    getItem: function (sKey: string) {
+        return (
+            decodeURIComponent(
+                document.cookie.replace(
+                    new RegExp(
+                        '(?:(?:^|.*;)\\s*' +
+                            encodeURIComponent(sKey).replace(
+                                /[\-\.\+\*]/g,
+                                '\\$&',
+                            ) +
+                            '\\s*\\=\\s*([^;]*).*$)|^.*$',
+                    ),
+                    '$1',
+                ),
+            ) || null
+        );
+    },
+    setItem: function (
+        sKey: string,
+        sValue: string,
+        vEnd?: boolean,
+        sPath?: string,
+        sDomain?: string,
+        bSecure?: string,
+    ) {
+        if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) {
+            return false;
+        }
+        let sExpires = '';
+        if (vEnd) {
+            switch (vEnd.constructor) {
+                case Number:
+                    sExpires =
+                        vEnd === Infinity
+                            ? '; expires=Fri, 31 Dec 9999 23:59:59 GMT'
+                            : '; max-age=' + vEnd;
+                    break;
+                case String:
+                    sExpires = '; expires=' + vEnd;
+                    break;
+                case Date:
+                    sExpires = '; expires=' + vEnd.toUTCString();
+                    break;
+            }
+        }
+        document.cookie =
+            encodeURIComponent(sKey) +
+            '=' +
+            encodeURIComponent(sValue) +
+            sExpires +
+            (sDomain ? '; domain=' + sDomain : '') +
+            (sPath ? '; path=' + sPath : '') +
+            (bSecure ? '; secure' : '');
+        return true;
+    },
+    removeItem: function (sKey: string, sPath?: string, sDomain?: string) {
+        if (!sKey || !this.hasItem(sKey)) {
+            return false;
+        }
+        document.cookie =
+            encodeURIComponent(sKey) +
+            '=; expires=Thu, 01 Jan 1970 00:00:00 GMT' +
+            (sDomain ? '; domain=' + sDomain : '') +
+            (sPath ? '; path=' + sPath : '');
+        return true;
+    },
+    hasItem: function (sKey: string) {
+        return new RegExp(
+            '(?:^|;\\s*)' +
+                encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, '\\$&') +
+                '\\s*\\=',
+        ).test(document.cookie);
+    },
+    keys: /* optional method: you can safely remove it! */ function () {
+        let aKeys = document.cookie
+            .replace(
+                /((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g,
+                '',
+            )
+            .split(/\s*(?:\=[^;]*)?;\s*/);
+        for (let nIdx = 0; nIdx < aKeys.length; nIdx++) {
+            aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]);
+        }
+        return aKeys;
+    },
+};
+
+export const storageManager = {
+    set: function (key: string, value: string, storage: string) {
+        try {
+            window[storage].setItem(key, JSON.stringify(value));
+        } catch (e) {
+            !isProd && window.console.error(e);
+        }
+    },
+    get: function (key: string, storage: string) {
+        try {
+            if (window[storage].getItem(key)) {
+                return JSON.parse(window[storage].getItem(key));
+            } else {
+                return window[storage].getItem(key);
+            }
+        } catch (e) {
+            !isProd && window.console.error(e, key);
+        }
+    },
+    clear: function (storage: string) {
+        window[storage].clear();
+    },
+    remove: function (key: string, storage: string) {
+        window[storage].removeItem(key);
+    },
+};
+
+export const cookieManager = {
+    set: function (key: string, value: string, expired: boolean) {
+        if (expired) docCookies.setItem(key, value, expired);
+        else docCookies.setItem(key, value);
+    },
+    get: function (key: string) {
+        return docCookies.getItem(key);
+    },
+    clear: function () {
+        docCookies.keys().forEach((key) => {
+            docCookies.removeItem(key);
+        });
+    },
+    remove: function (key: string) {
+        docCookies.removeItem(key);
+    },
+};
+
+export default {
+    set: function (
+        key: string,
+        value: string,
+        category = SESSION,
+        expired = false,
+    ) {
+        let { storage, isWebStorage = true } = this._map(category);
+
+        if (isWebStorage) {
+            storageManager.set(key, value, storage);
+        } else {
+            cookieManager.set(key, value, expired);
+        }
+    },
+    get: function (key: string, category = SESSION) {
+        let { storage, isWebStorage = true } = this._map(category);
+
+        if (isWebStorage) {
+            return storageManager.get(key, storage);
+        } else {
+            return cookieManager.get(key);
+        }
+    },
+    clear: function (category = SESSION) {
+        let { storage, isWebStorage = true } = this._map(category);
+
+        if (isWebStorage) {
+            storageManager.clear(storage);
+        } else {
+            cookieManager.clear();
+        }
+    },
+    remove: function (key: string, category = SESSION) {
+        let { storage, isWebStorage = true } = this._map(category);
+
+        if (isWebStorage) {
+            storageManager.remove(key, storage);
+        } else {
+            cookieManager.remove(key);
+        }
+    },
+    _map: function (category: string) {
+        let isWebStorage = true;
+        let storage;
+
+        switch (true) {
+            case category === SESSION:
+                storage = 'sessionStorage';
+                break;
+            case category === LOCAL:
+                storage = 'localStorage';
+                break;
+            case category === COOKIE:
+                storage = 'cookie';
+                isWebStorage = false;
+                break;
+            default:
+                storage = 'sessionStorage';
+        }
+
+        return { isWebStorage, storage };
+    },
+};
diff --git a/linkis-web-next/src/index.d.ts b/linkis-web-next/src/index.d.ts
new file mode 100644
index 0000000000..e337a4e72a
--- /dev/null
+++ b/linkis-web-next/src/index.d.ts
@@ -0,0 +1,9 @@
+export {};
+
+declare global {
+    interface Window {
+        debug_log: boolean;
+        console: Record<string, (...args: any[]) => unknown>;
+        [key: string]: any;
+    }
+}
diff --git a/linkis-web-next/src/layout.vue b/linkis-web-next/src/layout.vue
index 9a5699b68f..42cf52f3f9 100644
--- a/linkis-web-next/src/layout.vue
+++ b/linkis-web-next/src/layout.vue
@@ -1,28 +1,5 @@
 <template>
     <div class="wd-page" @click="changeMenusDisplay">
-        <!-- <BHorizontalLayout
-            v-model:curPath="curPath"
-            :menus="menus"
-            @menuChange="onMenuClick"
-        >
-            <template v-slot:top>
-                <div class="wd-logo">linkis</div>
-            </template>
-            <template v-slot:container>
-                <div style="margin: -16px -16px -32px">
-                    <router-view></router-view>
-                </div>
-            </template>
-        </BHorizontalLayout> -->
-
-        <!-- <template v-for="(rt, index) in menus" :key="index">
-            <span
-                @click="myRouteHandler(rt.value)"
-                style="border: 1px solid black"
-                >{{ rt.label }}</span
-            >
-        </template> -->
-
         <div class="wrapper">
             <f-layout style="margin-top: 20px">
                 <!-- <f-header></f-header> -->
@@ -30,13 +7,11 @@
                     <f-aside style="margin-right: 16px">
                         <Sidebar></Sidebar>
                     </f-aside>
-                    <f-main
-                        style="
+                    <f-main style="
                             margin-top: 16px;
                             padding: 24px;
                             background-color: #fff;
-                        "
-                    >
+                        ">
                         <router-view></router-view>
                     </f-main>
                 </f-layout>
@@ -45,96 +20,11 @@
     </div>
 </template>
 <script setup lang="ts">
-import { ref, h, computed } from 'vue';
-import type { VNode } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { AppstoreOutlined, SettingOutlined } from '@fesjs/fes-design/icon';
-// import { BHorizontalLayout } from '@webank/bdp-design';
 import Sidebar from '@/components/sidebar/index.vue';
 
-const myRouteHandler = (rt: string) => {
-    console.log(rt);
-};
-
 const changeMenusDisplay = () => {
     console.log(1);
 };
-
-const route = useRoute();
-const router = useRouter();
-interface menuItem {
-    label: string;
-    value: string;
-    icon: () => VNode;
-    children?: menuItem[];
-}
-const path = computed(() => route.path);
-// 用于反显
-const curPath = computed(() => {
-    // eslint-disable-next-line no-use-before-define
-    const curMenuItem: menuItem | undefined = menus.value.find(
-        (item: menuItem) =>
-            path.value.includes(item.value) &&
-            path.value.length > item.value.length,
-    );
-
-    return curMenuItem?.value || '';
-});
-const menus = ref<menuItem[]>([
-    {
-        label: '全局历史',
-        value: '/console/globalHistoryManagement',
-        icon: () => h(AppstoreOutlined),
-    },
-    {
-        label: '资源管理',
-        value: '/console/resource',
-        icon: () => h(SettingOutlined),
-    },
-    // {
-    //     label: '任务查询1',
-    //     value: '/tasks1',
-    //     icon: () => h(AppstoreOutlined),
-    // },
-    // {
-    //     label: '任务查询2',
-    //     value: '/tasks2',
-    //     icon: () => h(AppstoreOutlined),
-    // },
-    // {
-    //     label: '任务查询3',
-    //     value: '/tasks3',
-    //     icon: () => h(AppstoreOutlined),
-    // },
-    // {
-    //     label: '任务查询4',
-    //     value: '/tasks4',
-    //     icon: () => h(AppstoreOutlined),
-    // },
-    // {
-    //     label: '任务查询5',
-    //     value: '/tasks5',
-    //     icon: () => h(AppstoreOutlined),
-    // },
-    // {
-    //     label: '任务查询6',
-    //     value: '/tasks6',
-    //     icon: () => h(AppstoreOutlined),
-    // },
-    // { label: '任务查询7', value: '/tasks7', icon: () => h(AppstoreOutlined) },
-    // { label: '任务查询8', value: '/tasks8', icon: () => h(AppstoreOutlined) },
-    // { label: '任务查询9', value: '/tasks9', icon: () => h(AppstoreOutlined) },
-    // {
-    //     label: '任务查询10',
-    //     value: '/tasks10',
-    //     icon: () => h(AppstoreOutlined),
-    // },
-]);
-const currentPath = ref<string>('');
-const onMenuClick = (v: { value: string }) => {
-    currentPath.value = v.value;
-    router.push(v.value);
-};
 </script>
 <style lang="less" scoped>
 @import '@/style/variable.less';
@@ -142,6 +32,7 @@ const onMenuClick = (v: { value: string }) => {
 * {
     overflow: hidden;
 }
+
 .wrapper {
     width: 100%;
     height: 100vh;
@@ -288,8 +179,7 @@ const onMenuClick = (v: { value: string }) => {
             background: rgba(83, 132, 255, 0.06);
 
             .wd-menu-icon {
-                filter: invert(45%) sepia(13%) saturate(4258%)
-                    hue-rotate(197deg) brightness(108%) contrast(100%);
+                filter: invert(45%) sepia(13%) saturate(4258%) hue-rotate(197deg) brightness(108%) contrast(100%);
             }
 
             &::after {
@@ -312,7 +202,7 @@ const onMenuClick = (v: { value: string }) => {
                 top: 0;
                 right: 0;
                 padding: 0 8px;
-                color: @blue-color;
+                // color: @blue-color;
             }
         }
     }
diff --git a/linkis-web-next/src/pages/login/index.vue b/linkis-web-next/src/pages/login/index.vue
index 4c442025bd..75e38f38f1 100644
--- a/linkis-web-next/src/pages/login/index.vue
+++ b/linkis-web-next/src/pages/login/index.vue
@@ -1,7 +1,191 @@
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+
 <template>
-    <div></div>
+    <div class="login">
+        <i class="login-bg" />
+        <div class="login-main">
+            <Form ref="loginForm" :model="loginForm" :rules="ruleInline">
+                <FormItem>
+                    <span class="login-title">
+                        {{ $t('message.common.login.loginTitle') }}
+                    </span>
+                </FormItem>
+                <FormItem prop="user">
+                    <div class="label">{{ $t('message.linkis.userName') }}</div>
+                    <Input v-model="loginForm.user" type="text" :placeholder="$t('message.common.login.userName')"
+                        size="large" />
+                </FormItem>
+                <FormItem prop="password">
+                    <div class="label">{{ $t('message.linkis.password') }}</div>
+                    <Input v-model="loginForm.password" type="password"
+                        :placeholder="$t('message.common.login.passwordHint')" size="large" />
+                    <Checkbox v-model="rememberUserNameAndPass" class="remember-user-name" style="">
+                        {{ $t('message.common.login.remenber') }}
+                    </Checkbox>
+                </FormItem>
+                <FormItem>
+                    <Button :loading="loading" type="primary" long size="large">
+                        {{ $t('message.common.login.login') }}
+                    </Button>
+                </FormItem>
+            </Form>
+        </div>
+    </div>
 </template>
+<script lang="ts">
+import { defineComponent } from 'vue';
 
-<script setup lang="ts"></script>
+export default defineComponent({
+    setup(props) {
+        return {
+            loading: false,
+            loginForm: {
+                user: '',
+                password: ''
+            },
+            ruleInline: {
+                user: [
+                    {
+                        required: true,
+                        message: 'message.common.login.userName',
+                        trigger: 'blur'
+                    }
+                    // {type: 'string', pattern: /^[0-9a-zA-Z\.\-_]{4,16}$/, message: '无效的用户名！', trigger: 'change'},
+                ],
+                password: [
+                    {
+                        required: true,
+                        message: 'message.common.login.password',
+                        trigger: 'blur'
+                    }
+                    // {type: 'string', pattern: /^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,18}$/, message: '请输入6至12位的密码', trigger: 'change'},
+                ]
+            },
+            rememberUserNameAndPass: false,
+            publicKeyData: null
+        }
+    },
+    created() {
+        let userNameAndPass = null
+        //  storage.get('saveUserNameAndPass', 'local')
+        // if (userNameAndPass) {
+        // this.rememberUserNameAndPass = true
+        // this.loginForm.user = userNameAndPass.split('&')[0]
+        // this.loginForm.password = userNameAndPass.split('&')[1]
+        // }
+        // getPublicKey()
+    },
+    methods: {
+        // Get public key interface(获取公钥接口)
+        // getPublicKey() {
+        //   api.fetch('/user/publicKey', 'get').then((res) => {
+        //     this.publicKeyData = res
+        //   })
+        // },
+        // handleSubmit(name) {
+        //   this.$refs[name].validate(async (valid) => {
+        //     if (valid) {
+        //       this.loading = true
+        //       if (!this.rememberUserNameAndPass) {
+        //         storage.remove('saveUserNameAndPass', 'local')
+        //       }
+        //       this.loginForm.user = this.loginForm.user.toLocaleLowerCase()
+        //       // Need to determine whether the password needs to be encrypted(需要判断是否需要给密码加密)
+        //       let password = this.loginForm.password
+        //       let params = {}
+        //       if (this.publicKeyData && this.publicKeyData.enableLoginEncrypt) {
+        //         const key = `-----BEGIN PUBLIC KEY-----${this.publicKeyData.publicKey}-----END PUBLIC KEY-----`
+        //         const encryptor = new JSEncrypt()
+        //         encryptor.setPublicKey(key)
+        //         password = encryptor.encrypt(this.loginForm.password)
+        //         params = {
+        //           userName: this.loginForm.user,
+        //           password
+        //         }
+        //       } else {
+        //         params = {
+        //           userName: this.loginForm.user,
+        //           password
+        //         }
+        //       }
+        //       // Log in to clear the local cache(登录清掉本地缓存)
+        //       // After logging out twice in a row, data will be lost, so it is necessary to judge whether it has been saved and not used.(连续两次退出登录后，会导致数据丢失，所以得判断是否已存切没有使用)
+        //       let tabs = (await tab.get()) || []
+        //       const tablist = storage.get(this.loginForm.user + 'tabs', 'local')
+        //       if (!tablist || tablist.length <= 0) {
+        //         storage.set(this.loginForm.user + 'tabs', tabs, 'local')
+        //       }
+        //       Object.keys(config.stores).map((key) => {
+        //         db.db[key].clear()
+        //       })
+        //       api
+        //         .fetch(`/user/login`, params)
+        //         .then((rst) => {
+        //           this.loading = false
+        //           storage.set('userName', rst.userName, 'session')
+        //           storage.set(
+        //             'enableWatermark',
+        //             rst.enableWatermark ? true : false,
+        //             'session'
+        //           )
+        //           // save username(保存用户名)
+        //           if (this.rememberUserNameAndPass) {
+        //             storage.set(
+        //               'saveUserNameAndPass',
+        //               `${this.loginForm.user}&${this.loginForm.password}`,
+        //               'local'
+        //             )
+        //           }
+        //           if (rst) {
+        //             this.userName = rst.userName
+        //             this.$router.push({ path: '/console' })
+        //             this.$Message.success(
+        //               this.$t('message.common.login.loginSuccess')
+        //             )
+        //           }
+        //         })
+        //         .catch((err) => {
+        //           if (this.rememberUserNameAndPass) {
+        //             storage.set(
+        //               'saveUserNameAndPass',
+        //               `${this.loginForm.user}&${this.loginForm.password}`,
+        //               'local'
+        //             )
+        //           }
+        //           if (err.message.indexOf('已经登录，请先退出再进行登录') !== -1) {
+        //             this.getPageHomeUrl().then(() => {
+        //               this.$router.push({ path: '/' })
+        //             })
+        //           }
+        //           this.loading = false
+        //         })
+        //     } else {
+        //       this.$Message.error(this.$t('message.common.login.vaildFaild'))
+        //     }
+        //   })
+        // },
+        // // clear local cache(清楚本地缓存)
+        // clearSession() {
+        //   storage.clear()
+        // }
+    }
+})
 
-<style scoped></style>
+</script>
+  <!-- <style lang="scss" src="@/dss/assets/styles/login.scss"></style> -->
+  
\ No newline at end of file
diff --git a/linkis-web-next/src/pages/parameterConfig/drawer.vue b/linkis-web-next/src/pages/parameterConfig/drawer.vue
index dd452d1f69..17cdd162de 100644
--- a/linkis-web-next/src/pages/parameterConfig/drawer.vue
+++ b/linkis-web-next/src/pages/parameterConfig/drawer.vue
@@ -1,18 +1,9 @@
 <template>
-    <FDrawer
-        v-model:show="show"
-        placement="right"
-        width="960"
-        @ok="show = false"
-        :footer="true"
-    >
+    <FDrawer v-model:show="show" placement="right" width="960" @ok="show = false" :footer="true">
         <template #title>
             <div class="title">
                 <template v-if="isAddingApplicationAndEngine">
-                    <span
-                        class="back-icon"
-                        @click="isAddingApplicationAndEngine = false"
-                    >
+                    <span class="back-icon" @click="isAddingApplicationAndEngine = false">
                         &lt;
                     </span>
                 </template>
@@ -21,54 +12,28 @@
         </template>
 
         <template v-if="!isAddingApplicationAndEngine">
-            <FButton
-                type="primary"
-                style="margin: 8px 0 24px"
-                @click="isAddingApplicationAndEngine = true"
-            >
+            <FButton type="primary" style="margin: 8px 0 24px" @click="isAddingApplicationAndEngine = true">
                 {{ $t('message.linkis.addApplicationAndEngine') }}
             </FButton>
         </template>
 
         <div class="content-wrapper">
             <template v-if="!isAddingApplicationAndEngine">
-                <f-table
-                    :data="currentData"
-                    class="table"
-                    :rowKey="
-                            (row: Record<string, number|string>) => {
-                                return row.taskId;
-                            }
-                        "
-                >
+                <f-table :data="currentData" class="table" :rowKey="(row: Record<string, number | string>) => {
+                    return row.taskId;
+                }
+                    ">
                     <template v-for="col in tableColumns" :key="col.label">
-                        <f-table-column
-                            v-if="col.formatter"
-                            :prop="col.prop"
-                            :label="col.label"
-                            :formatter="col.formatter"
-                            :width="col?.width"
-                        >
+                        <f-table-column v-if="col.formatter" :prop="col.prop" :label="col.label" :formatter="col.formatter"
+                            :width="col?.width">
                         </f-table-column>
-                        <f-table-column
-                            v-else
-                            :prop="col.prop"
-                            :label="col.label"
-                            :width="col?.width"
-                            :action="col.action"
-                            :fixed="col?.fixed ?? false"
-                        >
+                        <f-table-column v-else :prop="col.prop" :label="col.label" :width="col?.width" :action="col.action"
+                            :fixed="col?.fixed ?? false">
                         </f-table-column>
                     </template>
                 </f-table>
-                <FPagination
-                    show-size-changer
-                    :total-count="data.length"
-                    v-model:currentPage="currentPage"
-                    @change="handleChange"
-                    :pageSizeOption="pageSizeOption"
-                    v-model:pageSize="pageSize"
-                ></FPagination>
+                <FPagination show-size-changer :total-count="data.length" v-model:currentPage="currentPage"
+                    @change="handleChange" :pageSizeOption="pageSizeOption" v-model:pageSize="pageSize"></FPagination>
             </template>
 
             <template v-else>
@@ -85,10 +50,7 @@
                             {{ $t('message.linkis.engineConfig') }}
                         </div>
                         <div class="configs">
-                            <template
-                                v-for="(config, index) in engineConfigList"
-                                :key="`${config.type}-${index}`"
-                            >
+                            <template v-for="(config, index) in engineConfigList" :key="`${config.type}-${index}`">
                                 <div class="config-card">
                                     <div class="header">
                                         <div class="title">
@@ -101,30 +63,17 @@
                                         <div class="delete_btn">删除</div>
                                     </div>
                                     <FFormItem label="引擎类型">
-                                        <FInput
-                                            placeholder="请输入"
-                                            v-model="config.type"
-                                        ></FInput>
+                                        <FInput placeholder="请输入" v-model="config.type"></FInput>
                                     </FFormItem>
                                     <FFormItem label="引擎版本">
-                                        <FInput
-                                            placeholder="请输入"
-                                            v-model="config.version"
-                                        ></FInput>
+                                        <FInput placeholder="请输入" v-model="config.version"></FInput>
                                     </FFormItem>
                                     <FFormItem label="引擎描述">
-                                        <FInput
-                                            placeholder="请输入"
-                                            v-model="config.description"
-                                        ></FInput>
+                                        <FInput placeholder="请输入" v-model="config.description"></FInput>
                                     </FFormItem>
                                 </div>
                             </template>
-                            <FButton
-                                type="link"
-                                class="engine-adding-btn"
-                                @click="addEngine"
-                            >
+                            <FButton type="link" class="engine-adding-btn" @click="addEngine">
                                 添加引擎
                             </FButton>
                         </div>
@@ -423,6 +372,7 @@ defineExpose({
         line-height: 24px;
         font-weight: 500;
     }
+
     .delete_btn {
         font-size: 14px;
         color: #63656f;
@@ -431,6 +381,7 @@ defineExpose({
         cursor: pointer;
     }
 }
+
 .back-icon {
     color: #93949b;
     font-weight: 800;
@@ -441,10 +392,13 @@ defineExpose({
     overflow: auto;
     max-height: calc(78vh - 100px);
 }
+
 .content-wrapper {
     width: 960px;
+
     .engine-config {
         display: flex;
+
         .label {
             min-width: 56px;
             font-size: 14px;
@@ -453,9 +407,11 @@ defineExpose({
             line-height: 22px;
             font-weight: 400;
         }
+
         .configs {
             margin-left: 22px;
             width: 100%;
+
             .config-card {
                 width: 100%;
                 background: #ffffff;
@@ -473,12 +429,14 @@ defineExpose({
                     margin-bottom: 16px;
                 }
             }
+
             .engine-adding-btn {
                 transform: translateY(-5px);
             }
         }
     }
 }
+
 :deep(.fes-pagination) {
     display: flex;
     justify-content: flex-end;
diff --git a/linkis-web-next/src/router/index.ts b/linkis-web-next/src/router/index.ts
index 4c7a9eb18e..6297dd0e41 100644
--- a/linkis-web-next/src/router/index.ts
+++ b/linkis-web-next/src/router/index.ts
@@ -1,4 +1,5 @@
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
+import dssRouter from '@/dss/dssRouter';
 
 // 设置路由规则
 const routes: Array<RouteRecordRaw> = [
@@ -101,6 +102,7 @@ const routes: Array<RouteRecordRaw> = [
             },
         ],
     },
+    ...dssRouter,
 ];
 
 // 设置路由
diff --git a/linkis-web-next/src/service/api.ts b/linkis-web-next/src/service/api.ts
new file mode 100644
index 0000000000..d67736a201
--- /dev/null
+++ b/linkis-web-next/src/service/api.ts
@@ -0,0 +1,423 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+/**
+ * Manipulate APIs(操作Api)
+ */
+import util from '@/util';
+import { FMessage } from '@fesjs/fes-design';
+import axios from 'axios';
+import { h } from 'vue';
+import cache from './apiCache';
+
+// what an array is used to store the cancel function and id for each request(一个用于存储每个请求的取消函数和标识的数组数组)
+let pending: Array<{ u: string; f: (message?: string) => unknown }> = [];
+let cancelConfig: any = null;
+let CancelToken = axios.CancelToken;
+let removePending = (config: Record<string, any>) => {
+    for (let p = 0; p < pending.length; p++) {
+        const params = JSON.stringify(config.params);
+        // Cancel if it exists(如果存在则执行取消操作)
+        if (pending[p].u === config.url + '&' + config.method + '&' + params) {
+            // pending[p].f();// perform cancellation(执行取消操作)
+            pending.splice(p, 1); // remove record(移除记录)
+        }
+    }
+};
+
+let cutReq = (config: Record<string, any>) => {
+    for (let p = 0; p < pending.length; p++) {
+        const params = JSON.stringify(config.params);
+        if (pending[p].u === config.url + '&' + config.method + '&' + params) {
+            return true;
+        }
+    }
+};
+
+const instance = axios.create({
+    baseURL:
+        import.meta.env.VUE_APP_MN_CONFIG_PREFIX ||
+        `${window.location.protocol}//${window.location.host}/api/rest_j/v1/`,
+    timeout: 600000,
+    withCredentials: true,
+    headers: { 'Content-Type': 'application/json;charset=UTF-8' },
+});
+
+instance.interceptors.request.use(
+    (config) => {
+        // Add internationalization parameters(增加国际化参数)
+        config.headers['Content-language'] =
+            localStorage.getItem('locale') || 'zh-CN';
+        let flag = cutReq(config);
+        // The second same request cannot be made when the last same request is not completed(当上一次相同请求未完成时，无法进行第二次相同请求)
+        if (flag === true) {
+            removePending(config);
+            return config;
+        } else {
+            const params = JSON.stringify(config.params);
+            // It is used to remove when there is an error in the normal request(用于正常请求出现错误时移除)
+            cancelConfig = config;
+            config.cancelToken = new CancelToken((c) => {
+                // Add identity and cancel functions(添加标识和取消函数)
+                pending.push({
+                    u: config.url + '&' + config.method + '&' + params,
+                    f: c,
+                });
+            });
+            return config;
+        }
+    },
+    (error) => {
+        Promise.reject(error);
+    },
+);
+
+instance.interceptors.response.use(
+    (response) => {
+        // Perform the cancellation operation after an ajax response is successful, and remove the completed request from the pending(在一个ajax响应成功后再执行取消操作，把已完成的请求从pending中移除)
+        removePending(response.config);
+        return response;
+    },
+    (error) => {
+        // Judgment when an interface exception or timeout occurs(出现接口异常或者超时时的判断)
+        if (
+            (error.message && error.message.indexOf('timeout') >= 0) ||
+            (error.request && error.request.status !== 200)
+        ) {
+            for (let p in pending) {
+                if (
+                    pending[p].u ===
+                    cancelConfig.url +
+                        '&' +
+                        cancelConfig.method +
+                        '&' +
+                        JSON.stringify(cancelConfig.params)
+                ) {
+                    pending.splice(p, 1); // remove record(移除记录)
+                }
+            }
+            // The error information returned by the background is returned first, followed by the interface return(优先返回后台返回的错误信息，其次是接口返回)
+            return error.response || error;
+        } else if (axios.Cancel) {
+            // If it is in pengding state, a prompt will pop up!(如果是pengding状态，弹出提示！)
+            return {
+                // data: { message: 'Interface requesting! please wait……' }(data: { message: '接口请求中！请稍后……' })
+            };
+        } else {
+            return error;
+        }
+    },
+);
+
+interface Response {
+    data: {
+        enableSSO: boolean;
+        SSOURL: string | URL;
+    };
+    config: {
+        url: string | URL;
+        data: string;
+    };
+}
+
+interface API {
+    instance: typeof instance;
+    error: Record<
+        string,
+        (res: Response, ...args: unknown[]) => unknown | void
+    >;
+    constructionOfResponse: {
+        codePath: string;
+        successCode: string;
+        messagePath: string;
+        resultPath: string;
+    };
+    fetch?: any;
+    option?: any;
+    setError?: any;
+    setResponse?: any;
+}
+
+const api: API = {
+    instance,
+    error: {
+        '-1': function (res: Response) {
+            if (res.data && res.data.enableSSO && res.data.SSOURL) {
+                return window.location.replace(res.data.SSOURL);
+            }
+
+            const isLoginPath = window.location.hash == '#/login';
+            if (!isLoginPath) {
+                window.location.hash = '#/login';
+                throw new Error('您尚未登录，请先登录!');
+            }
+        },
+    },
+    constructionOfResponse: {
+        codePath: 'status',
+        successCode: '0',
+        messagePath: 'message',
+        resultPath: 'data',
+    },
+};
+
+const getData = function (data: any) {
+    let _arr = ['codePath', 'messagePath', 'resultPath'];
+    let res = {};
+    _arr.forEach((item) => {
+        let pathArray = api.constructionOfResponse[item].split('.');
+        let result =
+            pathArray.length === 1 && pathArray[0] === '*'
+                ? data
+                : data[pathArray[0]];
+        for (let j = 1; j < pathArray.length; j++) {
+            result = result[pathArray[j]];
+            if (!result) {
+                if (j < pathArray.length - 1) {
+                    window.console.error(
+                        `【FEX】ConstructionOfResponse配置错误：${item}拿到的值是undefined，请检查配置`,
+                    );
+                }
+                break;
+            }
+        }
+        res[item] = result;
+    });
+    return res;
+};
+
+const success = function (response: any) {
+    if (
+        util.isNull(api.constructionOfResponse.codePath) ||
+        util.isNull(api.constructionOfResponse.successCode) ||
+        util.isNull(api.constructionOfResponse.messagePath) ||
+        util.isNull(api.constructionOfResponse.resultPath)
+    ) {
+        window.console.error(
+            '【FEX】Api配置错误: 请调用setConstructionOfResponse来设置API的响应结构',
+        );
+        return;
+    }
+    let data;
+    if (response) {
+        const linkis_errorMsgTip = (
+            sessionStorage.getItem('linkis.errorMsgTip') || ''
+        ).replace(/%s/g, response.config.url);
+        if (util.isString(response.data)) {
+            data = JSON.parse(response.data);
+        } else if (util.isObject(response.data)) {
+            data = response.data;
+        } else {
+            throw new Error(
+                linkis_errorMsgTip || tt('message.common.exceptionTips'),
+            );
+        }
+        let res: any = getData(data);
+        let code = res.codePath;
+        let message = res.messagePath;
+        let result = res.resultPath;
+        let errorMsgTip = result ? result.errorMsgTip : '';
+        if (errorMsgTip) {
+            sessionStorage.setItem('linkis.errorMsgTip', errorMsgTip);
+        }
+        if (code != api.constructionOfResponse.successCode) {
+            if (api.error[code]) {
+                api.error[code](response);
+                throw new Error('');
+            } else {
+                throw new Error(
+                    message ||
+                        linkis_errorMsgTip ||
+                        t('message.common.exceptionTips'),
+                );
+            }
+        }
+        if (result) {
+            let len = 0;
+            let hasBigData = Object.values(result).some((item) => {
+                if (Array.isArray(item)) {
+                    len = item.length > len ? item.length : len;
+                    return len > 200;
+                }
+            });
+            if (hasBigData) {
+                window.console.log(response.data, '潜在性能问题大数据量', len);
+            }
+        }
+
+        return result || {};
+    }
+};
+
+const fail = function (error: any, t: (str: string) => string) {
+    let _message = '';
+    let response = error.response;
+    if (response && api.error[response.status]) {
+        api.error[response.status].forEach((fn) => fn(response));
+    } else {
+        _message = t('message.common.exceptionTips');
+        if (response && response.config)
+            _message =
+                (sessionStorage.getItem('linkis.errorMsgTip') || '').replace(
+                    /%s/g,
+                    response.config.url,
+                ) || t('message.common.exceptionTips');
+        if (response && response.data) {
+            let data;
+            if (util.isString(response.data)) {
+                data = JSON.parse(response.data);
+            } else if (util.isObject(response.data)) {
+                data = response.data;
+            }
+            if (data) {
+                let res = getData(data);
+                _message = res.messagePath;
+            }
+        }
+    }
+    error.message = _message;
+    throw error;
+};
+
+const param = function (url, data, option) {
+    let method = 'post';
+    if (util.isNull(url)) {
+        return window.console.error('请传入URL');
+    } else if (!util.isNull(url) && util.isNull(data) && util.isNull(option)) {
+        option = {
+            method: method,
+        };
+    } else if (!util.isNull(url) && !util.isNull(data) && util.isNull(option)) {
+        option = {
+            method: method,
+        };
+        if (util.isString(data)) {
+            option.method = data;
+        } else if (util.isObject(data)) {
+            option.data = data;
+        }
+    } else if (
+        !util.isNull(url) &&
+        !util.isNull(data) &&
+        !util.isNull(option)
+    ) {
+        if (!util.isObject(data)) {
+            data = {};
+        }
+        if (util.isString(option)) {
+            option = {
+                method: option,
+            };
+        } else if (util.isObject(option)) {
+            option.method = option.method || method;
+        } else {
+            option = {
+                method: method,
+            };
+        }
+        if (
+            option.method == 'get' ||
+            option.method == 'delete' ||
+            option.method == 'head' ||
+            option.method == 'options'
+        ) {
+            option.params = data;
+        }
+        if (
+            option.method == 'post' ||
+            option.method == 'put' ||
+            option.method == 'patch'
+        ) {
+            option.data = data;
+        }
+    }
+    // cacheOptions interface data cache {time} When the time is 0, the data cached in the memory will not be cleaned up after the request(cacheOptions接口数据缓存 {time} time为0则请求之后缓存在内存里的数据不清理)
+    if (option.cacheOptions) {
+        option.adapter = cache(option.cacheOptions);
+    }
+    option.url = url;
+
+    return instance.request(option);
+};
+
+const action = function (url: string | URL, data, option) {
+    return param(url, data, option)
+        .then(success, fail)
+        .then(function (response: unknown) {
+            return response;
+        })
+        .catch(function (error: Error) {
+            if (error.message) {
+                let urlReg =
+                    /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?/g;
+                let result = error.message.match(urlReg);
+                result
+                    ? FMessage.error({
+                          content: () => {
+                              let context = error.message.split(result[0]);
+                              return h('span', [
+                                  context[0],
+                                  h(
+                                      'a',
+                                      {
+                                          domProps: {
+                                              href: result?.[0],
+                                              target: '_blank',
+                                          },
+                                      },
+                                      result?.[0],
+                                  ),
+                                  context[1],
+                              ]);
+                          },
+                      })
+                    : FMessage.error({
+                          duration: 1.5,
+                          content: error.message,
+                      });
+            }
+            throw error;
+        });
+};
+
+api.fetch = action;
+
+api.option = function (option: Record<string, any>) {
+    if (option?.root) {
+        instance.defaults.baseURL = option.root;
+    }
+    if (option.timeout && util.isNumber(option.timeout)) {
+        instance.defaults.timeout = option.timeout;
+    }
+    if (option.config && util.isObject(option.config)) {
+        Object.keys(option.config).forEach(function (key) {
+            instance.defaults[key] = option.config[key];
+        });
+    }
+};
+
+api.setError = function (option: unknown) {
+    if (option && util.isObject(option)) {
+        util.merge(api.error, option);
+    }
+};
+
+api.setResponse = function (constructionOfResponse: any) {
+    this.constructionOfResponse = constructionOfResponse;
+};
+
+export default api;
diff --git a/linkis-web-next/src/service/apiCache.ts b/linkis-web-next/src/service/apiCache.ts
new file mode 100644
index 0000000000..5cac6f177e
--- /dev/null
+++ b/linkis-web-next/src/service/apiCache.ts
@@ -0,0 +1,76 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import axios from 'axios'
+
+// data storage(数据存储)
+export const cache = {
+  data: {},
+  set(key, data) {
+    this.data[key] = data
+  },
+  get(key) {
+    return this.data[key]
+  },
+  clear(key) {
+    delete this.data[key]
+  }
+}
+
+// Create a unique key value(建立唯一的key值)
+export const buildUniqueUrl = (url, method, params = {}, data = {}) => {
+  const paramStr = (obj) => {
+    if (toString.call(obj) === '[object Object]') {
+      return JSON.stringify(Object.keys(obj).sort().reduce((result, key) => {
+        result[key] = obj[key]
+        return result
+      }, {}))
+    } else {
+      return JSON.stringify(obj)
+    }
+  }
+  url += `?${paramStr(params)}&${paramStr(data)}&${method}`
+  return url
+}
+
+// prevent duplicate requests(防止重复请求)
+export default (options = {}) => async config => {
+  const defaultOptions = {
+    time: 0, // Set to 0, do not clear the cache(设置为0，不清除缓存)
+    ...options
+  }
+  const index = buildUniqueUrl(config.url, config.method, config.params, config.data)
+  let responsePromise = cache.get(index)
+  if (!responsePromise) {
+    responsePromise = (async () => {
+      try {
+        const response = await axios.defaults.adapter(config)
+        return Promise.resolve(response)
+      } catch (reason) {
+        cache.clear(index)
+        return Promise.reject(reason)
+      }
+    })()
+    cache.set(index, responsePromise)
+    if (defaultOptions.time !== 0) {
+      setTimeout(() => {
+        cache.clear(index)
+      }, defaultOptions.time)
+    }
+  }
+  return responsePromise.then(data => JSON.parse(JSON.stringify(data))) // To prevent data source pollution(为防止数据源污染)
+}
diff --git a/linkis-web-next/src/service/db/index.js b/linkis-web-next/src/service/db/index.js
new file mode 100644
index 0000000000..04bc715d58
--- /dev/null
+++ b/linkis-web-next/src/service/db/index.js
@@ -0,0 +1,100 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+import DB from '@/common/helper/db.js';
+import { config } from '@/common/config/db.js';
+// To update the schema please use db.updateVersion(stores, version)(更新schema请用db.updateVersion(stores, version))
+const db = new DB('bdp-ide', config.stores, config.version);
+// To change the primary key, you must delete the original store before it can be updated. For other non-primary key modifications, call updateVersion directly.(更改主键要先删掉原来的store才能更新，其他非主键修改直接调用updateVersion)
+// db.updateVersion(Object.assign({}, config.stores), config.version + 1);
+/**
+ * @class basic
+ */
+class Basic {
+  /**
+     *Creates an instance of basic.
+     * @memberof basic
+     * @param {*} table
+     */
+  constructor(table) {
+    this.table = table;
+  }
+
+  /**
+     * @param {Tab} tab
+     * @param {*} id
+     * @memberof Tab
+     * @return {promise}
+     */
+  add(tab) {
+    return db.put(this.table, tab);
+  }
+  /**
+     * @param {string}key
+     * @return {promise} tabList or query tab by key
+     * @memberof Tab
+     */
+  get(key) {
+    if (key) {
+      return db.get(this.table, key);
+    }
+    return db.toArray(this.table);
+  }
+  /**
+     *
+     *
+     * @param {*} key
+     * @return {promise}
+     * @memberof basic
+     */
+  remove(key) {
+    return db.delete(this.table, key);
+  }
+  /**
+     * @param {*} key
+     * @param {*} changes
+     * @return {*}
+     */
+  update(key, changes) {
+    return db.update(this.table, key, changes);
+  }
+  /**
+     *
+     * @param {*} oldKey
+     * @param {*} newKey
+     */
+  async modifyPrimaryKey(oldKey, newKey) {
+    let object = await db.get(this.table, oldKey);
+    if (object && object[0]) {
+      await db.delete(this.table, oldKey);
+      if (this.table === 'tab') {
+        object[0].id = newKey;
+        object = Object.assign(object, { id: newKey });
+      } else {
+        object[0].tabId = newKey;
+        object = Object.assign(object, { tabId: newKey });
+      }
+      return db.put(this.table, object);
+    }
+  }
+}
+export {
+  db,
+  Basic,
+}
+;
diff --git a/linkis-web-next/src/service/execute.js b/linkis-web-next/src/service/execute.js
new file mode 100644
index 0000000000..53837edee3
--- /dev/null
+++ b/linkis-web-next/src/service/execute.js
@@ -0,0 +1,679 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+import api from '@/common/service/api';
+import router from '@/router';
+import storage from '@/common/helper/storage';
+import Vue from 'vue';
+import axios from 'axios';
+import { Message } from 'iview';
+import i18n from '@/common/i18n'
+
+/**
+ * Provide script running related methods, including execution methods, status polling, log reception, and obtaining results, etc.(提供脚本运行相关方法，包括执行方法，状态轮询，日志接收，获取结果等)
+ * * 1. By default, socket communication is used. If the socket connection fails, the http method is used.(默认使用socket方式通信，若socket连接失败则使用http方式)
+ * * 2. Click Execute to call the start method, and enter the executing state after receiving the taskID(点击执行调用start方法，收到taskID后进入执行中状态)
+ * * 3.The task in execution closes the script tab, and needs to restore the state when reopening(执行中任务关闭脚本tab，重新打开时需要恢复状态)
+ * * 4.After the task socket is downgraded to http, call queryStatus to poll the progress, log(执行中任务socket降级http之后调用queryStatus轮询进度，日志)
+ * ! 5.This method is a public method that is reused during script execution and workflow node execution.(本方法是script执行、工作流节点执行时复用的公共方法)
+ * @param { Object } data 待执行脚本信息
+ */
+function Execute(data) {
+  this.executeTimout = null;
+  this.statusTimeout = null;
+  this.diagnosisTimeout = null;
+  this.diagnosisTimer = 300;
+  this.beginTime = Date.now();
+  this.progress = 0;
+  this.id = null;
+  this.status = null;
+  // Only used by the /api/jobhistory/${id}/get interface(仅/api/jobhistory/${id}/get接口使用)
+  this.taskID = null;
+  this.postType = process.env.NODE_ENV === 'sandbox' ? 'http' : (data.data.postType || 'socket');
+  delete data.data.postType;
+  this.data = data;
+  this.executionCode = null;
+  this.model = 'normal';
+  this.fromLine = data.fromLine || 1;
+  this.runType = data.data.runType;
+  this.event = new Vue();
+  this.run = false;
+  // Store the relevant information of the result set, use the log and result path inside(存储结果集的相关信息，用到里面的日志和结果路径)
+  this.resultsetInfo = null;
+  // Stores all information in the result set directory, which can be used to get a single result set(存储结果集目录下的所有信息，可用于拿到单个结果集)
+  this.resultList = [];
+  // the path of the current result set(当前结果集的path)
+  this.currentResultPath = '';
+  this.isDiagnosisFailed = false;
+  // Used to control the url to get the result set(用来控制获取结果集的url)
+  this.getResultUrl = data.getResultUrl || 'filesystem',
+  this.on('execute', () => {
+    this.run = true;
+    // The comment is reserved for when the request is initiated, when the first interface is not returned for a long time(注释是留作发起请求时，长时间没返回第一个接口时)
+    // timeoutCheck(this);
+  });
+  this.on('execute:queryState', () => {
+    this.queryStatus({ isKill: false });
+    this.queryProgress();
+  });
+  this.on('stateEnd', () => {
+    this.getResultPath();
+  });
+  this.on('getResultList', () => {
+    this.getResultList();
+  });
+  this.on('getResult', () => {
+    this.getFirstResult();
+  });
+  this.on('stop', () => {
+    clearTimeout(this.executeTimout);
+    clearTimeout(this.statusTimeout);
+    this.run = false;
+  });
+  this.on('kill', () => {
+    if (this.postType === 'http') {
+      this.queryStatus({ isKill: true });
+    }
+  });
+  // data is the return data of the interface(data是接口的返回数据)
+  // execute.data is the request data sent from the foreground to the background(execute.data是前台发送至后台的请求数据)
+  this.on('data', ({ data, execute }) => {
+    if (execute.postType !== 'socket') return;
+    // Here, we judge the situation that the first interface execute of websocket will directly return errorMsg(这里对websocket第一个接口execute直接会返回errorMsg的情况进行判断)
+    if (Object.prototype.hasOwnProperty.call(data.data, 'errorMsg')) {
+      execute.trigger('stop');
+      execute.trigger('error');
+      return;
+    }
+    const method = execute.data.method;
+    if (!execute.taskID) {
+      const socketTag = data.data && data.data.websocketTag;
+      if (execute.data.websocketTag === socketTag && data.method === method) {
+        // clearTimeout(execute.executeTimout);
+        timeoutCheck(execute);
+        api.fetch('/jobhistory/list', {
+          pageSize: 100,
+          status: 'Running,Inited,Scheduled',
+        }, 'get').then((rst) => {
+          execute.trigger('updateResource', rst.tasks.length);
+        });
+        deconstructExecute(execute, data.data);
+        this.trigger('steps', 'Inited');
+      }
+    } else {
+      const id = data.data && data.data.taskID;
+      let prefix = method.slice(0, method.lastIndexOf('/') + 1);
+      if (execute.taskID !== id) {
+        // For the case where the expired data is not updated when the temporary script is right-clicked multiple times(针对临时脚本多次右键点击的，过期数据不更新的情况)
+        if (data.data.status) {
+          return execute.trigger('updateExpireHistory', data.data);
+        }
+        return;
+      }
+      if (data.method === prefix + `${execute.id}/status`) {
+        reawakening(execute);
+        deconstructStatus(execute, data.data);
+      } else if (data.method === prefix + `${execute.id}/progressWithResource`) {
+        reawakening(execute);
+        execute.trigger('progress', data.data);
+      } else if (data.method === prefix + `${execute.id}/log`) {
+        reawakening(execute);
+        execute.trigger('log', data.data.log);
+      } else if (data.method === prefix + `${execute.id}/waitingSize`) {
+        const log = `**Waiting queue：${i18n.t('message.common.execute.waitingQueue', { num: data.data.waitingSize })}`;
+        execute.trigger('log', log);
+        execute.trigger('progress', { progress: 0, progressInfo: [], waitingSize: data.data.waitingSize });
+        clearTimeout(execute.executeTimout);
+        clearTimeout(execute.statusTimeout);
+      } else if (data.method === prefix + `${execute.id}/runtimeTuning`) {
+        execute.trigger('diagnosis', data.data.diagnosticInfo);
+      } else {
+        if (data.data.status) {
+          execute.trigger('updateExpireHistory', data.data);
+        }
+        clearTimeout(execute.executeTimout);
+        clearTimeout(execute.statusTimeout);
+      }
+    }
+  });
+  this.on('downgrade', ({ execute }) => {
+    execute.postType = 'http';
+    // When the script is running, if the socket is downgraded to http, the http interface is used to poll the progress(脚本运行中，由socket降级成http则使用http接口轮询进度)
+    // There are two possibilities when the websocket is downgraded, 1. The task has been started and the connection is disconnected before returning the id, 2. One is that the connection is lost before starting(当websocket降级时有两种可能，1，，任务已经启动，在返回id前就断了连接， 2.一种是在启动前就失去连接)
+    if (execute.run) {
+      if (this.id && this.taskID) {
+        execute.queryStatus({isKill: false});
+      } else {
+        // run the task again(重新跑任务)
+        console.warn('[websocket降级没有获取到taskID]');
+        // this.execute(); // Do not actively help users start tasks(不主动帮用户启动任务)
+      }
+    }
+  });
+  this.on('dataError', ({ data, execute }) => {
+    execute.run = false;
+    if (data.data.status === -1) {
+      router.push('/login');
+      Message.warning(data.message);
+    } else {
+      this.trigger('notice', {
+        type: 'warning',
+        msg: data.message,
+        autoJoin: false,
+      });
+    }
+  });
+}
+
+Execute.prototype.start = function() {
+  setTimeout(() => {
+    this.execute();
+  }, 0);
+};
+
+Execute.prototype.restore = function({ execID, taskID }) {
+  this.id = execID;
+  this.taskID = taskID;
+  this.run = true;
+  this.postType = 'http';
+  this.trigger('execute:queryState');
+};
+
+Execute.prototype.halfExecute = function({ execID, taskID }) {
+  this.id = execID;
+  this.taskID = taskID;
+  this.run = true;
+  this.postType = 'http';
+  this.trigger('execute:queryState');
+};
+
+Execute.prototype.on = function(name, cb) {
+  this.event.$on(name, cb);
+};
+Execute.prototype.off = function() {
+  this.event.$off();
+};
+Execute.prototype.once = function(name, cb) {
+  this.event.$once(name, cb);
+};
+Execute.prototype.trigger = function(name, data) {
+  this.event.$emit(name, data);
+};
+
+Execute.prototype.execute = function() {
+  this.trigger('execute');
+  if (this.postType === 'http') {
+    return this.httpExecute();
+  }
+  this.trigger('WebSocket:send', this.data);
+};
+
+Execute.prototype.httpExecute = function() {
+  this.trigger('execute');
+  const method = this.data.method.slice(this.data.method.indexOf('entrance'), this.data.method.length);
+  api.fetch(method, this.data.data)
+    .then((ret) => {
+      deconstructExecute(this, ret);
+      this.trigger('execute:queryState');
+      this.trigger('steps', 'Inited');
+    })
+    .catch(() => {
+      this.trigger('stop');
+      this.trigger('error', 'execute');
+    });
+};
+
+Execute.prototype.outer = function(outerUrl, ret) {
+  axios.put(
+    outerUrl, {
+      need_repair: true,
+      task_id: ret.id,
+    }, {
+      withCredentials: true,
+    }
+  );
+};
+
+Execute.prototype.queryStatus = function({ isKill }) {
+  const requestStatus = (ret) => {
+    if (isKill) {
+      deconstructStatusIfKill(this, ret);
+    } else {
+      deconstructStatus(this, ret);
+    }
+  };
+  api.fetch(`/entrance/${this.id}/status`, {taskID: this.taskID}, 'get')
+    .then((ret) => {
+      this.status = ret.status;
+      requestStatus(ret);
+    })
+    .catch(() => {
+      requestStatus({
+        status: this.status
+      });
+    });
+};
+
+Execute.prototype.queryProgress = function() {
+  api.fetch(`/entrance/${this.id}/progressWithResource`, 'get')
+    .then((rst) => {
+      this.trigger('progress', { progress: rst.progress, progressInfo: rst.progressInfo });
+    });
+};
+
+Execute.prototype.queryLog = function() {
+  return api.fetch(`/entrance/${this.id}/log`, {
+    fromLine: this.fromLine,
+    size: -1,
+  }, 'get')
+    .then((rst) => {
+      this.fromLine = rst.fromLine;
+      this.trigger('log', rst.log);
+      return Promise.resolve();
+    }).catch(() => {
+      return Promise.resolve();
+    });
+};
+
+Execute.prototype.getResultPath = function() {
+  this.trigger('steps', 'ResultLoading');
+  // api执行时的路径不一样
+  const taskUrl = this.getResultUrl !== 'filesystem' ? this.getResultUrl : 'jobhistory';
+  api.fetch(`/${taskUrl}/${this.taskID}/get`, 'get')
+    .then((rst) => {
+      if (rst.task) {
+        this.resultsetInfo = rst.task;
+        this.trigger('querySuccess', {
+          type: '执行',
+          task: rst.task,
+        });
+        this.trigger('getResultList');
+        this.updateLastHistory(rst.task);
+      } else {
+        throw new Error('task null');
+      }
+    })
+    .catch((err) => {
+      this.trigger('steps', 'FailedToGetResultPath');
+      logError(err, this);
+    });
+};
+
+Execute.prototype.getResultList = function() {
+  if (this.resultsetInfo && this.resultsetInfo.resultLocation) {
+    let params = {
+      path: `${this.resultsetInfo.resultLocation}`,
+    }
+    // If it is api execution, you need to bring taskId(如果是api执行需要带上taskId)
+    if (this.getResultUrl !== 'filesystem') {
+      params.taskId = this.taskID
+    }
+    api.fetch(
+      `/${this.getResultUrl}/getDirFileTrees`, params,
+      'get'
+    )
+      .then((rst) => {
+        // The order of the result set in the background is sorted by string according to the name of the result set. When displaying, there will be a problem that the result set cannot be matched, so add sorting(后台的结果集顺序是根据结果集名称按字符串排序的，展示时会出现结果集对应不上的问题，所以加上排序)
+        if(rst.dirFileTrees && rst.dirFileTrees.children) {
+          this.resultList = rst.dirFileTrees.children.sort((a, b) => {
+            const slice = (name) => {
+              return Number(name.slice(1, name.lastIndexOf('.')));
+            }
+            return slice(a.name) - slice(b.name);
+          });
+        }
+        this.trigger('getResult');
+      })
+      .catch((err) => {
+        this.trigger('steps', 'FailedToGetResultList');
+        logError(err, this);
+      });
+  } else {
+    this.trigger('notice', {
+      type: 'error',
+      msg: i18n.t('message.common.execute.error.getResultList'),
+      autoJoin: true,
+    });
+  }
+};
+
+Execute.prototype.getFirstResult = function() {
+  if (this.resultList.length < 1 ) {
+    const log = '**result tips: empty!';
+    this.trigger('log', log);
+    this.trigger('steps', 'Completed');
+    this.run = false;
+  } else {  // Get the first result set(获取第一个结果集)
+    this.currentResultPath = this.resultList[0].path;
+    // The log path needs to be provided to download the log(需要提供日志路径，用于下载日志)
+    this.trigger('history', {
+      execID: this.id,
+      logPath: this.resultsetInfo.logPath,
+      taskID: this.taskID,
+      status: this.status,
+    });
+    let params = {
+      path: this.currentResultPath,
+      pageSize,
+    }
+    // If it is api execution, you need to bring taskId(如果是api执行需要带上taskId)
+    if (this.getResultUrl !== 'filesystem') {
+      params.taskId = this.taskID
+    }
+    const url = `/${this.getResultUrl}/openFile`;
+    const pageSize = 5000;
+    api.fetch(url, params, 'get')
+      .then((rst) => {
+        this.trigger('result', rst);
+        const log = `**result tips: ${i18n.t('message.common.execute.success.getResultList')}`;
+        this.trigger('log', log);
+        this.trigger('steps', 'Completed');
+        this.run = false;
+      })
+      .catch((err) => {
+        this.trigger('steps', 'FailedToGetResultFirst');
+        logError(err, this);
+      });
+  }
+};
+
+// Get error reason and update history(获取错误原因，并更新历史)
+Execute.prototype.updateLastHistory = function(option, cb) {
+  if (option) {
+    return this.trigger('history', {
+      taskID: option.taskID,
+      execID: '',
+      createDate: option.createdTime,
+      runningTime: option.costTime,
+      status: option.status,
+      failedReason: '',
+    });
+  }
+  // The path when the api is executed is different(api执行时的路径不一样)
+  const taskUrl = this.getResultUrl !== 'filesystem' ? this.getResultUrl : 'jobhistory';
+  api.fetch(`/${taskUrl}/${this.taskID}/get`, 'get')
+    .then((res) => {
+      const task = res.task;
+      if (cb) {
+        cb(task);
+      }
+      this.executionCode = task.executionCode;
+      this.trigger('history', {
+        taskID: task.taskID,
+        execID: '',
+        createDate: task.createdTime,
+        runningTime: task.costTime,
+        // This is changed to the status of execute because the state may not be flipped in the case of a large result set in the database, but the state pushed by the websocket is correct(这里改成使用execute的status是因为数据库中在大结果集的情况下可能会发生状态不翻转的情况，但websocket推送的状态是对的)
+        status: this.status,
+        failedReason: task.errCode && task.errDesc ? task.errCode + task.errDesc : task.errCode || task.errDesc || ''
+      });
+      if (task.progress === 1) {
+        this.trigger('costTime', task.costTime);
+      }
+    }).catch(() => {
+      this.trigger('history', {
+        taskID: this.taskID,
+        status: this.status,
+        isPartialUpdate: true,
+      });
+    });
+};
+
+/**
+ * When killing, go to poll to get the canceled status(kill的时候去轮询获取cancelled状态)
+ * @param {*} execute
+ * @param {*} ret
+ */
+function deconstructStatusIfKill(execute, ret) {
+  if (ret.status !== 'Cancelled') {
+    setTimeout(() => {
+      execute.queryStatus({ isKill: true });
+    }, 5000);
+  } else {
+    const msg = '查询已被取消';
+    queryException(execute, 'warning', msg);
+  }
+}
+
+/**
+ * poll status(轮询状态)
+ * @param {*} execute
+ * @param {*} ret
+ */
+function deconstructStatus(execute, ret) {
+  clearTimeout(execute.executeTimout);
+  execute.status = ret.status;
+  execute.trigger('steps', ret.status);
+  execute.trigger('status', ret.status);
+  switch (ret.status) {
+    case 'Inited': case 'Scheduled': case 'Running':
+      // Update history when state changes(在状态发生改变的时候更新历史)
+      execute.updateLastHistory();
+      if (execute.postType !== 'socket') {
+        // Send a request every 5 seconds(5秒发送一次请求)
+        if (!execute.run) return;
+        setTimeout(() => {
+          execute.queryStatus({ isKill: false });
+          execute.queryProgress();
+          execute.queryLog();
+        }, 5000);
+      }
+      break;
+    case 'Succeed':
+      if ((!execute.fromLine || execute.fromLine === 1) && execute.postType !== 'socket') {
+        execute.queryLog().then(() => {
+          whenSuccess(execute);
+        });
+        break;
+      }
+      whenSuccess(execute);
+      break;
+    default:
+      if ((!execute.fromLine || execute.fromLine === 1) && execute.postType !== 'socket') {
+        execute.queryLog().then(() => {
+          whenException(execute, ret);
+        });
+        break;
+      }
+      whenException(execute, ret);
+      break;
+  }
+}
+
+/**
+ * Logic to execute when the status is successful(当状态为成功时执行的逻辑)
+ * @param {*} execute
+ */
+function whenSuccess(execute) {
+  if (execute.runType !== 'pipeline') {
+    // stateEnd needs to obtain the result set, and the history will be updated when the result set is obtained(stateEnd是需要获取结果集的，获取结果集的同时会更新历史)
+    execute.trigger('stateEnd');
+    const log = `**result tips: ${i18n.t('message.common.execute.success.stateEnd')}`;
+    execute.trigger('log', log);
+  } else {
+    // Import and export do not need to request the result set, but need to update the history, otherwise there will be a problem that the state is not flipped.(导入导出不需要请求结果集，但需要更新历史，否则会出现状态未翻转的问题。)
+    const log = `**result tips: ${i18n.t('message.common.execute.error.noResultList')}`;
+    execute.trigger('log', log);
+    execute.trigger('steps', 'Completed');
+    execute.updateLastHistory('', (task) => {
+      execute.trigger('querySuccess', {
+        type: '导入/导出',
+        task,
+      });
+    });
+  }
+  execute.trigger('stop');
+}
+
+/**
+ * Logic to execute when the state is abnormal(当状态为异常状态时执行的逻辑)
+ * @param {*} execute
+ * @param {*} ret
+ */
+function whenException(execute, ret) {
+  if (ret.status === 'Failed') {
+    const msg = i18n.t('message.common.execute.error.failed');
+    queryException(execute, 'error', msg);
+  }
+  if (ret.status === 'Cancelled') {
+    const msg = i18n.t('message.common.execute.error.canceled');
+    queryException(execute, 'warning', msg);
+  }
+  if (ret.status === 'Timeout') {
+    const msg = i18n.t('message.common.execute.error.executeTimeout');
+    queryException(execute, 'error', msg);
+    clearInterval(execute.diagnosisTimeout);
+  }
+}
+
+/**
+ * inner helper
+ * @param {*} execute
+ * @param {*} ret
+ */
+function deconstructExecute(execute, ret) {
+  if (Object.prototype.hasOwnProperty.call(ret, 'errorMsg')) {
+    execute.updateLastHistory();
+    execute.trigger('stop');
+    execute.trigger('error');
+    execute.trigger('notice', {
+      type: 'error',
+      msg: ret.errorMsg.desc,
+      autoJoin: false,
+    });
+  } else {
+    execute.id = ret.execID;
+    execute.taskID = ret.taskID;
+    const flag = ['qmlsql', 'qmlpy'].includes(execute.runType);
+    const outerUrl = storage.get('outerUrl');
+    if (flag && outerUrl) {
+      execute.outer(outerUrl, ret);
+    }
+    execute.trigger('history', {
+      taskID: ret.taskID,
+      execID: ret.execID,
+      createDate: execute.beginTime,
+      runningTime: 0,
+      status: 'Inited',
+      failedReason: '',
+    });
+    setModelAndGetCode(execute, execute.data.method).then((code) => {
+      execute.trigger('sendStart', code);
+    });
+  }
+}
+
+/**
+ * More than one minute does not return,then terminate the request.
+ * @param {*} execute
+ */
+function timeoutCheck(execute) {
+  const timeout = 1000 * 60;
+  clearTimeout(execute.executeTimout);
+  execute.executeTimout = setTimeout(() => {
+    execute.trigger('stop');
+    execute.trigger('error');
+    execute.trigger('notice', {
+      type: 'error',
+      msg: i18n.t('message.common.execute.error.executeTimeout'),
+      autoJoin: true,
+    });
+  }, timeout);
+}
+
+/**
+ * When the websocket request has not returned for more than 1 minute, send a status request to wake up again.(当websocket请求超过1分钟未返回时，发送一个status请求重新唤醒.)
+ * @param {*} execute
+ */
+function reawakening(execute) {
+  const timeout = 1000 * 60;
+  clearTimeout(execute.statusTimeout);
+  execute.statusTimeout = setTimeout(() => {
+    // http方式
+    // api.fetch(`/entrance/${execute.id}/status`, 'get')
+    //     .then((ret) => {
+    //         execute.status = ret.status;
+    //     });
+    // websocket方式
+    const data = {
+      method: `/api/rest_j/v1/entrance/${execute.id}/status`,
+    };
+    execute.trigger('WebSocket:send', data);
+  }, timeout);
+}
+
+/**
+ *
+ * @param {*} err
+ * @param {*} that
+ */
+function logError(err, that) {
+  that.run = false;
+  const notResultLog = `**result tips: ${i18n.t('message.common.execute.error.noResultList')}`;
+  const errorLog = `**result tips: ${err},${i18n.t('message.common.execute.error.errorLog')}`;
+  const notResult = err.message === `Cannot read property 'children' of null`;
+  const log = notResult ? notResultLog : errorLog;
+  that.trigger('log', log);
+  if (notResult) {
+    that.trigger('steps', 'Completed');
+  }
+}
+
+/**
+ * Action when query is abnormal(查询异常时的操作)
+ * @param {*} execute the current object(execute 当前的对象)
+ * @param {*} type notice的类型(type notice的类型)
+ * @param {*} The prompt text of msg notice(msg notice的提示文本)
+ */
+function queryException(execute, type, msg) {
+  clearInterval(execute.diagnosisTimeout);
+  execute.updateLastHistory();
+  execute.trigger('stop');
+  execute.trigger('error');
+  execute.trigger('notice', {
+    type,
+    msg,
+    autoJoin: true,
+  });
+}
+
+/**
+ * When webscoket is in background mode, when receiving the execute interface, the get request or the script content spliced ​​in the background is called;(webscoket为background模式时，在接收execute接口时调用get请求或者后台拼接的脚本内容；)
+ * @param {*} execute
+ * @param {*} method
+ * @return {*}
+ */
+function setModelAndGetCode(execute, method) {
+  return new Promise((resolve) => {
+    const model = method.slice(method.lastIndexOf('/') + 1, method.length);
+    if (model === 'backgroundservice') {
+      execute.model = 'background';
+      api.fetch(`/jobhistory/${execute.taskID}/get`, 'get').then((res) => {
+        execute.executionCode = res.task.executionCode;
+        resolve(execute.executionCode);
+      }).catch(() => {
+        execute.executionCode = null;
+      });
+    } else if (model === 'execute') {
+      execute.model = 'normal';
+      resolve('');
+    }
+  });
+}
+
+export default Execute;
diff --git a/linkis-web-next/src/service/layoutMixin.js b/linkis-web-next/src/service/layoutMixin.js
new file mode 100644
index 0000000000..58c5186ef8
--- /dev/null
+++ b/linkis-web-next/src/service/layoutMixin.js
@@ -0,0 +1,54 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import storage from '@/common/helper/storage';
+import tree from '@/apps/scriptis/service/db/tree.js';
+export default {
+  data() {
+    return {}
+  },
+
+  created() {
+    // Refreshing the page still needs to clear the cache, because the number structure in scriptis is cached. If it is not clear, the background update will not be able to see the refresh page(刷新页面还是需要清缓存的，因为scriptis里的数结构都是缓存，如果不清，后台更新了刷新页面也看不到)
+    this.clearSession();
+  },
+  mounted() {
+    document.addEventListener('copy', this.copyAction, false);
+  },
+  beforeDestroy() {
+    document.removeEventListener('copy', this.copyAction, false);
+  },
+  methods: {
+    copyAction(event) {
+      // The clipboardData object in Google Chrome exists in the event event, which is used to obtain the data in the clipboard, which can only be monitored during the copy operation.(谷歌浏览器中的clipboardData对象存在event事件里，用于获取剪贴板中的数据，只有在复制操作过程中才能监听到)
+      const string = event.clipboardData.getData('text/plain') || event.target.value || event.target.outerText;
+      storage.set('copyString', string);
+    },
+    clearSession() {
+      tree.remove('scriptTree');
+      tree.remove('hdfsTree');
+      storage.set('shareRootPath', '');
+      storage.set('hdfsRootPath', '');
+      tree.remove('hiveTree');
+      tree.remove('udfTree');
+      tree.remove('functionTree');
+      storage.set('copyString', '');
+      // Refresh basic user information without clearing the login(刷新不用清登录的用户基础信息)
+      // storage.set('baseInfo', '');
+    },
+  }
+}
diff --git a/linkis-web-next/src/service/mixin.js b/linkis-web-next/src/service/mixin.js
new file mode 100644
index 0000000000..4eb679742c
--- /dev/null
+++ b/linkis-web-next/src/service/mixin.js
@@ -0,0 +1,95 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+import storage from '@/common/helper/storage';
+import SUPPORTED_LANG_MODES from '@/common/config/scriptis';
+
+export default {
+  data: function () {
+    return {
+      SUPPORTED_LANG_MODES,
+    };
+  },
+
+  created: function () {},
+  mounted: function () {},
+  beforeDestroy: function () {},
+  destroyed: function () {},
+  methods: {
+    getVsBiUrl(name = 'visualis') {
+      const baseInfo = storage.get('baseInfo', 'local');
+      if (!baseInfo) return;
+      const vsBi = baseInfo.applications.find((item) => item.name === name) || {};
+      return vsBi.url;
+    },
+    getProjectJsonResult(key, name = 'visualis') {
+      window.console.log(key,name)
+      // Used to determine what return value to return(用于判断返回什么样的返回值)
+      const baseInfo = storage.get('baseInfo', 'local');
+      if (!baseInfo) {
+        // When linkis is deployed alone, there is no baseinfo, no restrictions(linkis单独部署的时候没有baseinfo, 不用限制)
+        return true;
+      } else {
+        return baseInfo.resultSetExportEnable;
+      }
+    },
+    getFAQUrl() {
+      const baseInfo = storage.get('baseInfo', 'local');
+      if (!baseInfo) return;
+      const url = baseInfo.DWSParams.faq;
+      return url;
+    },
+    getSupportModes() {
+      return this.SUPPORTED_LANG_MODES;
+    },
+    async gotoCommonIframe(type, query = {}) {
+      const baseInfo = storage.get('baseInfo', 'local');
+      if (!baseInfo) return;
+      const info = baseInfo.applications.find((item) => item.name === type) || {};
+      // According to whether there is a projectid to determine whether to go to the home page or the engineering page(根据是否有projectid来确定是走首页还是工程页)
+      let url = '';
+      if (!query.projectID) {
+        localStorage.removeItem('appJointProjectId')
+        url = info.homepageUrl
+      }
+      // If the user is not prompted, the function has not yet been developed(如果没有提示用户功能暂未开发)
+      if (Object.keys(info).length === 0) {
+        this.$Message.warning(this.$t('message.common.warning.comingSoon'));
+      } else {
+        if (!info.ifIframe) {
+          this.$router.push({
+            path: url,
+            query
+          });
+        } else {
+          this.$router.push({
+            name: 'commonIframe',
+            query: {
+              ...query,
+              url,
+              type
+            }
+          })
+        }
+      }
+    },
+    getUserName() {
+      return  storage.get("userName") || null;
+    },
+  },
+};
diff --git a/linkis-web-next/src/service/moduleMixin.js b/linkis-web-next/src/service/moduleMixin.js
new file mode 100644
index 0000000000..079bbe02d7
--- /dev/null
+++ b/linkis-web-next/src/service/moduleMixin.js
@@ -0,0 +1,149 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+/**
+ * Global mixin Dispatch processing events, global mixin(全局混入Dispatch处理事件，全局mixin)
+ */
+import util from '@/common/util';
+import eventbus from '@/common/helper/eventbus';
+import storage from '@/common/helper/storage';
+
+let module = function(config) {
+  if (!config.name) {
+    return window.console.error('请配置独一无二的ModuleName');
+  }
+  // Control events thrown out(控制对外抛出的事件)
+  let dispatchs = config.dispatchs || [];
+  if (util.isPlainObject(dispatchs)) {
+    let arr = [];
+    for (let p in dispatchs) {
+      if (util.isArray(dispatchs[p])) {
+        dispatchs[p].forEach((item) => {
+          arr.push(`${p}:${item}`);
+        });
+      }
+    }
+    dispatchs = arr;
+  }
+  // processing module methods(处理模块 methods)
+  if (config.methods) {
+    let methods = Object.keys(config.methods);
+    if (methods.length > 0) {
+      methods.forEach((name) => {
+        let method = config.methods[name];
+        if (method) {
+          eventbus.on(`${config.name}:${name}`, method.bind(config));
+        }
+      });
+    }
+  }
+  /**
+     * Mount dispatch to empty module(挂载dispatch到空模块)
+     * @param {*} name
+     * @param {*} param
+     * @param {*} [cb=new Function()]
+     * @return {Promise}
+     */
+  config.dispatch = function(name, param, cb = new Function()) {
+    let result;
+    if (util.isArray(dispatchs) && dispatchs.indexOf(name) != -1) {
+      result = eventbus.emit(name, param, cb);
+    }
+    return Promise.resolve(result);
+  };
+
+  return {
+    data: function() {
+      let data = {
+      };
+      return data;
+    },
+    created() {
+      // Component monitoring under the processing module(处理模块下的组件监听)
+      if (config.events) {
+        let events = config.events;
+        if (util.isArray(events) && events.length > 0) {
+          events.forEach((name) => {
+            let method = this[name];
+            if (method) {
+              eventbus.on(`${name}`, method);
+            }
+          });
+        }
+      }
+    },
+    beforeDestroy: function() {
+      if (config.events) {
+        let events = config.events;
+        if (util.isArray(events) && events.length > 0) {
+          events.forEach((name) => {
+            let method = this[name];
+            if (method) {
+              eventbus.off(name, method);
+            }
+          });
+        }
+      }
+    },
+    methods: {
+      // trigger event(触发事件)
+      dispatch: config.dispatch,
+      getUserName() {
+        return  storage.get("baseInfo", 'local') ? storage.get("baseInfo", 'local').username : null;
+      },
+      // Get the current orchestration environment(获取当前编排的环境)
+      getCurrentDsslabels() {
+        return storage.get("currentDssLabels") ? storage.get("currentDssLabels") : null;
+      }
+    },
+  };
+};
+
+let modules = {}
+/**
+ * Provide Dispatch method to unify event handling(提供Dispatch方法统一事件处理方式)
+ */
+export default function mixinDispatch (requireComponent, requireComponentVue) {
+  if (requireComponent) {
+    requireComponent.keys().forEach((fileName) => {
+      // Get component configuration(获取组件配置)
+      let moduleConfig = requireComponent(fileName);
+      moduleConfig = moduleConfig.default || moduleConfig;
+      moduleConfig.mixin = module(moduleConfig);
+      modules[fileName] = moduleConfig;
+    });
+  }
+
+  if (requireComponentVue) {
+    requireComponentVue.keys().forEach((fileName) => {
+    // Get component configuration(获取组件配置)
+      let vueConfig = requireComponentVue(fileName);
+      vueConfig = vueConfig.default || vueConfig;
+      let indexPath = './' + fileName.split('/')[1] + '/index.js';
+      let moduleConfig = modules[indexPath];
+      let mixin = moduleConfig && moduleConfig.mixin;
+      if (!vueConfig.mixins) {
+        vueConfig.mixins = [mixin];
+      } else {
+        if (vueConfig.mixins.indexOf(mixin) == -1) {
+          vueConfig.mixins.push(mixin);
+        }
+      }
+    });
+  }
+}
diff --git a/linkis-web-next/src/service/socket.js b/linkis-web-next/src/service/socket.js
new file mode 100644
index 0000000000..910d0895fe
--- /dev/null
+++ b/linkis-web-next/src/service/socket.js
@@ -0,0 +1,201 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+import { Eventbus } from '@/common/helper/eventbus';
+/**
+ *
+ * @class Socket
+ * @extends {Eventbus}
+ */
+class Socket extends Eventbus {
+  /**
+     *Creates an instance of Socket.
+     * @param {*} options
+     * @memberof Socket
+     */
+  constructor(options) {
+    super();
+    this.options = options;
+    this.errHandler = options.errHandler;
+    this.init();
+  }
+  /**
+     *get current state
+     * @readonly
+     * @memberof Socket
+     */
+  get readyState() {
+    return this.ws.readyState;
+  }
+  /**
+     * init event
+     * @memberof Socket
+     */
+  init() {
+    try {
+      this.ws = new WebSocket(this.options.url);
+      this.ws.debug = true;
+    } catch (e) {
+      this.emit('inconnect', {
+        type: 'inconnect',
+        message: 'socket连接失败',
+      });
+    }
+    this._onError();
+    this._onClose();
+    this._onOpen();
+    this._onMessage();
+  }
+  /**
+     *
+     * @param {*} options
+     * @memberof Socket
+     */
+  send(options) {
+    if (this._validState('send')) {
+      this.ws.send(JSON.stringify(options));
+    }
+  }
+  /**
+     * @param {*} code
+     * @memberof Socket
+     */
+  close(code) {
+    this.ws.close(code);
+  }
+  /**
+     * @return {this}
+     * @memberof Socket
+     */
+  reconnect() {
+    this.init();
+    return this;
+  }
+  /**
+     * onMessage
+     * @memberof Socket
+     */
+  _onMessage() {
+    let instance = this;
+    this.ws.onmessage = (event = {}) => {
+      if (event.data) {
+        let msg = JSON.parse(event.data);
+        let result = instance._validMessage(msg);
+        if(result) {
+          instance.emit('data', result);
+        }
+      } else {
+        instance.errHandler && instance.errHandler({
+          type: 'message',
+          msg: '接收到无效数据',
+        });
+      }
+    };
+  }
+
+  /**
+     * onOpen
+     * @memberof Socket
+     */
+  _onOpen() {
+    this.ws.onopen = () => {
+      this.connected = true;
+      this.emit('open', {
+        msg: '连接成功',
+      });
+    };
+  }
+  /**
+     *
+     * @param {*} e
+     * @memberof Socket
+     */
+  _onError() {
+    this.ws.onerror = (e) => {
+      let data = {
+        type: 'socket listening error',
+        msg: e,
+      };
+      this.errHandler && this.errHandler(data);
+    };
+  }
+  /**
+     * onClose
+     * @memberof Socket
+     */
+  _onClose() {
+    this.ws.onclose = (e) => {
+      let code = e.code;
+      let reason = e.reason;
+      let data = {
+        msg: 'socket close tips',
+        reason,
+        code,
+      };
+      this.connected = false;
+      this.errHandler && this.errHandler(data);
+      this.emit('close', data);
+    };
+  }
+  /**
+     * @param {*} type
+     * @memberof Socket
+     * @return {Boolean} valid
+     */
+  _validState(type) {
+    let state = this.ws.readyState;
+    let stateMap = {
+      0: '正在连接',
+      1: '成功',
+      2: '正在关闭',
+      3: '连接已经关闭或打开连接失败',
+    };
+    if (state === 2 || state === 3) {
+      let error = {
+        type,
+        msg: stateMap[state],
+      };
+      this.errHandler && this.errHandler(error);
+    }
+    return state === 1;
+  }
+  /**
+     * @param {*} data
+     * @memberof Socket
+     * @return {*} data
+     */
+  _validMessage(data = {}) {
+    let msgData = data.data;
+    let method = data.method;
+    // Ignore duplicate push data without log information(忽略无日志信息的重复推送数据)
+    let notEmpty = msgData && Array.isArray(msgData.log) ? msgData.log.some((it) => it.length > 0) : msgData.log;
+    if (/\/log$/.test(method) && !notEmpty ) {
+      return
+    }
+    if (!(data instanceof Object)) return;
+    if (data.status !== 0) {
+      this.emit('dataError', {
+        type: 'network',
+        message: data.message,
+        data,
+      });
+    }
+    return data;
+  }
+}
+export default Socket;
diff --git a/linkis-web-next/src/service/timeToCronMixin.js b/linkis-web-next/src/service/timeToCronMixin.js
new file mode 100644
index 0000000000..c6a7704ef0
--- /dev/null
+++ b/linkis-web-next/src/service/timeToCronMixin.js
@@ -0,0 +1,246 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import i18n from '@/common/i18n'
+const DATELANG = {
+  "MIN": i18n.t('message.common.time.MIN'),
+  "HOUR": i18n.t('message.common.time.HOUR'),
+  "DAY": i18n.t('message.common.time.DAY'),
+  "WEEK": i18n.t('message.common.time.WEEK'),
+  "MONTH": i18n.t('message.common.time.MONTH'),
+  "YEAR": i18n.t('message.common.time.YEAR'),
+  "Mon": i18n.t('message.common.time.Mon'),
+  "Tue": i18n.t('message.common.time.Tue'),
+  "Wed": i18n.t('message.common.time.Wed'),
+  "Thu": i18n.t('message.common.time.Thu'),
+  "Fri": i18n.t('message.common.time.Fri'),
+  "Sat": i18n.t('message.common.time.Sat'),
+  "Sun": i18n.t('message.common.time.Sun')
+}
+const TIMEDATA = {
+  zeroList: [],
+  minuesList: [],
+  hourList: [],
+  weekList: [
+    {value: '2', label: DATELANG.Mon},
+    {value: '3', label: DATELANG.Tue},
+    {value: '4', label: DATELANG.Wed},
+    {value: '5', label: DATELANG.Thu},
+    {value: '6', label: DATELANG.Fri},
+    {value: '7', label: DATELANG.Sat},
+    {value: '1', label: DATELANG.Sun}
+  ],
+  monthList: [],
+  dayList: [],
+  dayNum: {},
+  selectType: [
+    {value: 'MIN', label: DATELANG.MIN},
+    {value: 'HOUR', label: DATELANG.HOUR},
+    {value: 'DAY', label: DATELANG.DAY},
+    {value: 'WEEK', label: DATELANG.WEEK},
+    {value: 'MONTH', label: DATELANG.MONTH},
+    {value: 'YEAR', label: DATELANG.YEAR}]
+}
+const baseMonthsDay = [31,29,31,30,31,30,31,31,30,31,30,31];//各月天数
+for(let i = 0; i < 60; i++) {
+  TIMEDATA.zeroList.push({value: i, label: i < 10 ? '0' + i : String(i)})
+}
+for(let i = 0; i < 60; i++) {
+  TIMEDATA.minuesList.push({value: i, label: i < 10 ? '0' + i + DATELANG.MIN : String(i) + DATELANG.MIN})
+}
+for(let i = 0; i < 24; i++) {
+  TIMEDATA.hourList.push({value: i, label: i < 10 ? '0' + i + DATELANG.HOUR : String(i) + DATELANG.HOUR})
+}
+for(let i = 1; i <= 12; i++) {
+  TIMEDATA.monthList.push({value: i, label: i < 10 ? '0' + i + DATELANG.MONTH: String(i) + DATELANG.MONTH})
+}
+for(let i = 1; i <= 31; i++) {
+  TIMEDATA.dayList.push({value: i, label: i < 10 ? '0' + i + DATELANG.DAY: String(i) + DATELANG.DAY})
+}
+for (let i = 1; i <= 12; i++) {
+  let dayNum = [];
+  for (let j = 1; j <= baseMonthsDay[i-1]; j++) {
+    dayNum.push({value: j, label: j < 10 ? '0' + j + DATELANG.DAY : String(j) + DATELANG.DAY})
+  }
+  TIMEDATA.dayNum[i] = dayNum
+
+}
+import { debounce } from 'lodash';
+export default {
+  data() {
+    return {
+      zeroSelect: 0,
+      oneSelect: 'MIN',
+      towSelect: DATELANG.MIN,
+      threeSelect: '',
+      fourSelect: '',
+      fiveSelect: '',
+      zeroList: TIMEDATA.zeroList,
+      oneList: TIMEDATA.selectType,
+      towList: [
+      ],
+      threeList: [],
+      fourList: TIMEDATA.hourList,
+      fiveList: TIMEDATA.minuesList,
+      selectHourAndMinues: false,
+    }
+  },
+  computed: {
+    timeToCron() {
+      // Convert selected time to cron format(将所选时间转换成cron格式)
+      // Still have to determine what is the first choice to decide how to write the expression(还是得先确定第一个选择的是什么来决定表达是怎么写)
+      if (this.oneSelect === 'MIN') {
+        return `0 0/${this.zeroSelect} * * * ?`;
+      } else if (this.oneSelect === 'HOUR') {
+        return `0 ${this.towSelect} 0/1 * * ?`;
+      } else if (this.oneSelect === 'DAY') {
+        return `0 ${this.fiveSelect} ${this.fourSelect} 1/1 * ?`;
+      } else if (this.oneSelect === 'WEEK') {
+        return `0 ${this.fiveSelect} ${this.fourSelect} ? * ${this.towSelect}`;
+      } else if (this.oneSelect === 'MONTH') {
+        return `0 ${this.fiveSelect} ${this.fourSelect} ${this.threeSelect} * ?`
+      } else if (this.oneSelect === 'YEAR') {
+        return `0 ${this.fiveSelect} ${this.fourSelect} ${this.threeSelect} ${this.towSelect} ? *`
+      } else {
+        return ''
+      }
+    }
+  },
+  watch: {
+    timeToCron(val) {
+      this.scheduleParams.scheduleTime = val;
+      const emitFun =  debounce(() => {
+        this.$emit('change-schedule', this.scheduleParams);
+      }, 1000);
+      emitFun(this);
+    },
+    towSelect(val) {
+      if(this.isSelectYear) {
+        this.threeList = TIMEDATA.dayNum[val];
+      }
+    }
+  },
+  methods: {
+    selectOneChange(value) {
+      if (value === 'MIN') {
+        this.zeroSelect = this.zeroList[0].value;
+        this.towList = [];
+        this.threeList = [];
+        this.selectHourAndMinues = false;
+        this.isSelectYear = false;
+      } else if (value === 'HOUR') {
+        this.towList = TIMEDATA.minuesList;
+        this.isSelectYear = false;
+        this.towSelect = this.towList[0].value;
+        this.selectHourAndMinues = false;
+      } else if (value === 'DAY') {// If you choose the day two and three selection boxes not to be displayed, display the fourth and fifth selection boxes(如果选择天二三选择框不用展示，展示四五选择框)
+        this.selectHourAndMinues = true;
+        this.isSelectYear = false;
+        this.towList = [];
+        this.threeList = [];
+        this.fourSelect = this.fourList[0].value;
+        this.fiveSelect = this.fiveList[0].value;
+      } else if (value === 'WEEK') {
+        this.selectHourAndMinues = true;
+        this.isSelectYear = false;
+        this.towList = TIMEDATA.weekList;
+        this.threeList = [];
+        this.towSelect = this.towList[0].value;
+        this.fourSelect = this.fourList[0].value;
+        this.fiveSelect = this.fiveList[0].value;
+      } else if (value === 'MONTH') {
+        this.selectHourAndMinues = true;
+        this.isSelectYear = false;
+        this.towList = [];
+        this.threeList = TIMEDATA.dayList;
+        this.threeSelect = this.threeList[0].value;
+        this.fourSelect = this.fourList[0].value;
+        this.fiveSelect = this.fiveList[0].value;
+      } else if (value === 'YEAR') {
+        this.selectHourAndMinues = true;
+        this.isSelectYear = true;
+        this.towList = TIMEDATA.monthList;
+        this.threeList = TIMEDATA.dayNum[1];
+        this.towSelect = this.towList[0].value;
+        this.threeSelect = this.threeList[0].value;
+        this.fourSelect = this.fourList[0].value;
+        this.fiveSelect = this.fiveList[0].value;
+      }
+    },
+    alarmUserChange() {
+      if (/^[a-zA-Z0-9_@]+$/.test(this.scheduleParams.alarmUserEmails)) {
+        const emitFun =  debounce(() => {
+          this.$emit('change-schedule', this.scheduleParams);
+        }, 500);
+        emitFun(this);
+      }
+    },
+    selectLevelChange() {
+      this.$emit('change-schedule', this.scheduleParams);
+    },
+    cronToTime() {
+      if (Object.keys(this.scheduleParams).length > 0 && this.scheduleParams.scheduleTime) {
+        // Convert corn format to time format 0 2 2 3 * * ?(将corn格式转换成时间格式0 2 2 3 * * ?)
+        const tepArr = this.scheduleParams.scheduleTime.split(' ');
+        // First determine whether to choose the year(先判断是否选的年)
+        if (tepArr.length >= 7) {
+          this.oneSelect = 'YEAR';
+          this.selectHourAndMinues = true;
+          this.isSelectYear = true;
+          this.towList = TIMEDATA.monthList;
+          this.threeList = TIMEDATA.dayNum[Number(tepArr[4])];
+          this.towSelect = Number(tepArr[4]);
+          this.threeSelect = Number(tepArr[3]);
+          this.fourSelect = Number(tepArr[2]);
+          this.fiveSelect = Number(tepArr[1]);
+        } else if (tepArr[4] === '*' && tepArr[3] !== "*" && tepArr[3] !== "1/1" && tepArr[5] === '?') {
+          this.selectHourAndMinues = true;
+          this.oneSelect = 'MONTH';
+          this.towList = [];
+          this.threeList = TIMEDATA.dayList;
+          this.threeSelect = Number(tepArr[3]);
+          this.fourSelect = Number(tepArr[2]);
+          this.fiveSelect = Number(tepArr[1]);
+        } else if (tepArr[5] !== '?') {
+          this.oneSelect = 'WEEK';
+          this.selectHourAndMinues = true;
+          this.towList = TIMEDATA.weekList;
+          this.threeList = [];
+          this.towSelect = tepArr[5];
+          this.fourSelect = Number(tepArr[2]);
+          this.fiveSelect = Number(tepArr[1]);
+        } else if (tepArr[4] === '*' && tepArr[3] === '1/1' && tepArr[2] !== "*" && tepArr[2] !== '0/1') {
+          this.oneSelect = 'DAY';
+          this.selectHourAndMinues = true;
+          this.towList = [];
+          this.threeList = [];
+          this.fourSelect = Number(tepArr[2]);
+          this.fiveSelect = Number(tepArr[1]);
+        } else if (tepArr[4] === '*' && tepArr[3] === '*' && tepArr[2] === '0/1') {
+          this.oneSelect = 'HOUR';
+          this.towList = TIMEDATA.minuesList;
+          this.towSelect = Number(tepArr[1]);
+        } else if (tepArr[4] === '*' && tepArr[3] === '*' && tepArr[2] === '*') {
+          this.zeroSelect = Number(tepArr[1].substring(2));
+          this.oneSelect = 'MIN';
+          this.threeList = [];
+          this.selectHourAndMinues = false;
+        }
+      }
+    }
+  }
+}
diff --git a/linkis-web-next/src/style/style.less b/linkis-web-next/src/style/style.less
index 0f1e759154..ff6b0345d6 100644
--- a/linkis-web-next/src/style/style.less
+++ b/linkis-web-next/src/style/style.less
@@ -1,4 +1,4 @@
-@import '@/style/variable.less';
+@import './variable.less';
 * {
     box-sizing: border-box;
 }
@@ -26,7 +26,7 @@ p {
 
 a {
     text-decoration: none;
-    color: @blue-color;
+    color: var(--blue-color);
 }
 
 ul {
@@ -46,12 +46,12 @@ ul {
     .btn-item {
         margin-right: 16px;
         cursor: pointer;
-        color: @blue-color;
+        color: var(--blue-color);
         &:last-of-type {
             margin-right: 0;
         }
         &.red {
-            color: @red-color;
+            color: var(--red-color);
         }
         &.disabled {
             color: #b7b7bc;
@@ -140,7 +140,7 @@ ul {
             .wd-body-menu-item {
                 display: flex;
                 align-items: center;
-                color: @blue-color;
+                color: var(--blue-color);
                 line-height: 22px;
                 padding-left: 16px;
                 cursor: pointer;
@@ -466,7 +466,7 @@ ul {
 .table-container {
     margin-top: 24px;
     .btn-delete {
-        color: @red-color;
+        color: var(red-color);
     }
 }
 
@@ -577,7 +577,7 @@ ul {
 }
 .fes-ellipsis {
     .a-link {
-        color: @blue-color;
+        color: var(--blue-color);
     }
 }
 .project-template-style {
diff --git a/linkis-web-next/src/style/variable.less b/linkis-web-next/src/style/variable.less
index d7a24976a6..f6d35bd64e 100644
--- a/linkis-web-next/src/style/variable.less
+++ b/linkis-web-next/src/style/variable.less
@@ -1,37 +1,39 @@
-// 黑色
-@black-color: #0f1222;
-// 蓝色
-@blue-color: #5384ff;
-// 红色
-@red-color: #f75f56;
-// 橙色
-@orange-color: #ff9540;
-// 黄色
-@yellow-color: #fbc731;
-// 绿色
-@green-color: #00cb91;
-// 提示文案颜色
-@tips-color: rgba(15, 18, 34, 0.3);
-// 禁用色
-@disabled-color: rgba(15, 18, 34, 0.65);
-// 占位符字体颜色
-@placeholder-color: #cfd0d3;
-// 表单label颜色
-@label-color: #646670;
-
-// 成功的颜色
-@success-color: @green-color;
-// 警告的颜色
-@warn-color: #ff953b;
-// 失败的颜色
-@fail-color: @red-color;
-
-// 字体大小
-
-// 常规
-@font-regular-size: 14px;
-
-// 字体粗细
-
-// 常规
-@font-regular-weight: 400;
+:root {
+  // 黑色
+  --black-color: #0f1222;
+  // 蓝色
+  --blue-color: #5384ff;
+  // 红色
+  --red-color: #f75f56;
+  // 橙色
+  --orange-color: #ff9540;
+  // 黄色
+  --yellow-color: #fbc731;
+  // 绿色
+  --green-color: #00cb91;
+  // 提示文案颜色
+  --tips-color: rgba(15, 18, 34, 0.3);
+  // 禁用色
+  --disabled-color: rgba(15, 18, 34, 0.65);
+  // 占位符字体颜色
+  --placeholder-color: #cfd0d3;
+  // 表单label颜色
+  --label-color: #646670;
+  
+  // 成功的颜色
+  --success-color: --green-color;
+  // 警告的颜色
+  --warn-color: #ff953b;
+  // 失败的颜色
+  --fail-color: --red-color;
+  
+  // 字体大小
+  
+  // 常规
+  --font-regular-size: 14px;
+  
+  // 字体粗细
+  
+  // 常规
+  --font-regular-weight: 400;
+}
diff --git a/linkis-web-next/src/util/convert.ts b/linkis-web-next/src/util/convert.ts
new file mode 100644
index 0000000000..980a6cedd1
--- /dev/null
+++ b/linkis-web-next/src/util/convert.ts
@@ -0,0 +1,251 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+/*eslint-disable */
+import dayjs from 'dayjs';
+import { isPlainObject, forEach, forIn } from 'lodash';
+/**
+ *
+ * conversion log(转换日志)
+ *
+ * @return {Object}
+ */
+function convertLog(logs: string | Array<string>) {
+    let logMap = {
+        all: '',
+        error: '',
+        warning: '',
+        info: '',
+    };
+    let newMap: Record<string, string> = {};
+    if (typeof logs === 'string') {
+        newMap = {
+            all: logs,
+        };
+    } else if (Array.isArray(logs)) {
+        let keysArr = ['error', 'warning', 'info', 'all'];
+        logs.forEach((log, index) => {
+            newMap[keysArr[index] as string] = log;
+        });
+    } else if (isPlainObject(logs)) {
+        newMap = logs;
+    }
+
+    return Object.assign(logMap, newMap);
+}
+
+/**
+ * Convert Timestamp Difference(转换时间戳差值)
+ * @param {*} runningTime
+ * @return {*}
+ */
+function convertTimestamp(runningTime: number, t: (msg: string) => string) {
+    // const time = Math.floor(runningTime / 1000);
+    const time = +(runningTime / 1000).toFixed(1);
+    if (time <= 0) {
+        return `0${t('message.common.time.second')}`;
+    } else if (time < 60) {
+        return `${time}${t('message.common.time.second')}`;
+    } else if (time < 3600) {
+        return `${(time / 60).toFixed(2)}${t('message.common.time.minute')}`;
+    } else if (time < 86400) {
+        return `${(time / 3600).toFixed(2)}${t('message.common.time.hour')}`;
+    }
+    return `${(time / 86400).toFixed(2)}${t('message.common.time.day')}`;
+}
+
+/**
+ * sort(排序)
+ * @param {*} a first parameter(第一个参数)
+ * @param {*} b second parameter(第两个参数)
+ * @param {*} type ,possibly desc and asc(类型，可能是desc和asc)
+ */
+function sort(a: any, b: any, type: 'desc' | unknown) {
+    const sortString = (a: string, b: string, type: 'desc' | unknown) => {
+        for (let i = 0; i < a.length; i++) {
+            if (a[i] !== b[i]) {
+                const aAcsii = a.charCodeAt(i);
+                const bAcsii = b.charCodeAt(i);
+                const returnS =
+                    type === 'desc' ? bAcsii - aAcsii : aAcsii - bAcsii;
+                return returnS;
+            }
+        }
+    };
+    const fa = parseInt(a, 10);
+    const fb = parseInt(b, 10);
+    if (!isNaN(fa) && !isNaN(fb)) {
+        if (
+            fa.toString().length === a.toString().length &&
+            fb.toString().length === b.toString().length
+        ) {
+            return type === 'desc' ? b - a : a - b;
+        } else if (!isNaN(Number(a)) && !isNaN(Number(b))) {
+            return type === 'desc' ? b - a : a - b;
+        } else {
+            return sortString(a, b, type);
+        }
+    } else {
+        return sortString(a, b, type);
+    }
+}
+
+/**
+ * Convert array to object key:value form(转换数组为对象key:value形式)
+ * @param {*} arr
+ * @return {*}
+ */
+function convertArrayToObject(arr: any[]) {
+    const obj: Record<string, any> = {};
+    forEach(arr, (item: { key: string; value: any }) => {
+        obj[item.key] = item.value;
+    });
+    return obj;
+}
+
+/**
+ * Convert object to array form(转换对象为数组形式)
+ * @param {*} obj
+ */
+function convertObjectToArray(obj: Record<string, string>) {
+    const arr: any[] = [];
+    forIn(obj, (value, key) => {
+        arr.push({
+            key,
+            value,
+        });
+    });
+    return arr;
+}
+
+/**
+ * Convert the array to an array of the form [{key1:value1},{key2,value2}](转换数组为数组[{key1:value1},{key2,value2}]形式)
+ * @param {*} arr
+ * @return {*}
+ */
+function convertArrayToMap(arr: any[]) {
+    const tmp: any[] = [];
+    forEach(arr, (item: { key: string; value: any }) => {
+        const obj: Record<string, any> = {};
+        obj[item.key] = item.value;
+        tmp.push(obj);
+    });
+    return tmp;
+}
+const convertList = {
+    lifecycle: [
+        {
+            value: 0,
+            label: '永久',
+        },
+        {
+            value: 1,
+            label: '当天有效',
+        },
+        {
+            value: 2,
+            label: '一周有效',
+        },
+        {
+            value: 3,
+            label: '一月有效',
+        },
+        {
+            value: 4,
+            label: '半年有效',
+        },
+    ],
+    modelLevel: [
+        {
+            value: 0,
+            label: 'ODS(原始数据层)',
+        },
+        {
+            value: 1,
+            label: 'DWD(明细数据层)',
+        },
+        {
+            value: 2,
+            label: 'DWS(汇总数据层)',
+        },
+        {
+            value: 3,
+            label: 'ADS(应用数据层)',
+        },
+    ],
+    useWay: [
+        {
+            value: 0,
+            label: '一次写多次读',
+        },
+        {
+            value: 1,
+            label: '增删改查',
+        },
+        {
+            value: 2,
+            label: '多次覆盖写',
+        },
+        {
+            value: 3,
+            label: '一次写偶尔读',
+        },
+    ],
+};
+
+/**
+ * format value(格式化值)
+ * @param {*} item
+ * @param {*} field
+ * @return {*} return
+ */
+function formatValue(item: any, field: { key: string; type: string }) {
+    const value = item[field.key];
+    let formatted = value;
+    switch (field.type) {
+        case 'boolean':
+            formatted = value ? '是' : '否';
+            break;
+        case 'timestramp':
+            formatted =
+                value == '0' || !value
+                    ? 0
+                    : dayjs.unix(value).format('YYYY-MM-DD HH:mm:ss');
+            break;
+        case 'convert':
+            if (!item[field.key] && item[field.key] !== 0) {
+                return value;
+            }
+            const convertItem = (convertList as Record<string, any>)[field.key];
+            formatted = convertItem[item[field.key]].label;
+            break;
+        case 'booleanString':
+            formatted = value === 'Y' ? '是' : '否';
+            break;
+    }
+    return formatted;
+}
+
+export default {
+    formatValue,
+    convertArrayToMap,
+    convertObjectToArray,
+    convertArrayToObject,
+    sort,
+    convertTimestamp,
+    convertLog,
+};
diff --git a/linkis-web-next/src/util/currentModules.ts b/linkis-web-next/src/util/currentModules.ts
new file mode 100644
index 0000000000..493e22af7c
--- /dev/null
+++ b/linkis-web-next/src/util/currentModules.ts
@@ -0,0 +1,50 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+/*eslint-disable */
+/*
+ * Determine whether the current independent application and environment list(判断当前是否独立应用和环境列表)
+ * @return {Object}
+ */
+const apps = require('dynamic-modules');
+function currentModules() {
+    let obj = {
+        linkisOnly: false,
+        scriptisOnly: false,
+        hasScriptis: false,
+        hasLinkis: false,
+        microModule: false,
+    };
+    if (apps.microModule) {
+        obj.microModule = apps.microModule;
+    }
+    if (apps.modules) {
+        if (apps.modules.includes('linkis')) {
+            obj.hasLinkis = true;
+            obj.linkisOnly = apps.modules.length === 1;
+        }
+        if (apps.modules.includes('scriptis')) {
+            obj.hasScriptis = true;
+            obj.scriptisOnly = apps.modules.length === 1;
+        }
+    }
+    return obj;
+}
+
+export default {
+    currentModules,
+};
diff --git a/linkis-web-next/src/util/debug.ts b/linkis-web-next/src/util/debug.ts
new file mode 100644
index 0000000000..9813576a5e
--- /dev/null
+++ b/linkis-web-next/src/util/debug.ts
@@ -0,0 +1,34 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+/**
+ * log output control(日志输出控制)
+ * @param {String|Object} info log output(日志输出)
+ * @param {String} Type console available methods(type console可用方法)
+ */
+function debug_log(
+    type = 'log',
+    ...info: Array<Record<string, string> | string>
+) {
+    const isDev = process.env.NODE_ENV === 'dev';
+    if (isDev || window.debug_log === true) {
+        if (window.console[type]) {
+            window.console[type](...info);
+        }
+    }
+}
+export default debug_log;
diff --git a/linkis-web-next/src/util/index.ts b/linkis-web-next/src/util/index.ts
new file mode 100644
index 0000000000..dfb5def186
--- /dev/null
+++ b/linkis-web-next/src/util/index.ts
@@ -0,0 +1,113 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import qs from 'qs';
+import md5 from 'md5';
+import objectUtil from './object';
+import typeUtil from './type';
+import convertUtil from './convert';
+// import currentModules from './currentModules';
+
+let util = {
+    executeCopy(textValue: string) {
+        const input = document.createElement('textarea');
+        document.body.appendChild(input);
+        input.value = textValue;
+        input.select();
+        document.execCommand('Copy');
+        input.remove();
+    },
+    md5,
+    /**
+     * Replace the parameter placeholders in the format of ${projectId} in the url with real parameters(替换url中 形如 ${projectId} 格式的参数占位符为真实参数)
+     * ! url should be an escaped link address that conforms to the URI specification. If the parameter is not defined in obj, the final address will lose the parameter(url应该是转义过的符合URI规范的链接地址，参数如未在obj定义则最终地址会丢失该参数)
+     */
+    replaceHolder(url: string, obj: Record<string, any>) {
+        obj = {
+            dssurl: location.origin,
+            cookies: document.cookie,
+            ...obj,
+        };
+        let dist = url.split('?');
+        let params = qs.parse(dist[1]);
+        const holderReg = /\$\{([^}]*)}/g;
+        let result: Record<string, any> = {};
+        dist[0] = dist[0].replace(holderReg, function (a: unknown, b: string) {
+            return obj[b];
+        });
+        if (dist[1]) {
+            for (let key in params) {
+                const resKey = key.replace(holderReg, function (a, b) {
+                    return obj[b];
+                });
+                result[resKey] = (params[key] as string)?.replace(
+                    holderReg,
+                    function (a: unknown, b: string) {
+                        return obj[b];
+                    },
+                );
+            }
+        }
+        const distUrl =
+            dist.length > 1 ? `${dist[0]}?${qs.stringify(result)}` : dist[0];
+        return distUrl;
+    },
+    // How to open a new tab browser(打开新tab浏览器也方法)
+    windowOpen(url: string) {
+        const newTab = window.open('about:blank');
+        setTimeout(() => {
+            const reg =
+                /^(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/;
+            if (process.env.NODE_ENV === 'production') {
+                if (newTab && reg.test(url)) {
+                    newTab.location.href = url;
+                }
+            } else {
+                if (newTab) {
+                    newTab.location.href = url;
+                }
+            }
+        }, 500);
+    },
+    /**
+     * generate guid(生成guid)
+     */
+    guid() {
+        let key;
+        if (crypto && crypto.getRandomValues) {
+            key = (([1e7] as any) + -1e3 + -4e3 + -8e3 + -1e11).replace(
+                /[018]/g,
+                (c: any) =>
+                    (
+                        c ^
+                        (crypto.getRandomValues(new Uint8Array(1))[0] &
+                            (15 >> (c / 4)))
+                    ).toString(16),
+            );
+        } else {
+            key = `${new Date().getTime()}.${Math.ceil(Math.random() * 1000)}`;
+        }
+        return key;
+    },
+};
+objectUtil.merge(util, objectUtil, typeUtil, convertUtil);
+
+export default util as typeof util &
+    typeof objectUtil &
+    typeof typeUtil &
+    typeof convertUtil;
+// typeof currentModules;
diff --git a/linkis-web-next/src/util/object.ts b/linkis-web-next/src/util/object.ts
new file mode 100644
index 0000000000..254d52c924
--- /dev/null
+++ b/linkis-web-next/src/util/object.ts
@@ -0,0 +1,63 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+/**
+ * will cover(会覆盖)
+ *
+ * @return {Object}
+ */
+function merge(...arg: any[]) {
+    let base = arg[0];
+    if (!base) return;
+    [].forEach.call(arg, function (item, index) {
+        if (index > 0) {
+            for (let attrname in item) {
+                if (Object.prototype.hasOwnProperty.call(item, attrname)) {
+                    base[attrname] = item[attrname];
+                }
+            }
+        }
+    });
+    return base;
+}
+
+/**
+ * won't overwrite(不会覆盖)
+ *
+ * @return {Object}
+ */
+function extend(...arg: any[]) {
+    let base = arg[0];
+    if (!base) return;
+    [].forEach.call(arg, function (item, index) {
+        if (index > 0) {
+            for (let attrname in item) {
+                if (Object.prototype.hasOwnProperty.call(item, attrname)) {
+                    if (base[attrname] !== undefined) {
+                        base[attrname] = item[attrname];
+                    }
+                }
+            }
+        }
+    });
+    return base;
+}
+
+export default {
+    merge,
+    extend,
+};
diff --git a/linkis-web-next/src/util/type.ts b/linkis-web-next/src/util/type.ts
new file mode 100644
index 0000000000..09d701cd0a
--- /dev/null
+++ b/linkis-web-next/src/util/type.ts
@@ -0,0 +1,118 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+const objectToString = Object.prototype.toString;
+const OBJECT_STRING = '[object Object]';
+
+/**
+ * Is it a normal object(是否是普通对象)
+ * @param {any} obj
+ * @return {Boolean}
+ */
+function isPlainObject(obj: Record<string, string>) {
+    return objectToString.call(obj) === OBJECT_STRING;
+}
+
+/**
+ * Is it a number(是否是数字)
+ * @param {any} value
+ * @return {Boolean}
+ */
+function isNumber(value: unknown) {
+    return typeof value === 'number';
+}
+
+/**
+ * Is it a date(是否是日期)
+ * @param {any} value
+ * @return {Boolean}
+ */
+function isDate(value: unknown) {
+    return objectToString.call(value) === '[object Date]';
+}
+
+/**
+ * Is it a function(是否是函数)
+ * @param {any} value
+ * @return {Boolean}
+ */
+function isFunction(value: unknown) {
+    return typeof value === 'function';
+}
+
+/**
+ * Is it a function(是否是函数)
+ * @param {any} value
+ * @return {Boolean}
+ */
+function isObject(value: unknown) {
+    let type = typeof value;
+    return !!value && (type == 'object' || type == 'function');
+}
+
+/**
+ * Is it an array(是否是数组)
+ * @param {any} value
+ * @return {Boolean}
+ */
+function isArray(value: unknown) {
+    return Array.isArray(value);
+}
+
+/**
+ * Is it like an object(是否像对象)
+ * @param {any} value
+ * @return {Boolean}
+ */
+function isObjectLike(value: unknown) {
+    return !!value && typeof value == 'object';
+}
+
+/**
+ * is it a string(是否是字符串)
+ * @param {any} value
+ * @return {Boolean}
+ */
+function isString(value: unknown) {
+    return (
+        typeof value == 'string' ||
+        (!isArray(value) &&
+            isObjectLike(value) &&
+            objectToString.call(value) == '[object String]')
+    );
+}
+
+/**
+ * is it empty(是否是空的)
+ * @param {any} value
+ * @return {Boolean}
+ */
+function isNull(value: unknown) {
+    return value === undefined || value === null || value === '';
+}
+
+export default {
+    isPlainObject,
+    isNumber,
+    isDate,
+    isFunction,
+    isObject,
+    isArray,
+    isObjectLike,
+    isString,
+    isNull,
+};
diff --git a/linkis-web-next/tsconfig.json b/linkis-web-next/tsconfig.json
index 3d39bb36dd..3e8e3a51a4 100644
--- a/linkis-web-next/tsconfig.json
+++ b/linkis-web-next/tsconfig.json
@@ -11,9 +11,10 @@
         },
 
         /* Bundler mode */
-        "moduleResolution": "node",
+        "moduleResolution": "Node",
         "noEmit": true,
         "allowImportingTsExtensions": true,
+        "allowSyntheticDefaultImports": true,
         "resolveJsonModule": true,
         "isolatedModules": true,
         "jsx": "preserve",

From e91ba216d5476dd6fd3ca9728e81c33bc9e1c530 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Sat, 23 Sep 2023 17:05:05 +0800
Subject: [PATCH 14/21] feat: reconstructed the login page

---
 linkis-web-next/package-lock.json             |  14 +
 linkis-web-next/package.json                  |   1 +
 linkis-web-next/src/config/const.ts           |  28 ++
 linkis-web-next/src/config/db.ts              |  32 ++
 linkis-web-next/src/config/scriptis.ts        | 343 ++++++++++++++++++
 .../src/dss/view/logPage/index.vue            |  18 +-
 linkis-web-next/src/dss/view/login/index.vue  | 226 ++++++------
 linkis-web-next/src/helper/db.js              | 198 ----------
 linkis-web-next/src/helper/db.ts              | 201 ++++++++++
 .../src/scriptis/module/webSocket/index.js    | 144 ++++++++
 .../src/scriptis/service/db/globalcache.js    | 102 ++++++
 .../src/scriptis/service/db/history.js        |  36 ++
 .../src/scriptis/service/db/log.js            |  36 ++
 .../src/scriptis/service/db/progress.js       |  36 ++
 .../src/scriptis/service/db/result.js         |  36 ++
 .../src/scriptis/service/db/tab.ts            |  35 ++
 .../src/scriptis/service/db/tree.js           |  36 ++
 .../src/service/db/{index.js => index.ts}     |  84 ++---
 18 files changed, 1250 insertions(+), 356 deletions(-)
 create mode 100644 linkis-web-next/src/config/const.ts
 create mode 100644 linkis-web-next/src/config/db.ts
 create mode 100644 linkis-web-next/src/config/scriptis.ts
 delete mode 100644 linkis-web-next/src/helper/db.js
 create mode 100644 linkis-web-next/src/helper/db.ts
 create mode 100644 linkis-web-next/src/scriptis/module/webSocket/index.js
 create mode 100644 linkis-web-next/src/scriptis/service/db/globalcache.js
 create mode 100644 linkis-web-next/src/scriptis/service/db/history.js
 create mode 100644 linkis-web-next/src/scriptis/service/db/log.js
 create mode 100644 linkis-web-next/src/scriptis/service/db/progress.js
 create mode 100644 linkis-web-next/src/scriptis/service/db/result.js
 create mode 100644 linkis-web-next/src/scriptis/service/db/tab.ts
 create mode 100644 linkis-web-next/src/scriptis/service/db/tree.js
 rename linkis-web-next/src/service/db/{index.js => index.ts} (62%)

diff --git a/linkis-web-next/package-lock.json b/linkis-web-next/package-lock.json
index be20d8aaae..4f8a4a64c3 100644
--- a/linkis-web-next/package-lock.json
+++ b/linkis-web-next/package-lock.json
@@ -12,6 +12,7 @@
                 "@types/lodash": "^4.14.198",
                 "axios": "^1.5.0",
                 "dayjs": "^1.11.10",
+                "dexie": "^3.2.4",
                 "md5": "^2.3.0",
                 "monaco-editor": "^0.43.0",
                 "qs": "^6.11.2",
@@ -2075,6 +2076,14 @@
                 "node": ">=0.4.0"
             }
         },
+        "node_modules/dexie": {
+            "version": "3.2.4",
+            "resolved": "https://registry.npmjs.org/dexie/-/dexie-3.2.4.tgz",
+            "integrity": "sha512-VKoTQRSv7+RnffpOJ3Dh6ozknBqzWw/F3iqMdsZg958R0AS8AnY9x9d1lbwENr0gzeGJHXKcGhAMRaqys6SxqA==",
+            "engines": {
+                "node": ">=6.0"
+            }
+        },
         "node_modules/diff": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
@@ -7894,6 +7903,11 @@
             "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
             "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
         },
+        "dexie": {
+            "version": "3.2.4",
+            "resolved": "https://registry.npmjs.org/dexie/-/dexie-3.2.4.tgz",
+            "integrity": "sha512-VKoTQRSv7+RnffpOJ3Dh6ozknBqzWw/F3iqMdsZg958R0AS8AnY9x9d1lbwENr0gzeGJHXKcGhAMRaqys6SxqA=="
+        },
         "diff": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
diff --git a/linkis-web-next/package.json b/linkis-web-next/package.json
index 6bf20aba32..e9f390cdb5 100644
--- a/linkis-web-next/package.json
+++ b/linkis-web-next/package.json
@@ -14,6 +14,7 @@
         "@types/lodash": "^4.14.198",
         "axios": "^1.5.0",
         "dayjs": "^1.11.10",
+        "dexie": "^3.2.4",
         "md5": "^2.3.0",
         "monaco-editor": "^0.43.0",
         "qs": "^6.11.2",
diff --git a/linkis-web-next/src/config/const.ts b/linkis-web-next/src/config/const.ts
new file mode 100644
index 0000000000..913e8006e8
--- /dev/null
+++ b/linkis-web-next/src/config/const.ts
@@ -0,0 +1,28 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+const DEVPROCESS = {
+    DEVELOPMENTCENTER: 'dev', // Develop center(开发中心)
+    PRODUCTCENTER: 'prod', // Production center(生产中心)
+};
+
+const ORCHESTRATORMODES = {
+    WORKFLOW: 'pom_work_flow', // Workflow Orchestration(工作流编排)
+    SINGLETASK: 'pom_single_task', // single task scheduling(单任务编排)
+    CONSTSTORCHESTRATOR: 'pom_consist_orchestrator', // Combination arrangement(组合编排)
+};
+export { DEVPROCESS, ORCHESTRATORMODES };
diff --git a/linkis-web-next/src/config/db.ts b/linkis-web-next/src/config/db.ts
new file mode 100644
index 0000000000..4e858e2961
--- /dev/null
+++ b/linkis-web-next/src/config/db.ts
@@ -0,0 +1,32 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+// What table needs to be built for each application add here(各应用需要建什么表在这里添加)
+export const config = {
+    version: 4,
+    stores: {
+        project: '&projectID',
+        tab: '&id',
+        log: '&tabId',
+        history: '&tabId',
+        result: '&tabId',
+        globalCache: '&key, value',
+        progress: '&tabId',
+        node: '&nodeId',
+        tree: '&treeId',
+    },
+};
diff --git a/linkis-web-next/src/config/scriptis.ts b/linkis-web-next/src/config/scriptis.ts
new file mode 100644
index 0000000000..93206d9f1e
--- /dev/null
+++ b/linkis-web-next/src/config/scriptis.ts
@@ -0,0 +1,343 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+export default Object.freeze([
+    {
+        rule: /\.(bi)$/i,
+        executable: false,
+        logo: 'fi-bi',
+        color: '#9771E7',
+        isCanBeNew: false,
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\.(sql)$/i,
+        lang: 'hql',
+        executable: true,
+        application: 'spark',
+        runType: 'sql',
+        ext: '.sql',
+        scriptType: 'hive',
+        abbr: 'sql',
+        logo: 'fi-spark',
+        color: '#FF9900',
+        isCanBeNew: true,
+        label: 'Sql',
+        isCanBeOpen: true,
+        flowType: 'sql',
+    },
+    {
+        rule: /\.(hql)$/i,
+        lang: 'hql',
+        executable: true,
+        application: 'hive',
+        runType: 'hql',
+        ext: '.hql',
+        scriptType: 'hql',
+        abbr: 'hql',
+        logo: 'fi-hive',
+        color: '#F4CF38',
+        isCanBeNew: true,
+        label: 'Hive',
+        isCanBeOpen: true,
+        flowType: 'hql',
+    },
+    {
+        rule: /\.(out)$/i,
+        lang: 'out',
+        executable: true,
+        application: 'pipeline',
+        runType: 'pipeline',
+        ext: '.out',
+        scriptType: 'storage',
+        abbr: 'stor',
+        logo: 'fi-storage',
+        color: '#4DB091',
+        isCanBeNew: true,
+        label: 'Storage',
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\.scala$/i,
+        lang: 'java',
+        executable: true,
+        application: 'spark',
+        runType: 'scala',
+        ext: '.scala',
+        scriptType: 'scala',
+        abbr: 'scala',
+        logo: 'fi-scala',
+        color: '#ED4014',
+        isCanBeNew: true,
+        label: 'Scala',
+        isCanBeOpen: true,
+        flowType: 'scala',
+    },
+    {
+        rule: /\.scala$/i,
+        lang: 'java',
+        executable: true,
+        application: 'spark',
+        runType: 'function.mdq',
+        ext: '.scala',
+        scriptType: 'scala',
+        abbr: 'scala',
+        logo: 'fi-scala',
+        color: '#ED4014',
+        isCanBeNew: false,
+        label: 'Scala',
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\.jdbc$/i,
+        lang: 'hql',
+        executable: true,
+        application: 'jdbc',
+        runType: 'jdbc',
+        ext: '.jdbc',
+        scriptType: 'jdbc',
+        abbr: 'jdbc',
+        logo: 'fi-jdbc',
+        color: '#444444',
+        isCanBeNew: true,
+        label: 'JDBC',
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\.python$/i,
+        lang: 'python',
+        executable: true,
+        application: 'python',
+        runType: 'python',
+        ext: '.python',
+        scriptType: 'python',
+        abbr: 'py',
+        logo: 'fi-python',
+        color: '#3573A6',
+        isCanBeNew: true,
+        label: 'Python',
+        isCanBeOpen: true,
+        flowType: 'python',
+    },
+    {
+        rule: /\.py$/i,
+        lang: 'python',
+        executable: true,
+        application: 'spark',
+        runType: 'py',
+        ext: '.py',
+        scriptType: 'pythonSpark',
+        abbr: 'py',
+        logo: 'fi-spark-python',
+        color: '#3573A6',
+        isCanBeNew: true,
+        label: 'PythonSpark',
+        isCanBeOpen: true,
+        flowType: 'pyspark',
+    },
+    {
+        rule: /\.r$/i,
+        lang: 'r',
+        executable: true,
+        application: 'spark',
+        runType: 'r',
+        ext: '.r',
+        scriptType: 'r',
+        abbr: 'r',
+        logo: 'fi-r',
+        color: '#2D8CF0',
+        isCanBeNew: true,
+        label: 'R',
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\.sh$/i,
+        lang: 'sh',
+        executable: true,
+        application: 'shell',
+        runType: 'shell',
+        ext: '.sh',
+        scriptType: 'shell',
+        abbr: 'shell',
+        logo: 'fi-scriptis',
+        color: '#444444',
+        isCanBeNew: false,
+        label: 'Shell',
+        isCanBeOpen: true,
+        flowType: 'shell',
+    },
+    {
+        rule: /\.sh$/i,
+        lang: 'sh',
+        executable: true,
+        application: 'shell',
+        runType: 'sh',
+        ext: '.sh',
+        scriptType: 'shell',
+        abbr: 'shell',
+        logo: 'fi-scriptis',
+        color: '#444444',
+        isCanBeNew: true,
+        label: 'Shell',
+        isCanBeOpen: true,
+        flowType: 'shell',
+    },
+    {
+        rule: /\.qmlsql$/i,
+        lang: 'hql',
+        executable: false,
+        application: 'spark',
+        runType: 'sql',
+        ext: '.qmlsql',
+        scriptType: 'qmlsql',
+        abbr: 'qmlsql',
+        logo: 'fi-spark',
+        color: '#FF9900',
+        isCanBeNew: false,
+        label: 'QMLSQL',
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\.qmlpy$/i,
+        lang: 'python',
+        executable: false,
+        application: 'spark',
+        runType: 'python',
+        ext: '.qmlpy',
+        scriptType: 'qmlpy',
+        abbr: 'qmlpy',
+        logo: 'fi-python',
+        color: '#3573A6',
+        isCanBeNew: false,
+        label: 'QMLPy',
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\.txt$/i,
+        lang: 'text',
+        executable: false,
+        application: null,
+        runType: null,
+        ext: '.txt',
+        scriptType: 'txt',
+        abbr: '',
+        logo: 'fi-txt',
+        color: '#444444',
+        isCanBeNew: false,
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\.log$/i,
+        lang: 'text',
+        executable: false,
+        application: null,
+        runType: null,
+        ext: '.log',
+        scriptType: 'txt',
+        abbr: '',
+        logo: 'fi-log',
+        color: '#444444',
+        isCanBeNew: false,
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\."flowexecution"$/i,
+        lang: 'text',
+        executable: false,
+        application: 'flowexecution',
+        runType: 'json',
+        ext: '.txt',
+        scriptType: 'json',
+        abbr: '',
+        logo: 'fi-workflow',
+        color: '#444444',
+        isCanBeNew: false,
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\."appjoint"$/i,
+        lang: 'text',
+        executable: false,
+        application: 'appjoint',
+        runType: null,
+        ext: '.txt',
+        scriptType: 'json',
+        abbr: '',
+        logo: 'fi-workflow',
+        color: '#444444',
+        isCanBeNew: false,
+        isCanBeOpen: true,
+    },
+    {
+        rule: /\.xls$/i,
+        logo: 'fi-xls',
+        color: '#36AF47',
+        isCanBeNew: false,
+        isCanBeOpen: false,
+    },
+    {
+        rule: /\.xlsx$/i,
+        logo: 'fi-xlsx',
+        color: '#36AF47',
+        isCanBeNew: false,
+        isCanBeOpen: false,
+    },
+    {
+        rule: /\.csv$/i,
+        logo: 'fi-csv',
+        color: '#36AF47',
+        isCanBeNew: false,
+        isCanBeOpen: false,
+    },
+    {
+        rule: /\.jar$/i,
+        logo: 'fi-jar',
+        color: '#E45F3D',
+        isCanBeNew: false,
+        isCanBeOpen: false,
+    },
+    {
+        rule: /\.ngql$/i,
+        lang: 'hql',
+        executable: true,
+        application: 'nebula',
+        runType: 'nebula',
+        ext: '.ngql',
+        scriptType: 'Nebula',
+        abbr: 'nebula',
+        logo: 'fi-txt',
+        color: '#3573A6',
+        isCanBeNew: true,
+        label: 'Nebula',
+        isCanBeOpen: true,
+    },
+    {
+        rule: /(表详情)|(Table\sdetails)/,
+        executable: false,
+        isCanBeOpen: true,
+    },
+    {
+        rule: /(建表向导)|(Table\screation\sguide)/,
+        executable: false,
+        isCanBeOpen: true,
+    },
+    {
+        rule: /(库详情)|(Db\sdetails)/,
+        executable: false,
+        isCanBeOpen: true,
+    },
+]);
diff --git a/linkis-web-next/src/dss/view/logPage/index.vue b/linkis-web-next/src/dss/view/logPage/index.vue
index 3ff819ed9d..c0f870c224 100644
--- a/linkis-web-next/src/dss/view/logPage/index.vue
+++ b/linkis-web-next/src/dss/view/logPage/index.vue
@@ -18,21 +18,13 @@
 <template>
   <div class="log-content">
     <div class="header-bar">
-      <Button
-        type="primary"
-        @click="back"
-        style="margin-right: 10px;">{{$t('message.linkis.back')}}</Button>
-      <Button
-        type="warning"
-        @click="logRefresh"
-        style="margin-right: 10px;">{{$t('message.linkis.refresh')}}</Button>
+      <Button type="primary" @click="back" style="margin-right: 10px;">{{ $t('message.linkis.back') }}</Button>
+      <Button type="warning" @click="logRefresh" style="margin-right: 10px;">{{ $t('message.linkis.refresh') }}</Button>
     </div>
-    <log
-      :logs="logs"
-      :from-line="fromLine"/>
+    <log :logs="logs" :from-line="fromLine" />
   </div>
 </template>
-<script>
+<!-- <script>
 import api from '@/common/service/api';
 import log from '@/components/log/index.vue';
 import util from '@/common/util';
@@ -130,4 +122,4 @@ export default {
     padding-bottom: 10px;
   }
 }
-</style>
+</style> -->
diff --git a/linkis-web-next/src/dss/view/login/index.vue b/linkis-web-next/src/dss/view/login/index.vue
index 37a88a0893..71ee556a2a 100644
--- a/linkis-web-next/src/dss/view/login/index.vue
+++ b/linkis-web-next/src/dss/view/login/index.vue
@@ -19,43 +19,55 @@
   <div class="login">
     <i class="login-bg" />
     <div class="login-main">
-      <Form ref="loginForm" :model="loginForm" :rules="ruleInline">
-        <FormItem>
-          <span class="login-title">
-            {{ $t('message.common.login.loginTitle') }}
-          </span>
-        </FormItem>
-        <FormItem prop="user">
-          <div class="label">{{ $t('message.linkis.userName') }}</div>
+      <FForm ref="loginFormRef" :model="loginForm" :rules="ruleInline" labelPosition="top">
+        <span class="login-title">
+          {{ $t('message.common.login.loginTitle') }}
+        </span>
+
+        <FFormItem prop="user" :rules="[{ required: true, message: $t('message.common.login.userName') }]">
+          <template #label>
+            <div class="label">{{ $t('message.linkis.userName') }}</div>
+          </template>
           <FInput class="login-input" v-model="loginForm.user" type="text"
             :placeholder="$t('message.common.login.userName')" size="large" />
-        </FormItem>
-        <FormItem prop="password">
-          <div class="label password">{{ $t('message.linkis.password') }}</div>
+        </FFormItem>
+
+        <FFormItem prop="password" :rules="[{ required: true, message: $t('message.common.login.passwordHint') }]">
+          <template #label>
+            <div class=" label password">{{ $t('message.linkis.password') }}
+            </div>
+          </template>
           <FInput class="login-input" v-model="loginForm.password" type="password"
             :placeholder="$t('message.common.login.passwordHint')" size="large" />
-          <FCheckbox v-model="rememberUserNameAndPass" class="remember-user-name">
-            {{ $t('message.common.login.remenber') }}
-          </FCheckbox>
-        </FormItem>
-        <FormItem>
-          <FButton class="login-btn" :loading="loading" type="primary" long size="large">
-            {{ $t('message.common.login.login') }}
-          </FButton>
-        </FormItem>
-      </Form>
+        </FFormItem>
+        <FCheckbox v-model="rememberUserNameAndPass" class="remember-user-name">
+          {{ $t('message.common.login.remenber') }}
+        </FCheckbox>
+
+        <FButton @click="handleSubmit('loginForm')" class="login-btn" :loading="loading" type="primary" long size="large">
+          {{ $t('message.common.login.login') }}
+        </FButton>
+      </FForm>
     </div>
   </div>
 </template>
 <script lang="ts">
 import api from '@/service/api';
 import { FMessage } from '@fesjs/fes-design';
-import { defineComponent } from 'vue';
+import { defineComponent, ref } from 'vue';
 import storage from '@/helper/storage'
+import JSEncrypt from 'jsencrypt';
+import tab from '@/scriptis/service/db/tab';
+import { db } from '@/service/db';
+import { config } from '@/config/db';
 
 export default defineComponent({
   setup() {
+    const loginFormRef = ref(null)
+
     return {
+      userName: '',
+      loginFormRef,
       loading: false,
       loginForm: {
         user: '',
@@ -80,12 +92,15 @@ export default defineComponent({
         ]
       },
       rememberUserNameAndPass: false,
-      publicKeyData: null
+      publicKeyData: {
+        enableLoginEncrypt: null,
+        publicKey: null
+      }
     }
 
   },
   created() {
-    let userNameAndPass = null
+    let userNameAndPass = ''
     storage.get('saveUserNameAndPass', 'local')
     if (userNameAndPass) {
       this.rememberUserNameAndPass = true
@@ -102,88 +117,92 @@ export default defineComponent({
       })
     },
     handleSubmit(name: string) {
-      this.$refs[name].validate(async (valid: boolean) => {
-        if (valid) {
-          this.loading = true
-          if (!this.rememberUserNameAndPass) {
-            storage.remove('saveUserNameAndPass', 'local')
-          }
-          this.loginForm.user = this.loginForm.user.toLocaleLowerCase()
-          // Need to determine whether the password needs to be encrypted(需要判断是否需要给密码加密)
-          let password = this.loginForm.password
-          let params = {}
-          if (this.publicKeyData && this.publicKeyData.enableLoginEncrypt) {
-            const key = `-----BEGIN PUBLIC KEY-----${this.publicKeyData.publicKey}-----END PUBLIC KEY-----`
-            const encryptor = new JSEncrypt()
-            encryptor.setPublicKey(key)
-            password = encryptor.encrypt(this.loginForm.password)
-            params = {
-              userName: this.loginForm.user,
-              password
+      console.log(this.loginForm.user, name)
+      // this.loginFormRef.validate((valid: boolean) => {
+      // if (valid) {
+      this.loading = true
+      if (!this.rememberUserNameAndPass) {
+        storage.remove('saveUserNameAndPass', 'local')
+      }
+      this.loginForm.user = this.loginForm.user.toLocaleLowerCase()
+      // Need to determine whether the password needs to be encrypted(需要判断是否需要给密码加密)
+      let password = this.loginForm.password
+      let params = {}
+      if (this.publicKeyData && this.publicKeyData.enableLoginEncrypt) {
+        const key = `-----BEGIN PUBLIC KEY-----${this.publicKeyData.publicKey}-----END PUBLIC KEY-----`
+        const encryptor = new JSEncrypt()
+        encryptor.setPublicKey(key)
+        password = encryptor.encrypt(this.loginForm.password) as string
+        params = {
+          userName: this.loginForm.user,
+          password
+        }
+      } else {
+        params = {
+          userName: this.loginForm.user,
+          password
+        }
+      }
+      // Log in to clear the local cache(登录清掉本地缓存)
+      // After logging out twice in a row, data will be lost, so it is necessary to judge whether it has been saved and not used.(连续两次退出登录后，会导致数据丢失，所以得判断是否已存切没有使用)
+      tab.get().then((tabs: any) => {
+        const tablist = storage.get(this.loginForm.user + 'tabs', 'local')
+        if (!tablist || tablist.length <= 0) {
+          storage.set(this.loginForm.user + 'tabs', tabs, 'local')
+        }
+        Object.keys(config.stores).map((key) => {
+          db.db?.[key]?.clear()
+        })
+        api
+          .fetch(`/user/login`, params)
+          .then((rst: any) => {
+            this.loading = false
+            storage.set('userName', rst.userName, 'session')
+            storage.set(
+              'enableWatermark',
+              rst.enableWatermark,
+              'session'
+            )
+            // save username(保存用户名)
+            if (this.rememberUserNameAndPass) {
+              storage.set(
+                'saveUserNameAndPass',
+                `${this.loginForm.user}&${this.loginForm.password}`,
+                'local'
+              )
             }
-          } else {
-            params = {
-              userName: this.loginForm.user,
-              password
+            if (rst) {
+              this.userName = rst.userName
+              this.$router.push({ path: '/console' })
+              FMessage.success(
+                this.$t('message.common.login.loginSuccess')
+              )
             }
-          }
-          // Log in to clear the local cache(登录清掉本地缓存)
-          // After logging out twice in a row, data will be lost, so it is necessary to judge whether it has been saved and not used.(连续两次退出登录后，会导致数据丢失，所以得判断是否已存切没有使用)
-          let tabs = (await tab.get()) || []
-          const tablist = storage.get(this.loginForm.user + 'tabs', 'local')
-          if (!tablist || tablist.length <= 0) {
-            storage.set(this.loginForm.user + 'tabs', tabs, 'local')
-          }
-          Object.keys(config.stores).map((key) => {
-            db.db[key].clear()
           })
-          api
-            .fetch(`/user/login`, params)
-            .then((rst) => {
-              this.loading = false
-              storage.set('userName', rst.userName, 'session')
+          .catch((err: any) => {
+            if (this.rememberUserNameAndPass) {
               storage.set(
-                'enableWatermark',
-                rst.enableWatermark ? true : false,
-                'session'
+                'saveUserNameAndPass',
+                `${this.loginForm.user}&${this.loginForm.password}`,
+                'local'
               )
-              // save username(保存用户名)
-              if (this.rememberUserNameAndPass) {
-                // storage.set(
-                //   'saveUserNameAndPass',
-                //   `${this.loginForm.user}&${this.loginForm.password}`,
-                //   'local'
-                // )
-              }
-              if (rst) {
-                // this.userName = rst.userName
-                this.$router.push({ path: '/console' })
-                FMessage.success(
-                  this.$t('message.common.login.loginSuccess')
-                )
-              }
-            })
-            .catch((err) => {
-              if (this.rememberUserNameAndPass) {
-                storage.set(
-                  'saveUserNameAndPass',
-                  `${this.loginForm.user}&${this.loginForm.password}`,
-                  'local'
-                )
-              }
-              if (err.message.indexOf('已经登录，请先退出再进行登录') !== -1) {
-                this.getPageHomeUrl().then(() => {
-                  this.$router.push({ path: '/' })
-                })
-              }
-              this.loading = false
-            })
-        } else {
-          FMessage.error(this.$t('message.common.login.vaildFaild'))
-        }
+            }
+            if (err.message.indexOf('已经登录，请先退出再进行登录') !== -1) {
+              // this.getPageHomeUrl().then(() => {
+              this.$router.push({ path: '/' })
+              // })
+            }
+            this.loading = false
+          })
       })
+      // }
+      //  else {
+      //   console.error(this.$t('message.common.login.vaildFaild'))
+      //   FMessage.error(this.$t('message.common.login.vaildFaild'))
+      // }
+      // })
     },
-    // clear local cache(清楚本地缓存)
+    // clear local cache
     clearSession() {
       storage.clear()
     }
@@ -238,7 +257,7 @@ export default defineComponent({
 
     .label {
       font-size: 14px;
-      line-height: 32px;
+      line-height: 22px;
       margin-top: 20px;
     }
 
@@ -271,7 +290,8 @@ export default defineComponent({
     }
 
     .remember-user-name {
-      margin: 5px 0 0 10px;
+      position: absolute;
+      bottom: 106px;
     }
 
     .ivu-form-item {
@@ -279,6 +299,10 @@ export default defineComponent({
     }
   }
 
+  :deep(.fes-form-item-label::before) {
+    display: none;
+  }
+
   .radioGroup {
     padding-left: 20px;
     display: block;
diff --git a/linkis-web-next/src/helper/db.js b/linkis-web-next/src/helper/db.js
deleted file mode 100644
index de2cdd1fbd..0000000000
--- a/linkis-web-next/src/helper/db.js
+++ /dev/null
@@ -1,198 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- * 
- *   http://www.apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
- 
-
-import Dexie from 'dexie';
-/**
- * wrap db operator
- * @class DB
- */
-export default class DB {
-  /**
-     * Creates an instance of DB.
-     * @param {*} name
-     * @param {Object} stores
-     * @param {Number} version
-     * @memberof DB
-     */
-  constructor(name, stores, version = 1) {
-    this.db = new Dexie(name);
-    this.db.version(version).stores(stores);
-  }
-  /**
-     *
-     * @param {*} stores
-     * @param {*} version
-     * @memberof DB
-     */
-  updateVersion(stores, version) {
-    try {
-      this.db.version(version).stores(stores);
-    } catch (e) {
-      this._errorCatch(e);
-    }
-  }
-  /**
-     * wrap put method
-     * If an object with the same primary key already exists,
-     * it will be replaced with the given object.
-     * If it does not exist, it will be added.
-     * @param {String} table
-     * @param {Object | Array} fields
-     * @param {*} id
-     * @memberof DB
-     */
-  async put(table, fields) {
-    const promiseArr = [];
-    if (Array.isArray(fields)) {
-      fields.forEach((item) => {
-        promiseArr.push(this.db[table].put(item));
-      });
-    } else {
-      promiseArr.push(this.db[table].put(fields));
-    }
-    try {
-      return await Promise.all(promiseArr);
-    } catch (e) {
-      return this._errorCatch(e);
-    }
-  }
-  /**
-     * wrap get method
-     * @param {String} table
-     * @param {Array} keys
-     * @memberof DB
-     */
-  async get(table, keys) {
-    const promiseArr = [];
-    if (Array.isArray(keys)) {
-      keys.forEach((item) => {
-        promiseArr.push(this.db[table].get(item));
-      });
-    } else {
-      promiseArr.push(this.db[table].get(keys));
-    }
-    try {
-      return await Promise.all(promiseArr);
-    } catch (e) {
-      return this._errorCatch(e);
-    }
-  }
-  /**
-     *
-     * @param {*} table
-     * @param {String | Object} clause
-     * @memberof DB
-     * @return {this}
-     */
-  where(table, clause) {
-    this.whereClause = this.db[table].where(clause);
-    return this;
-  }
-  /**
-     *
-     * @param {*} table
-     * @param {*} key
-     * @param {*} changes
-     * @return {updated}
-     * @memberof DB
-     */
-  async update(table, key, changes) {
-    try {
-      return await this.db[table].update(key, changes);
-    } catch (e) {
-      return this._errorCatch(e);
-    }
-  }
-  /**
-     *
-     * @param {String | Object} clause
-     * @memberof DB
-     * @return {this}
-     */
-  equals(clause) {
-    this.collection = this.whereClause.where(clause);
-    return this;
-  }
-  /**
-     *
-     * @param {String | Array} clause
-     * @memberof DB
-     * @return {this}
-     */
-  anyOf(clause) {
-    this.collection = this.whereClause.where(clause);
-    return this;
-  }
-  /**
-     *
-     * @param {Function} cb
-     * @memberof DB
-     * @return {Promise}
-     */
-  async first(cb) {
-    try {
-      return await this.collection.first(cb);
-    } catch (e) {
-      return this._errorCatch(e);
-    }
-  }
-  /**
-     * db or table or collection delete
-     * @memberof DB
-     * @return {Promise}
-     */
-  async delete(...args) {
-    const len = args.length;
-    const table = args[0];
-    let key = args[1];
-    try {
-      if (len === 0) {
-        return await this.collection.delete();
-      } else if (len === 2) {
-        return await this.db[table].delete(key);
-      }
-    } catch (e) {
-      return this._errorCatch(e);
-    }
-  }
-  /**
-     * @param {*} table
-     * @memberof DB
-     * @return {Promise}
-     */
-  async toArray(table) {
-    try {
-      if (table) {
-        this.collection = this.db[table];
-      }
-      return await this.collection.toArray();
-    } catch (e) {
-      return this._errorCatch(e);
-    }
-  }
-  /**
-     * wrap catch error
-     * @param {*} e
-     * @memberof DB
-     * @return {Promise}
-     */
-  _errorCatch(e) {
-    this.errHandler && this.errHandler(e.message);
-    return Promise.resolve(null);
-  }
-}
diff --git a/linkis-web-next/src/helper/db.ts b/linkis-web-next/src/helper/db.ts
new file mode 100644
index 0000000000..ea49f61922
--- /dev/null
+++ b/linkis-web-next/src/helper/db.ts
@@ -0,0 +1,201 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import Dexie from 'dexie';
+/**
+ * wrap db operator
+ * @class DB
+ */
+export default class DB {
+    db: Dexie;
+    whereClause: any;
+    collection: any;
+    errHandler: any;
+    /**
+     * Creates an instance of DB.
+     * @param {*} name
+     * @param {Object} stores
+     * @param {Number} version
+     * @memberof DB
+     */
+    constructor(name: string, stores: any, version = 1) {
+        this.db = new Dexie(name);
+        this.db.version(version).stores(stores);
+    }
+    /**
+     *
+     * @param {*} stores
+     * @param {*} version
+     * @memberof DB
+     */
+    updateVersion(stores: any, version: number) {
+        try {
+            this.db.version(version).stores(stores);
+        } catch (e) {
+            this._errorCatch(e);
+        }
+    }
+    /**
+     * wrap put method
+     * If an object with the same primary key already exists,
+     * it will be replaced with the given object.
+     * If it does not exist, it will be added.
+     * @param {String} table
+     * @param {Object | Array} fields
+     * @param {*} id
+     * @memberof DB
+     */
+    async put(table, fields) {
+        const promiseArr = [];
+        if (Array.isArray(fields)) {
+            fields.forEach((item) => {
+                promiseArr.push(this.db[table].put(item));
+            });
+        } else {
+            promiseArr.push(this.db[table].put(fields));
+        }
+        try {
+            return await Promise.all(promiseArr);
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+    /**
+     * wrap get method
+     * @param {String} table
+     * @param {Array} keys
+     * @memberof DB
+     */
+    async get(table, keys) {
+        const promiseArr = [];
+        if (Array.isArray(keys)) {
+            keys.forEach((item) => {
+                promiseArr.push(this.db[table].get(item));
+            });
+        } else {
+            promiseArr.push(this.db[table].get(keys));
+        }
+        try {
+            return await Promise.all(promiseArr);
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+    /**
+     *
+     * @param {*} table
+     * @param {String | Object} clause
+     * @memberof DB
+     * @return {this}
+     */
+    where(table, clause) {
+        this.whereClause = this.db[table].where(clause);
+        return this;
+    }
+    /**
+     *
+     * @param {*} table
+     * @param {*} key
+     * @param {*} changes
+     * @return {updated}
+     * @memberof DB
+     */
+    async update(table, key, changes) {
+        try {
+            return await this.db[table].update(key, changes);
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+    /**
+     *
+     * @param {String | Object} clause
+     * @memberof DB
+     * @return {this}
+     */
+    equals(clause) {
+        this.collection = this.whereClause.where(clause);
+        return this;
+    }
+    /**
+     *
+     * @param {String | Array} clause
+     * @memberof DB
+     * @return {this}
+     */
+    anyOf(clause) {
+        this.collection = this.whereClause.where(clause);
+        return this;
+    }
+    /**
+     *
+     * @param {Function} cb
+     * @memberof DB
+     * @return {Promise}
+     */
+    async first(cb) {
+        try {
+            return await this.collection.first(cb);
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+    /**
+     * db or table or collection delete
+     * @memberof DB
+     * @return {Promise}
+     */
+    async delete(...args) {
+        const len = args.length;
+        const table = args[0];
+        let key = args[1];
+        try {
+            if (len === 0) {
+                return await this.collection.delete();
+            } else if (len === 2) {
+                return await this.db[table].delete(key);
+            }
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+    /**
+     * @param {*} table
+     * @memberof DB
+     * @return {Promise}
+     */
+    async toArray(table) {
+        try {
+            if (table) {
+                this.collection = this.db[table];
+            }
+            return await this.collection.toArray();
+        } catch (e) {
+            return this._errorCatch(e);
+        }
+    }
+    /**
+     * wrap catch error
+     * @param {*} e
+     * @memberof DB
+     * @return {Promise}
+     */
+    _errorCatch(e: any) {
+        this.errHandler && this.errHandler(e.message);
+        return Promise.resolve(null);
+    }
+}
diff --git a/linkis-web-next/src/scriptis/module/webSocket/index.js b/linkis-web-next/src/scriptis/module/webSocket/index.js
new file mode 100644
index 0000000000..c4ed216c41
--- /dev/null
+++ b/linkis-web-next/src/scriptis/module/webSocket/index.js
@@ -0,0 +1,144 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+
+// a web app only has a socket
+import Socket from '@/common/service/socket';
+const manager = {
+  timer: null,
+  socket: null,
+  interval: 100,
+  retryInterval: 1000,
+  retryTimer: null,
+  retryCounter: 3,
+  errCode: 0,
+  delayCounter: 0,
+};
+const module = {
+  name: 'WebSocket',
+  events: [],
+  dispatchs: ['Workbench:socket'],
+  methods: {
+    init() {
+      if (manager.socket) {
+        if (manager.socket.readyState === 3) {
+          manager.retryCounter = 3;
+          return module.methods.reconnect();
+        }
+        return;
+      }
+      manager.socket = new Socket({
+        url: `ws://${process.env.VUE_APP_HOST || window.location.host}${process.env.VUE_APP_MN_CONFIG_SOCKET}`,
+        errHandler: () => {
+          // window.$Wa.log(JSON.stringify(e));
+        },
+      });
+      manager.socket.on('inconnect', () => {
+        module.methods.downgrade();
+        window.console.warn('socket连接失败，后续请求将使用http');
+      });
+      manager.socket.on('close', (e) => {
+        module.methods.clearTimer();
+        manager.errCode = e.code;
+        if (e.code != 1001 && e.code != 1005) {
+          manager.retryTimer = setTimeout(() => {
+            module.methods.reconnect(null, e.code);
+          }, manager.retryInterval);
+        } else {
+          manager.retryCounter = 3;
+        }
+      });
+      manager.socket.on('data', (data) => {
+        module.dispatch('Workbench:socket', {
+          type: 'data',
+          data,
+        });
+      });
+      manager.socket.on('dataError', (data) => {
+        module.dispatch('Workbench:socket', {
+          type: 'dataError',
+          data,
+        });
+      });
+    },
+    close() {
+      manager.socket && manager.socket.close(1000);
+    },
+    send(data) {
+      // handle socket disconnect while
+      if (!manager.socket) {
+        module.methods.downgrade(data);
+        // handle idle, socket will not connect immediately insteads while sending data
+      } else if (manager.socket.readyState === 0) {
+        module.methods.delaySend(data);
+      } else if (manager.socket.readyState === 1) {
+        manager.socket.send(data);
+      } else if (manager.errCode === 1001) {
+        module.methods.reconnect(data, 1001);
+        module.methods.reSend(data);
+      } else {
+        window.console.warn(`socket readystate${manager.socket.readyState}：本次请求将使用http`);
+        module.methods.downgrade(data);
+      }
+    },
+    delaySend(data) {
+      if (manager.delayCounter > 10) {
+        manager.delayCounter = 0;
+        window.console.warn(`socket readystate重试多次不为open：本次请求将使用http`);
+        return module.methods.downgrade(data);
+      }
+      module.methods.reSend(data);
+      manager.delayCounter++;
+    },
+    downgrade(data) {
+      if (data) {
+        module.methods.clearResendTimer();
+      }
+      module.methods.clearTimer();
+      manager.retryCounter = 1;
+      module.dispatch('Workbench:socket', {
+        type: 'downgrade',
+        data,
+      });
+    },
+    reconnect(data = null, code) {
+      module.methods.clearTimer();
+      if (--manager.retryCounter > 0) {
+        manager.socket.reconnect(data);
+      } else {
+        module.methods.downgrade(data);
+        window.console.warn(`错误码${code}：本次请求将使用http`);
+      }
+    },
+    reSend(data) {
+      module.methods.clearResendTimer();
+      manager.timer = setTimeout(() => {
+        module.methods.send(data);
+      }, manager.interval);
+    },
+    clearTimer() {
+      clearTimeout(manager.retryTimer);
+    },
+    clearResendTimer() {
+      clearTimeout(manager.timer);
+    },
+  },
+}
+;
+// Close the socket first and register(先关socket全局注册)
+// export default module;
+export default { name: 'WebSocket' }
diff --git a/linkis-web-next/src/scriptis/service/db/globalcache.js b/linkis-web-next/src/scriptis/service/db/globalcache.js
new file mode 100644
index 0000000000..ca9d8623f0
--- /dev/null
+++ b/linkis-web-next/src/scriptis/service/db/globalcache.js
@@ -0,0 +1,102 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { isNil, remove } from 'lodash';
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class Globalcache
+ * @extends {Basic}
+ */
+class Globalcache extends Basic {
+  /**
+     *Creates an instance of Globalcache.
+     * @param {*} table
+     * @param {*} db
+     * @memberof Globalcache
+     */
+  constructor(table) {
+    super(table);
+  }
+
+  /**
+     * @param {*} args
+     * @return {*}
+     */
+  async setCache(args) {
+    let cache = await this.getCache(args.key);
+    let cacheToUpdate = args;
+    if (!isNil(cache)) {
+      cacheToUpdate = { _id: cache._id, ...cacheToUpdate };
+    }
+    return this.add(cacheToUpdate);
+  }
+
+  /**
+     * @param {*} key
+     * @return {*}
+     */
+  async getCache(key) {
+    let caches = await this.get(key) || [];
+    return caches[0];
+  }
+
+  /**
+     * @param {*} args
+     * @return {*}
+     */
+  async removeCache(args) {
+    let cache = await this.getCache(args.id);
+    let tabList = [];
+    if (!isNil(cache)) {
+      tabList = cache.tabList;
+      remove(tabList, (n) => n === args.tabId);
+    }
+    return this.update(args.id, { key: args.id, tabList: tabList });
+  }
+
+  /**
+     * @param {*} args
+     * @return {*}
+     */
+  async updateCache(args) {
+    if (args.work) {
+      let cache = await this.getCache(args.id);
+      const id = args.work.id;
+      let tabList = [];
+      if (!isNil(cache)) {
+        tabList = cache.tabList;
+        if (cache.tabList.indexOf(id) === -1) {
+          tabList.push(id);
+        }
+      } else {
+        tabList.push(id);
+      }
+      return this.update(args.id, { key: args.id, tabList: tabList });
+    }
+    if (args.fnList) {
+      this.update(args.id, { key: args.id, fnList: args.fnList });
+    }
+    if (args.variableList) {
+      this.update(args.id, { key: args.id, variableList: args.variableList });
+    }
+    return;
+  }
+}
+const globalcache = new Globalcache('globalCache');
+
+export default globalcache;
diff --git a/linkis-web-next/src/scriptis/service/db/history.js b/linkis-web-next/src/scriptis/service/db/history.js
new file mode 100644
index 0000000000..43b48decfd
--- /dev/null
+++ b/linkis-web-next/src/scriptis/service/db/history.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class History
+ * @extends {Basic}
+ */
+class History extends Basic {
+  /**
+     *Creates an instance of History.
+     * @param {*} table
+     * @memberof History
+     */
+  constructor(table) {
+    super(table);
+  }
+}
+const history = new History('history');
+
+export default history;
diff --git a/linkis-web-next/src/scriptis/service/db/log.js b/linkis-web-next/src/scriptis/service/db/log.js
new file mode 100644
index 0000000000..c63110eaa1
--- /dev/null
+++ b/linkis-web-next/src/scriptis/service/db/log.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class Log
+ * @extends {Basic}
+ */
+class Log extends Basic {
+  /**
+     *Creates an instance of Log.
+     * @param {*} table
+     * @memberof Log
+     */
+  constructor(table) {
+    super(table);
+  }
+}
+const log = new Log('log');
+
+export default log;
diff --git a/linkis-web-next/src/scriptis/service/db/progress.js b/linkis-web-next/src/scriptis/service/db/progress.js
new file mode 100644
index 0000000000..3adaa51772
--- /dev/null
+++ b/linkis-web-next/src/scriptis/service/db/progress.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class progress
+ * @extends {Basic}
+ */
+class Progress extends Basic {
+  /**
+     *Creates an instance of progress.
+     * @param {*} table
+     * @memberof progress
+     */
+  constructor(table) {
+    super(table);
+  }
+}
+const progress = new Progress('progress');
+
+export default progress;
diff --git a/linkis-web-next/src/scriptis/service/db/result.js b/linkis-web-next/src/scriptis/service/db/result.js
new file mode 100644
index 0000000000..14c2195429
--- /dev/null
+++ b/linkis-web-next/src/scriptis/service/db/result.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class Result
+ * @extends {Basic}
+ */
+class Result extends Basic {
+  /**
+     *Creates an instance of Result.
+     * @param {*} table
+     * @memberof Result
+     */
+  constructor(table) {
+    super(table);
+  }
+}
+const result = new Result('result');
+
+export default result;
diff --git a/linkis-web-next/src/scriptis/service/db/tab.ts b/linkis-web-next/src/scriptis/service/db/tab.ts
new file mode 100644
index 0000000000..b32fd01d02
--- /dev/null
+++ b/linkis-web-next/src/scriptis/service/db/tab.ts
@@ -0,0 +1,35 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+import { Basic } from '@/service/db';
+/**
+ * @class Tab
+ * @extends {Basic}
+ */
+class Tab extends Basic {
+    /**
+     *Creates an instance of Tab.
+     * @param {*} table
+     * @memberof Tab
+     */
+    constructor(table: any) {
+        super(table);
+    }
+}
+const tab = new Tab('tab');
+
+export default tab;
diff --git a/linkis-web-next/src/scriptis/service/db/tree.js b/linkis-web-next/src/scriptis/service/db/tree.js
new file mode 100644
index 0000000000..d78fe9f666
--- /dev/null
+++ b/linkis-web-next/src/scriptis/service/db/tree.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ * 
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+ 
+
+import { Basic } from '@/common/service/db/index.js';
+/**
+ * @class Tab
+ * @extends {Basic}
+ */
+class Tree extends Basic {
+  /**
+     *Creates an instance of Tab.
+     * @param {*} table
+     * @memberof Tree
+     */
+  constructor(table) {
+    super(table);
+  }
+}
+const tree = new Tree('tree');
+
+export default tree;
diff --git a/linkis-web-next/src/service/db/index.js b/linkis-web-next/src/service/db/index.ts
similarity index 62%
rename from linkis-web-next/src/service/db/index.js
rename to linkis-web-next/src/service/db/index.ts
index 04bc715d58..7d13bf77c5 100644
--- a/linkis-web-next/src/service/db/index.js
+++ b/linkis-web-next/src/service/db/index.ts
@@ -15,9 +15,8 @@
  * limitations under the License.
  */
 
-
-import DB from '@/common/helper/db.js';
-import { config } from '@/common/config/db.js';
+import DB from '@/helper/db';
+import { config } from '@/config/db';
 // To update the schema please use db.updateVersion(stores, version)(更新schema请用db.updateVersion(stores, version))
 const db = new DB('bdp-ide', config.stores, config.version);
 // To change the primary key, you must delete the original store before it can be updated. For other non-primary key modifications, call updateVersion directly.(更改主键要先删掉原来的store才能更新，其他非主键修改直接调用updateVersion)
@@ -26,75 +25,72 @@ const db = new DB('bdp-ide', config.stores, config.version);
  * @class basic
  */
 class Basic {
-  /**
+    table: any;
+    /**
      *Creates an instance of basic.
      * @memberof basic
      * @param {*} table
      */
-  constructor(table) {
-    this.table = table;
-  }
+    constructor(table: any) {
+        this.table = table;
+    }
 
-  /**
+    /**
      * @param {Tab} tab
      * @param {*} id
      * @memberof Tab
      * @return {promise}
      */
-  add(tab) {
-    return db.put(this.table, tab);
-  }
-  /**
+    add(tab: any) {
+        return db.put(this.table, tab);
+    }
+    /**
      * @param {string}key
      * @return {promise} tabList or query tab by key
      * @memberof Tab
      */
-  get(key) {
-    if (key) {
-      return db.get(this.table, key);
+    get(key?: any) {
+        if (key) {
+            return db.get(this.table, key);
+        }
+        return db.toArray(this.table);
     }
-    return db.toArray(this.table);
-  }
-  /**
+    /**
      *
      *
      * @param {*} key
      * @return {promise}
      * @memberof basic
      */
-  remove(key) {
-    return db.delete(this.table, key);
-  }
-  /**
+    remove(key: any) {
+        return db.delete(this.table, key);
+    }
+    /**
      * @param {*} key
      * @param {*} changes
      * @return {*}
      */
-  update(key, changes) {
-    return db.update(this.table, key, changes);
-  }
-  /**
+    update(key: any, changes: any) {
+        return db.update(this.table, key, changes);
+    }
+    /**
      *
      * @param {*} oldKey
      * @param {*} newKey
      */
-  async modifyPrimaryKey(oldKey, newKey) {
-    let object = await db.get(this.table, oldKey);
-    if (object && object[0]) {
-      await db.delete(this.table, oldKey);
-      if (this.table === 'tab') {
-        object[0].id = newKey;
-        object = Object.assign(object, { id: newKey });
-      } else {
-        object[0].tabId = newKey;
-        object = Object.assign(object, { tabId: newKey });
-      }
-      return db.put(this.table, object);
+    async modifyPrimaryKey(oldKey: string, newKey: string) {
+        let object = await db.get(this.table, oldKey);
+        if (object && object[0]) {
+            await db.delete(this.table, oldKey);
+            if (this.table === 'tab') {
+                object[0].id = newKey;
+                object = Object.assign(object, { id: newKey });
+            } else {
+                object[0].tabId = newKey;
+                object = Object.assign(object, { tabId: newKey });
+            }
+            return db.put(this.table, object);
+        }
     }
-  }
-}
-export {
-  db,
-  Basic,
 }
-;
+export { db, Basic };

From 1fdb5035568e226a9fe96325ec86758bab03c954 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Sat, 23 Sep 2023 21:27:48 +0800
Subject: [PATCH 15/21] feat: temporarily commit, for completing part of data
 requestment

---
 linkis-web-next/package-lock.json             |  13 ++-
 linkis-web-next/package.json                  |   3 +-
 linkis-web-next/src/dss/view/login/index.vue  |   1 +
 .../pages/globalHistoryManagement/table.vue   | 106 ++++++++++--------
 linkis-web-next/vite.config.ts                |  12 +-
 5 files changed, 83 insertions(+), 52 deletions(-)

diff --git a/linkis-web-next/package-lock.json b/linkis-web-next/package-lock.json
index 4f8a4a64c3..8d7ae68218 100644
--- a/linkis-web-next/package-lock.json
+++ b/linkis-web-next/package-lock.json
@@ -13,6 +13,7 @@
                 "axios": "^1.5.0",
                 "dayjs": "^1.11.10",
                 "dexie": "^3.2.4",
+                "jsencrypt": "^3.3.2",
                 "md5": "^2.3.0",
                 "monaco-editor": "^0.43.0",
                 "qs": "^6.11.2",
@@ -35,7 +36,7 @@
                 "eslint-plugin-vue": "^9.14.1",
                 "husky": "^7.0.0",
                 "less": "^4.2.0",
-                "lint-staged": "^13.2.2",
+                "lint-staged": "^13.3.0",
                 "prettier": "2.8.8",
                 "typescript": "^5.0.2",
                 "vite": "^4.3.9",
@@ -3747,6 +3748,11 @@
                 "js-yaml": "bin/js-yaml.js"
             }
         },
+        "node_modules/jsencrypt": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/jsencrypt/-/jsencrypt-3.3.2.tgz",
+            "integrity": "sha512-arQR1R1ESGdAxY7ZheWr12wCaF2yF47v5qpB76TtV64H1pyGudk9Hvw8Y9tb/FiTIaaTRUyaSnm5T/Y53Ghm/A=="
+        },
         "node_modules/json-buffer": {
             "version": "3.0.1",
             "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
@@ -9130,6 +9136,11 @@
                 "argparse": "^2.0.1"
             }
         },
+        "jsencrypt": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/jsencrypt/-/jsencrypt-3.3.2.tgz",
+            "integrity": "sha512-arQR1R1ESGdAxY7ZheWr12wCaF2yF47v5qpB76TtV64H1pyGudk9Hvw8Y9tb/FiTIaaTRUyaSnm5T/Y53Ghm/A=="
+        },
         "json-buffer": {
             "version": "3.0.1",
             "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
diff --git a/linkis-web-next/package.json b/linkis-web-next/package.json
index e9f390cdb5..5eb4f311ef 100644
--- a/linkis-web-next/package.json
+++ b/linkis-web-next/package.json
@@ -15,6 +15,7 @@
         "axios": "^1.5.0",
         "dayjs": "^1.11.10",
         "dexie": "^3.2.4",
+        "jsencrypt": "^3.3.2",
         "md5": "^2.3.0",
         "monaco-editor": "^0.43.0",
         "qs": "^6.11.2",
@@ -37,7 +38,7 @@
         "eslint-plugin-vue": "^9.14.1",
         "husky": "^7.0.0",
         "less": "^4.2.0",
-        "lint-staged": "^13.2.2",
+        "lint-staged": "^13.3.0",
         "prettier": "2.8.8",
         "typescript": "^5.0.2",
         "vite": "^4.3.9",
diff --git a/linkis-web-next/src/dss/view/login/index.vue b/linkis-web-next/src/dss/view/login/index.vue
index 71ee556a2a..a9a1d94462 100644
--- a/linkis-web-next/src/dss/view/login/index.vue
+++ b/linkis-web-next/src/dss/view/login/index.vue
@@ -292,6 +292,7 @@ export default defineComponent({
     .remember-user-name {
       position: absolute;
       bottom: 106px;
+      font-size: 12px;
     }
 
     .ivu-form-item {
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
index 576062ba81..3631bac5a8 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/table.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -3,71 +3,42 @@
         <Count></Count>
         <!-- <div @click="test">test</div> -->
         <Filter ref="filterRef" :checkedKeys="checkedKeys"></Filter>
-        <f-table
-            :data="currentData"
-            class="table"
-            v-model:checkedKeys="checkedKeys"
-            :rowKey="
-                    (row: Record<string, number|string>) => {
-                        return row.taskID;
-                    }
-                "
-        >
-            <f-table-column
-                v-if="filterRef?.isCheckingTaskToStop"
-                type="selection"
-                :width="32"
-                fixed="left"
-            ></f-table-column>
+        <f-table :data="currentData" class="table" v-model:checkedKeys="checkedKeys" :height="450" :rowKey="(row: Record<string, number | string>) => {
+            return row.taskID;
+        }
+            ">
+            <f-table-column v-if="filterRef?.isCheckingTaskToStop" type="selection" :width="32"
+                fixed="left"></f-table-column>
             <template v-for="col in tableColumns" :key="col.label">
-                <f-table-column
-                    v-if="col.formatter"
-                    :prop="col.prop"
-                    :label="col.label"
-                    :action="col.action"
-                    :formatter="col.formatter"
-                >
+                <f-table-column v-if="col.formatter" :prop="col.prop" :label="col.label" :action="col.action"
+                    :formatter="col.formatter">
                 </f-table-column>
-                <f-table-column
-                    v-else
-                    :prop="col.prop"
-                    :label="col.label"
-                    :action="col.action"
-                >
+                <f-table-column v-else :prop="col.prop" :label="col.label" :action="col.action">
                 </f-table-column>
             </template>
         </f-table>
-        <FPagination
-            class="pagination"
-            show-size-changer
-            :pageSizeOption="pageSizeOption"
-            :total-count="data.length"
-            @change="handleChange"
-            v-model:pageSize="pageSize"
-            v-model:currentPage="currentPage"
-        ></FPagination>
-        <Drawer
-            ref="drawerRef"
-            :isShow="isShowDrawer"
-            @closeDrawer="setIsShowDrawer"
-        ></Drawer>
+        <FPagination class="pagination" show-size-changer :pageSizeOption="pageSizeOption" :total-count="data.length"
+            @change="handleChange" v-model:pageSize="pageSize" v-model:currentPage="currentPage"></FPagination>
+        <Drawer ref="drawerRef" :isShow="isShowDrawer" @closeDrawer="setIsShowDrawer"></Drawer>
     </div>
 </template>
 
 <script setup lang="ts">
-import { reactive, ref, h, Ref } from 'vue';
+import { reactive, ref, h, Ref, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import Drawer from './drawer.vue';
 import Filter from './filter.vue';
 import Count from './count.vue';
 import TooltipText from './tooltipText.vue';
+import api from '@/service/api';
+import { FMessage } from '@fesjs/fes-design';
 
 const filterRef = ref<Ref<{ isCheckingTaskToStop: boolean }> | null>(null);
 
 const drawerRef = ref<Ref<{
     // eslint-disable-next-line no-unused-vars
     open: (rawData: Record<string, string | number>) => void;
-        }> | null>(null);
+}> | null>(null);
 
 const isShowDrawer = ref(false);
 const checkedKeys = reactive<Array<string>>([]);
@@ -321,7 +292,43 @@ const handleChange = (currenPage: number, size: number) => {
     const temp = data.slice((currenPage - 1) * size, currenPage * size);
     (currentData.value as typeof temp) = reactive([...temp]);
 };
-handleChange(currentPage.value, pageSize.value);
+// handleChange(currentPage.value, pageSize.value);
+
+// TODO: 
+const getParams = (page) => {
+    return {}
+}
+
+const search = () => {
+    //   this.isLoading = true
+    const params = getParams(0)
+    //   this.column = this.getColumns()
+    api
+        .fetch('/jobhistory/list', params, 'get')
+        .then((rst: unknown) => {
+            console.log('rst', rst)
+            //   this.pageSetting.total = rst.totalPage
+            //   this.isLoading = false
+            //   this.list = this.getList(rst.tasks)
+        })
+        .catch(() => {
+            FMessage.error('Something Wrong!')
+        })
+}
+
+onMounted(() => {
+    // Get whether it is a historical administrator(获取是否是历史管理员权限)
+    api.fetch('/jobhistory/governanceStationAdmin', 'get').then((res) => {
+        // this.isLogAdmin = res.admin;
+        // this.isHistoryAdmin = res.historyAdmin;
+
+    });
+    api.fetch('/configuration/engineType', 'get').then((res) => {
+        // engine config selector list
+        console.log('selector list', res)
+        // this.getEngineTypes = ['all', ...res.engineType];
+    });
+}) 
 </script>
 
 <style scoped src="./index.less"></style>
@@ -332,13 +339,15 @@ handleChange(currentPage.value, pageSize.value);
     overflow: auto;
 
     .table {
-        height: calc(100% - 350px);
-        overflow-y: auto;
+        /* height: calc(100% - 350px); */
+        /* overflow-y: auto; */
     }
+
     :deep(.fes-btn) {
         padding-left: 0;
         transform: translateX(-8px);
     }
+
     .pagination {
         /* position: absolute;
         bottom: 5%;
@@ -347,6 +356,7 @@ handleChange(currentPage.value, pageSize.value);
         justify-content: flex-end;
         margin-top: 16px;
     }
+
     .tooltip-text {
         background-color: red;
     }
diff --git a/linkis-web-next/vite.config.ts b/linkis-web-next/vite.config.ts
index 09f42b0f88..cdf21b6536 100644
--- a/linkis-web-next/vite.config.ts
+++ b/linkis-web-next/vite.config.ts
@@ -1,6 +1,4 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig } from 'vite';
-// eslint-disable-next-line import/no-extraneous-dependencies
 import vue from '@vitejs/plugin-vue';
 import path from 'path';
 // https://vitejs.dev/config/
@@ -11,4 +9,14 @@ export default defineConfig({
             '@': path.resolve(__dirname, 'src'),
         },
     },
+    server: {
+        port: 3000,
+        proxy: {
+            '/api': {
+                target: process.env.BACKEND_URL, //实际请求地址
+                changeOrigin: true,
+                rewrite: (path) => path.replace(/^\/api/, ''),
+            },
+        },
+    },
 });

From f77c79d828cefa576d4e7724d07cf93e878ce20a Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Sun, 24 Sep 2023 23:23:58 +0800
Subject: [PATCH 16/21] =?UTF-8?q?feat:=20preliminary=20complete=20the=20gl?=
 =?UTF-8?q?obalHistoryManagement=EF=BC=8CparameterConfig=20and=20login=20p?=
 =?UTF-8?q?age?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 linkis-web-next/.env                          |   7 +
 linkis-web-next/.eslintrc.json                |   1 -
 linkis-web-next/package.json                  |   6 +-
 .../src/components/editor/editor.vue          | 196 +++++++++---------
 .../src/dss/view/commonIframe/index.vue       | 124 +++++------
 linkis-web-next/src/layout.vue                |   1 -
 .../pages/globalHistoryManagement/filter.vue  | 166 +++++++++------
 .../pages/globalHistoryManagement/table.vue   |  46 ++--
 .../src/pages/parameterConfig/drawer.vue      |   2 +-
 linkis-web-next/vite.config.ts                |  35 ++--
 10 files changed, 315 insertions(+), 269 deletions(-)

diff --git a/linkis-web-next/.env b/linkis-web-next/.env
index 5983420f56..b82d6a34c4 100644
--- a/linkis-web-next/.env
+++ b/linkis-web-next/.env
@@ -3,3 +3,10 @@ BACKEND_URL=http://106.52.77.156:19888
 VUE_APP_MN_CONFIG_PREFIX=
 VUE_APP_MN_CONFIG_SOCKET=/ws/api/entrance/connect
 VUE_APP_VERSION=1.3.2
+
+
+VITE_VUE_APP_HOST=
+VITE_BACKEND_URL=http://106.52.77.156:19888
+VITE_VUE_APP_MN_CONFIG_PREFIX=
+VITE_VUE_APP_MN_CONFIG_SOCKET=/ws/api/entrance/connect
+VITE_VUE_APP_VERSION=1.3.2
\ No newline at end of file
diff --git a/linkis-web-next/.eslintrc.json b/linkis-web-next/.eslintrc.json
index d29c6733c3..a235b745b0 100644
--- a/linkis-web-next/.eslintrc.json
+++ b/linkis-web-next/.eslintrc.json
@@ -28,7 +28,6 @@
         }
     },
     "plugins": ["vue", "@typescript-eslint"],
-    "import/prefer-default-export": "off",
     "rules": {
         "indent": ["error", 4],
         "linebreak-style": ["error", "unix"],
diff --git a/linkis-web-next/package.json b/linkis-web-next/package.json
index 5eb4f311ef..299c2c8f9b 100644
--- a/linkis-web-next/package.json
+++ b/linkis-web-next/package.json
@@ -21,14 +21,15 @@
         "qs": "^6.11.2",
         "vue": "^3.2.47",
         "vue-i18n": "^9.4.1",
-        "vue-router": "^4.2.2"
+        "vue-router": "^4.2.2",
+        "vite": "^4.3.9",
+        "@vitejs/plugin-vue": "^4.1.0"
     },
     "devDependencies": {
         "@commitlint/cli": "^17.6.3",
         "@commitlint/config-conventional": "^17.6.1",
         "@typescript-eslint/eslint-plugin": "^5.59.9",
         "@typescript-eslint/parser": "^5.59.9",
-        "@vitejs/plugin-vue": "^4.1.0",
         "eslint": "^8.41.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-config-prettier": "^8.8.0",
@@ -41,7 +42,6 @@
         "lint-staged": "^13.3.0",
         "prettier": "2.8.8",
         "typescript": "^5.0.2",
-        "vite": "^4.3.9",
         "vue-eslint-parser": "^9.3.0"
     },
     "lint-staged": {
diff --git a/linkis-web-next/src/components/editor/editor.vue b/linkis-web-next/src/components/editor/editor.vue
index f7d239480f..df4d29f50e 100644
--- a/linkis-web-next/src/components/editor/editor.vue
+++ b/linkis-web-next/src/components/editor/editor.vue
@@ -3,22 +3,24 @@
 </template>
 
 <script lang="ts">
+// import { debounce } from 'lodash';
 import { defineComponent } from 'vue';
+// import monaco from './monaco-loader';
 import { useMonaco } from './util';
 
-const types = {
-    code: {
-        theme: 'defaultView',
-    },
-    log: {
-        language: 'log',
-        theme: 'logview',
-        readOnly: true,
-        glyphMargin: false,
-        selectOnLineNumbers: false,
-        wordWrap: 'on',
-    },
-};
+// const types = {
+//     code: {
+//         theme: 'defaultView',
+//     },
+//     log: {
+//         language: 'log',
+//         theme: 'logview',
+//         readOnly: true,
+//         glyphMargin: false,
+//         selectOnLineNumbers: false,
+//         wordWrap: 'on',
+//     },
+// };
 
 export default defineComponent({
     props: {
@@ -48,35 +50,35 @@ export default defineComponent({
         },
     },
     watch: {
-        modelValue(val) {
-            val !== this.getEditor()?.getValue() && this.updateMonacoVal(val);
-        },
+        // modelValue(val) {
+        //     val !== this.getEditor()?.getValue() && this.updateMonacoVal(val);
+        // },
 
-        editorName() {
-            return `we-editor-${this.type}`;
-        },
-        currentConfig() {
-            const typeConfig = types[this.type];
-            const config = merge(
-                {
-                    automaticLayout: false,
-                    scrollBeyondLastLine: false,
-                    minimap: {
-                        enabled: false,
-                    },
-                    readOnly: this.readOnly,
-                    glyphMargin: true,
-                },
-                typeConfig,
-                this.options,
-                {
-                    value: this.value,
-                    theme: this.theme,
-                    language: this.language,
-                },
-            );
-            return config;
-        },
+        // editorName() {
+        //     return `we-editor-${this.type}`;
+        // },
+        // currentConfig() {
+        //     const typeConfig = types[this.type];
+        //     const config = merge(
+        //         {
+        //             automaticLayout: false,
+        //             scrollBeyondLastLine: false,
+        //             minimap: {
+        //                 enabled: false,
+        //             },
+        //             readOnly: this.readOnly,
+        //             glyphMargin: true,
+        //         },
+        //         typeConfig,
+        //         this.options,
+        //         {
+        //             value: this.value,
+        //             theme: this.theme,
+        //             language: this.language,
+        //         },
+        //     );
+        //     return config;
+        // },
     },
     setup(props) {
         const { updateVal, getEditor, createEditor, onFormatDoc } = useMonaco(
@@ -95,6 +97,7 @@ export default defineComponent({
             closeParser: null,
             openParser: null,
             sqlParser: null,
+            monaco: null,
         };
     },
     methods: {
@@ -106,56 +109,55 @@ export default defineComponent({
             this.updateVal(val);
         },
         // initialization(初始化)
-        initMonaco() {
-            this.editor = monaco.editor.create(this.$el, this.currentConfig);
-            this.monaco = monaco;
-            this.editorModel = this.editor.getModel();
-            if (this.type !== 'log') {
-                if (this.scriptType !== 'hdfsScript' && !this.readOnly) {
-                    this.addCommands();
-                    this.addActions();
-                }
-                if (this.language === 'hql') {
-                    this.initParser();
-                } else {
-                    this.deltaDecorations(this.value);
-                }
-            }
-            this.$emit('onload');
-            this.editor.onDidChangeModelContent(
-                debounce(() => {
-                    this.$emit('input', this.getValue());
-                }),
-                100,
-            );
-            this.editor.onContextMenu(
-                debounce(() => {
-                    // The right-click menu function that needs to change the text(需要调换文字的右键菜单功能)
-                    const selectList = [
-                        {
-                            label: 'Change All Occurrences',
-                            text: '改变所有出现',
-                        },
-                        { label: 'Format Document', text: '格式化' },
-                        { label: 'Command Palette', text: '命令面板' },
-                        { label: 'Cut', text: '剪切' },
-                        { label: 'Copy', text: '复制' },
-                    ];
-                    if (localStorage.getItem('locale') === 'zh-CN') {
-                        selectList.forEach((item) => {
-                            const elmentList = document.querySelectorAll(
-                                `.actions-container .action-label[aria-label="${item.label}"]`,
-                            );
-                            this.changeInnerText(elmentList, item.text);
-                        });
-                    }
-                }),
-                100,
-            );
-        },
+        // initMonaco() {
+        //     this.editor = monaco.editor.create(this.$el, this.currentConfig) as any;
+        //     this.monaco = monaco as any;
+        //     this.editorModel = this.editor.getModel();
+        //     if (this.type !== 'log') {
+        //         if (this.scriptType !== 'hdfsScript' && !this.readOnly) {
+        //             this.addCommands();
+        //             this.addActions();
+        //         }
+        //         if (this.language === 'hql') {
+        //             this.initParser();
+        //         } else {
+        //             this.deltaDecorations(this.value);
+        //         }
+        //     }
+        //     this.$emit('onload');
+        //     this.editor.onDidChangeModelContent(
+        //         debounce(() => {
+        //             this.$emit('input', this.getValue());
+        //         }),
+        //         100,
+        //     );
+        //     this.editor.onContextMenu(
+        //         debounce(() => {
+        //             // The right-click menu function that needs to change the text(需要调换文字的右键菜单功能)
+        //             const selectList = [
+        //                 {
+        //                     label: 'Change All Occurrences',
+        //                     text: '改变所有出现',
+        //                 },
+        //                 { label: 'Format Document', text: '格式化' },
+        //                 { label: 'Command Palette', text: '命令面板' },
+        //                 { label: 'Cut', text: '剪切' },
+        //                 { label: 'Copy', text: '复制' },
+        //             ];
+        //             if (localStorage.getItem('locale') === 'zh-CN') {
+        //                 selectList.forEach((item) => {
+        //                     const elmentList = document.querySelectorAll(
+        //                         `.actions-container .action-label[aria-label="${item.label}"]`,
+        //                     );
+        //                     this.changeInnerText(elmentList, item.text);
+        //                 });
+        //             }
+        //         }),
+        //         100,
+        //     );
+        // },
     },
     mounted() {
-        console.log(this.$el, this.$props);
         if (this.$el) {
             // this.editor = monaco.editor.create(this.$el, this.currentConfig);
             // this.monaco = monaco;
@@ -163,19 +165,19 @@ export default defineComponent({
             this.editor = this.createEditor(
                 this.$el,
                 this.$props.editorOptions,
-            );
+            ) as any;
             this.updateMonacoVal();
-            this.editor!.onDidChangeModelContent(() => {
-                this.$emit('update:modelValue', monacoEditor!.getValue());
-            });
-            this.editor!.onDidBlurEditorText(() => {
-                this.$emit('blur');
-            });
+            // this.editor!.onDidChangeModelContent(() => {
+            //     this.$emit('update:modelValue', monacoEditor!.getValue());
+            // });
+            // this.editor!.onDidBlurEditorText(() => {
+            //     this.$emit('blur');
+            // });
         }
     },
     beforeUnmount() {
         // 销毁 editor，进行gc(销毁 editor，进行gc)
-        this.editor!.dispose();
+        (this.editor as any)?.dispose();
     },
 });
 </script>
diff --git a/linkis-web-next/src/dss/view/commonIframe/index.vue b/linkis-web-next/src/dss/view/commonIframe/index.vue
index 9c0405e44a..7ac99d6a09 100644
--- a/linkis-web-next/src/dss/view/commonIframe/index.vue
+++ b/linkis-web-next/src/dss/view/commonIframe/index.vue
@@ -16,10 +16,10 @@
   -->
 
 <template>
-  <div class="iframeClass">
-    <iframe class="iframeClass" v-if="isRefresh" id="iframe" :src="visualSrc" frameborder="0" width="100%"
-      :height="height" />
-  </div>
+    <div class="iframeClass">
+        <iframe class="iframeClass" v-if="isRefresh" id="iframe" :src="visualSrc" frameborder="0" width="100%"
+            :height="height" />
+    </div>
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue';
@@ -28,66 +28,74 @@ import { defineComponent } from 'vue';
 // import api from "@/common/service/api";
 
 export default defineComponent({
-  setup() {
-    return {
-      height: 0,
-      visualSrc: '',
-      isRefresh: true
-    };
-  },
-  watch: {
-    async '$route.query.projectID'() {
-      await this.getCommonProjectId(this.$route.query.type, this.$route.query);
-      this.getUrl();
-      this.reload()
+    setup() {
+        return {
+            height: 0,
+            visualSrc: '',
+            isRefresh: true,
+        };
     },
-    async '$route.query.type'() {
-      await this.getCommonProjectId(this.$route.query.type, this.$route.query);
-      this.getUrl();
-      this.reload()
-    }
-  },
-  mounted() {
-    this.getUrl();
-    // Set width and height when creating(创建的时候设置宽高)
-    this.resize(window.innerHeight);
-    // Monitor window changes and get browser width and height(监听窗口变化，获取浏览器宽高)
-    window.addEventListener('resize', () => { this.resize(window.innerHeight) });
-  },
-  beforeDestroy() {
-    window.removeEventListener('resize', () => { this.resize(window.innerHeight) });
-  },
-  methods: {
-    getCommonProjectId(type, query) {
-      // return api.fetch(`/dss/getAppjointProjectIDByApplicationName`, {
-      //   projectID: query.projectID,
-      //   applicationName: type
-      // }, 'get').then((res) => {
-      //   localStorage.setItem('appJointProjectId', res.appJointProjectID);
-      // })
+    watch: {
+        '$route.query.projectID': async function () {
+            await this.getCommonProjectId(
+                this.$route.query.type,
+                this.$route.query,
+            );
+            this.getUrl();
+            this.reload();
+        },
+        '$route.query.type': async function () {
+            await this.getCommonProjectId(
+                this.$route.query.type,
+                this.$route.query,
+            );
+            this.getUrl();
+            this.reload();
+        },
     },
-    resize(height: number) {
-      this.height = height;
+    mounted() {
+        this.getUrl();
+        // Set width and height when creating(创建的时候设置宽高)
+        this.resize(window.innerHeight);
+        // Monitor window changes and get browser width and height(监听窗口变化，获取浏览器宽高)
+        window.addEventListener('resize', () => {
+            this.resize(window.innerHeight);
+        });
     },
-    getUrl() {
-      const url = this.$route.query.url;
-      console.log('url', url)
-      const appJointProjectId = localStorage.getItem('appJointProjectId');
-      // this.visualSrc = util.replaceHolder(url, {
-      //   projectId: appJointProjectId,
-      //   projectName: this.$route.query.projectName,
-      // });
+    beforeUnmount() {
+        window.removeEventListener('resize', () => {
+            this.resize(window.innerHeight);
+        });
     },
-    reload() {
-      this.isRefresh = false;
-      this.$nextTick(() => this.isRefresh = true);
-    }
-  },
-
-})
+    methods: {
+        getCommonProjectId() {
+            // return api.fetch(`/dss/getAppjointProjectIDByApplicationName`, {
+            //   projectID: query.projectID,
+            //   applicationName: type
+            // }, 'get').then((res) => {
+            //   localStorage.setItem('appJointProjectId', res.appJointProjectID);
+            // })
+        },
+        resize(height: number) {
+            this.height = height;
+        },
+        getUrl() {
+            // const { url } = this.$route.query;
+            // const appJointProjectId = localStorage.getItem('appJointProjectId');
+            // this.visualSrc = util.replaceHolder(url, {
+            //   projectId: appJointProjectId,
+            //   projectName: this.$route.query.projectName,
+            // });
+        },
+        reload() {
+            this.isRefresh = false;
+            this.$nextTick(() => (this.isRefresh = true));
+        },
+    },
+});
 </script>
 <style>
 .iframeClass {
-  height: 100%;
+    height: 100%;
 }
 </style>
diff --git a/linkis-web-next/src/layout.vue b/linkis-web-next/src/layout.vue
index 42cf52f3f9..c656169cae 100644
--- a/linkis-web-next/src/layout.vue
+++ b/linkis-web-next/src/layout.vue
@@ -23,7 +23,6 @@
 import Sidebar from '@/components/sidebar/index.vue';
 
 const changeMenusDisplay = () => {
-    console.log(1);
 };
 </script>
 <style lang="less" scoped>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
index 6978873edf..0f1ff4985a 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
@@ -1,73 +1,47 @@
 <template>
     <div class="label">{{ $t('message.linkis.globalTaskQuery') }}</div>
     <div class="filter">
-        <FForm class="form" v-show="!isCheckingTaskToStop">
-            <FFormItem :label="$t('message.linkis.jobId')">
-                <FInput placeholder="请输入" class="short-form-item"></FInput>
+        <FForm ref="formRef" class="form" v-show="!isCheckingTaskToStop">
+            <FFormItem :label="$t('message.linkis.jobId')" :props="$t('message.linkis.jobId')">
+                <FInput v-model="formData.id" placeholder="请输入" class="short-form-item"></FInput>
             </FFormItem>
 
-            <FFormItem :label="$t('message.linkis.codeQuery.status')">
-                <FSelect clearable placeholder="请选择" class="short-form-item">
-                    <FOption
-                        v-for="(item, index) in optionList"
-                        :key="index"
-                        :value="item.value"
-                        :label="item.label"
-                    >
+            <FFormItem :label="$t('message.linkis.codeQuery.status')" :props="$t('message.linkis.codeQuery.status')">
+                <FSelect v-model="formData.status" clearable placeholder="请选择" class="short-form-item">
+                    <FOption v-for="(item, index) in statusList" :key="index" :value="item.value" :label="$t(item.label)">
                     </FOption>
                 </FSelect>
             </FFormItem>
 
-            <FFormItem :label="$t('message.common.resourceSimple.YQ')">
-                <FSelect clearable placeholder="请选择" class="short-form-item">
-                    <FOption
-                        v-for="(item, index) in optionList"
-                        :key="index"
-                        :value="item.value"
-                        :label="item.label"
-                    ></FOption>
+            <FFormItem :label="$t('message.common.resourceSimple.YQ')" :props="$t('message.common.resourceSimple.YQ')">
+                <FSelect v-model="formData.engine" clearable placeholder="请选择" class="short-form-item">
+                    <FOption v-for="(item, index) in optionList" :key="index" :value="item.value" :label="$t(item.label)">
+                    </FOption>
                 </FSelect>
             </FFormItem>
 
-            <FFormItem
-                :label="$t('message.linkis.codeQuery.createdTime')"
-                prop="time"
-                class="long-form-item"
-            >
-                <FDatePicker
-                    type="daterange"
-                    :modelValue="[
-                        Date.now(),
-                        Date.now() + 7 * 24 * 60 * 60 * 1000,
-                    ]"
-                >
+            <FFormItem :label="$t('message.linkis.codeQuery.createdTime')"
+                :prop="$t('message.linkis.codeQuery.createdTime')" class="long-form-item">
+                <FDatePicker v-model="formData.dateRange" type="daterange" :modelValue="[
+                    Date.now(),
+                    Date.now() + 7 * 24 * 60 * 60 * 1000,
+                ]">
                     <template #separator> - </template>
                 </FDatePicker>
             </FFormItem>
 
-            <FFormItem :label="$t('message.linkis.datasource.creator')">
-                <FSelect clearable placeholder="请选择" class="short-form-item">
-                    <FOption
-                        v-for="(item, index) in optionList"
-                        :key="index"
-                        :value="item.value"
-                        :label="item.label"
-                    ></FOption>
+            <FFormItem :label="$t('message.linkis.datasource.creator')" :props="$t('message.linkis.datasource.creator')">
+                <FSelect v-model="formData.creator" clearable placeholder="请选择" class="short-form-item">
+                    <FOption v-for="(item, index) in optionList" :key="index" :value="item.value" :label="$t(item.label)">
+                    </FOption>
                 </FSelect>
             </FFormItem>
 
             <div class="buttons">
                 <template v-if="!isCheckingTaskToStop">
-                    <FButton type="primary">{{
-                        $t('message.linkis.find')
-                    }}</FButton>
-                    <FButton>{{
-                        $t('message.linkis.EnginePluginManagement.Reset')
-                    }}</FButton>
-                    <FButton
-                        class="stop-button"
-                        @click="isCheckingTaskToStop = true"
-                    >
+                    <FButton type="primary" @click="search">{{ $t('message.linkis.find') }}</FButton>
+                    <FButton>{{ $t('message.linkis.EnginePluginManagement.Reset') }}</FButton>
+                    <FButton class="stop-button" @click="isCheckingTaskToStop = true">
                         {{ $t('message.linkis.batchStopping') }}
                     </FButton>
                 </template>
@@ -75,17 +49,10 @@
         </FForm>
         <template v-if="isCheckingTaskToStop">
             <div class="buttons">
-                <FButton
-                    type="primary"
-                    class="confirm-stop-button"
-                    @click="confirmStop"
-                >
+                <FButton type="primary" class="confirm-stop-button" @click="confirmStop">
                     {{ $t('message.linkis.confirmToStop') }}
                 </FButton>
-                <FButton
-                    class="confirm-stop-button"
-                    @click="isCheckingTaskToStop = false"
-                >
+                <FButton class="confirm-stop-button" @click="isCheckingTaskToStop = false">
                     {{ $t('message.linkis.cancel') }}
                 </FButton>
             </div>
@@ -94,13 +61,22 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import api from '@/service/api';
+import { FForm } from '@fesjs/fes-design';
+import { ref, onMounted, reactive } from 'vue';
+const emits = defineEmits(['search']);
+const isCheckingTaskToStop = ref(false);
+const formRef = ref<null | typeof FForm>(null);
 
-const props = defineProps<{
-    checkedKeys: Array<string>;
-}>();
+const formData = reactive({
+    id: '',
+    status: '',
+    engine: '',
+    dateRange: '',
+    creator: ''
+});
 
-const optionList = [
+const optionList = ref([
     {
         value: 'xxx',
         label: 'xxx',
@@ -113,13 +89,66 @@ const optionList = [
         value: 'zzz',
         label: 'zzz',
     },
-];
-const isCheckingTaskToStop = ref(false);
+]);
+const statusList = ref([
+    {
+        label: 'message.linkis.statusType.all',
+        value: 'all'
+    },
+    {
+        label: 'message.linkis.statusType.inited',
+        value: 'Inited'
+    },
+    {
+        label: 'message.linkis.statusType.running',
+        value: 'Running'
+    },
+    {
+        label: 'message.linkis.statusType.succeed',
+        value: 'Succeed'
+    },
+    {
+        label: 'message.linkis.statusType.cancelled',
+        value: 'Cancelled'
+    },
+    {
+        label: 'message.linkis.statusType.failed',
+        value: 'Failed'
+    },
+    {
+        label: 'message.linkis.statusType.scheduled',
+        value: 'Scheduled'
+    },
+    {
+        label: 'message.linkis.statusType.timeout',
+        value: 'Timeout'
+    }
+]);
+
+// const props = defineProps<{
+//     checkedKeys: Array<string>;
+// }>();
+
+const search = async () => {
+    // const formData = await formRef?.value?.validate()
+    console.log('formData', formData);
+    emits('search');
+};
 
 const confirmStop = () => {
-    console.log(props.checkedKeys);
+    console.log(1);
 };
 
+
+onMounted(() => {
+    // Get whether it is a historical administrator(获取是否是历史管理员权限)
+    api.fetch('/configuration/engineType', 'get').then(() => {
+        // engine config selector list
+        // this.getEngineTypes = ['all', ...res.engineType];
+    });
+});
+
+
 defineExpose({
     isCheckingTaskToStop,
 });
@@ -130,21 +159,26 @@ defineExpose({
 .filter {
     position: relative;
     height: 54px;
+
     .form {
         display: flex;
         gap: 22px;
+
         .short-form-item {
             width: 120px;
         }
+
         .long-form-item {
             width: 314px;
         }
     }
+
     .buttons {
         flex: 1;
         display: flex;
         justify-content: flex-start;
         gap: 16px;
+
         .stop-button {
             margin-left: auto;
         }
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
index 3631bac5a8..15b6225e2f 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/table.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -2,7 +2,7 @@
     <div class="wrapper">
         <Count></Count>
         <!-- <div @click="test">test</div> -->
-        <Filter ref="filterRef" :checkedKeys="checkedKeys"></Filter>
+        <Filter ref="filterRef" :checkedKeys="checkedKeys" :search="search"></Filter>
         <f-table :data="currentData" class="table" v-model:checkedKeys="checkedKeys" :height="450" :rowKey="(row: Record<string, number | string>) => {
             return row.taskID;
         }
@@ -292,43 +292,35 @@ const handleChange = (currenPage: number, size: number) => {
     const temp = data.slice((currenPage - 1) * size, currenPage * size);
     (currentData.value as typeof temp) = reactive([...temp]);
 };
-// handleChange(currentPage.value, pageSize.value);
+handleChange(currentPage.value, pageSize.value);
 
 // TODO: 
-const getParams = (page) => {
-    return {}
-}
+const getParams = () => {
+    console.log(1);
+    return {};
+};
 
 const search = () => {
     //   this.isLoading = true
-    const params = getParams(0)
+    const params = getParams();
     //   this.column = this.getColumns()
-    api
-        .fetch('/jobhistory/list', params, 'get')
-        .then((rst: unknown) => {
-            console.log('rst', rst)
-            //   this.pageSetting.total = rst.totalPage
-            //   this.isLoading = false
-            //   this.list = this.getList(rst.tasks)
-        })
-        .catch(() => {
-            FMessage.error('Something Wrong!')
-        })
-}
+    api.fetch('/jobhistory/list', params, 'get').then((rst: unknown) => {
+        console.log('rst', rst);
+        //   this.pageSetting.total = rst.totalPage
+        //   this.isLoading = false
+        //   this.list = this.getList(rst.tasks)
+    }).catch(() => {
+        FMessage.error('Something Wrong!');
+    });
+};
+
 
 onMounted(() => {
-    // Get whether it is a historical administrator(获取是否是历史管理员权限)
-    api.fetch('/jobhistory/governanceStationAdmin', 'get').then((res) => {
+    api.fetch('/jobhistory/governanceStationAdmin', 'get').then(() => {
         // this.isLogAdmin = res.admin;
         // this.isHistoryAdmin = res.historyAdmin;
-
-    });
-    api.fetch('/configuration/engineType', 'get').then((res) => {
-        // engine config selector list
-        console.log('selector list', res)
-        // this.getEngineTypes = ['all', ...res.engineType];
     });
-}) 
+});
 </script>
 
 <style scoped src="./index.less"></style>
diff --git a/linkis-web-next/src/pages/parameterConfig/drawer.vue b/linkis-web-next/src/pages/parameterConfig/drawer.vue
index 17cdd162de..378d5a5e30 100644
--- a/linkis-web-next/src/pages/parameterConfig/drawer.vue
+++ b/linkis-web-next/src/pages/parameterConfig/drawer.vue
@@ -331,8 +331,8 @@ const handleChange = (currentPage: number, pageSize: number) => {
         currentPage * pageSize,
     );
     currentData.value = [...temp] as any;
+    console.log('!!!!', currentData.value)
 };
-handleChange(currentPage.value, 10);
 
 const show = ref(false);
 const open = () => {
diff --git a/linkis-web-next/vite.config.ts b/linkis-web-next/vite.config.ts
index cdf21b6536..a6069f41fe 100644
--- a/linkis-web-next/vite.config.ts
+++ b/linkis-web-next/vite.config.ts
@@ -1,22 +1,27 @@
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import path from 'path';
 // https://vitejs.dev/config/
-export default defineConfig({
-    plugins: [vue()],
-    resolve: {
-        alias: {
-            '@': path.resolve(__dirname, 'src'),
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd());
+    return {
+        envPrefix: 'VITE_',
+        plugins: [vue()],
+        resolve: {
+            alias: {
+                '@': path.resolve(__dirname, 'src'),
+            },
         },
-    },
-    server: {
-        port: 3000,
-        proxy: {
-            '/api': {
-                target: process.env.BACKEND_URL, //实际请求地址
-                changeOrigin: true,
-                rewrite: (path) => path.replace(/^\/api/, ''),
+        server: {
+            port: 3000,
+            host: '127.0.0.1',
+            proxy: {
+                '/api': {
+                    target: env.BACKEND_URL,
+                    changeOrigin: true,
+                    rewrite: (pth) => pth.replace(/^\/api/, ''),
+                },
             },
         },
-    },
+    };
 });

From d04cb4a7a7b9c6fee901182ecb15872b59ddc4de Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Fri, 29 Sep 2023 16:35:50 +0800
Subject: [PATCH 17/21] feat: globalHistoryManagement table search

---
 linkis-web-next/.env                          |   7 -
 linkis-web-next/src/dss/view/login/index.vue  | 556 ++++++++++--------
 linkis-web-next/src/helper/storage.ts         |   3 +-
 linkis-web-next/src/locales/en.ts             |   6 +
 linkis-web-next/src/locales/index.ts          |  14 +-
 linkis-web-next/src/locales/zh.ts             |   6 +
 .../pages/globalHistoryManagement/filter.vue  | 229 ++++++--
 .../pages/globalHistoryManagement/index.less  |  30 +-
 .../pages/globalHistoryManagement/table.vue   | 478 +++++++--------
 .../globalHistoryManagement/tooltipText.vue   |  19 +-
 linkis-web-next/src/service/api.ts            |  89 ++-
 linkis-web-next/vite.config.ts                |   9 +-
 12 files changed, 799 insertions(+), 647 deletions(-)

diff --git a/linkis-web-next/.env b/linkis-web-next/.env
index b82d6a34c4..c644d4df62 100644
--- a/linkis-web-next/.env
+++ b/linkis-web-next/.env
@@ -1,10 +1,3 @@
-VUE_APP_HOST=
-BACKEND_URL=http://106.52.77.156:19888
-VUE_APP_MN_CONFIG_PREFIX=
-VUE_APP_MN_CONFIG_SOCKET=/ws/api/entrance/connect
-VUE_APP_VERSION=1.3.2
-
-
 VITE_VUE_APP_HOST=
 VITE_BACKEND_URL=http://106.52.77.156:19888
 VITE_VUE_APP_MN_CONFIG_PREFIX=
diff --git a/linkis-web-next/src/dss/view/login/index.vue b/linkis-web-next/src/dss/view/login/index.vue
index a9a1d94462..2cc27ec129 100644
--- a/linkis-web-next/src/dss/view/login/index.vue
+++ b/linkis-web-next/src/dss/view/login/index.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable array-callback-return -->
 <!--
   ~ Licensed to the Apache Software Foundation (ASF) under one or more
   ~ contributor license agreements.  See the NOTICE file distributed with
@@ -16,301 +17,346 @@
   -->
 
 <template>
-  <div class="login">
-    <i class="login-bg" />
-    <div class="login-main">
-      <FForm ref="loginFormRef" :model="loginForm" :rules="ruleInline" labelPosition="top">
-        <span class="login-title">
-          {{ $t('message.common.login.loginTitle') }}
-        </span>
+    <div class="login">
+        <i class="login-bg" />
+        <div class="login-main">
+            <!-- :rules="ruleInline" -->
+            <FForm ref="loginFormRef" :model="loginForm" labelPosition="top">
+                <span class="login-title">
+                    {{ $t('message.common.login.loginTitle') }}
+                </span>
 
-        <FFormItem prop="user" :rules="[{ required: true, message: $t('message.common.login.userName') }]">
-          <template #label>
-            <div class="label">{{ $t('message.linkis.userName') }}</div>
-          </template>
-          <FInput class="login-input" v-model="loginForm.user" type="text"
-            :placeholder="$t('message.common.login.userName')" size="large" />
-        </FFormItem>
+                <!-- :rules="[
+                        {
+                            required: true,
+                            message: $t('message.common.login.userName'),
+                        },
+                    ]" -->
+                <FFormItem prop="user">
+                    <template #label>
+                        <div class="label">
+                            {{ $t('message.linkis.userName') }}
+                        </div>
+                    </template>
+                    <FInput
+                        class="login-input"
+                        v-model="loginForm.user"
+                        type="text"
+                        :placeholder="$t('message.common.login.userName')"
+                        size="large"
+                    />
+                </FFormItem>
+                <!-- :rules="[
+                        {
+                            required: true,
+                            message: $t('message.common.login.passwordHint'),
+                        },
+                    ]" -->
+                <FFormItem prop="password">
+                    <template #label>
+                        <div class="label password">
+                            {{ $t('message.linkis.password') }}
+                        </div>
+                    </template>
+                    <FInput
+                        class="login-input"
+                        v-model="loginForm.password"
+                        type="password"
+                        :placeholder="$t('message.common.login.passwordHint')"
+                        size="large"
+                    />
+                </FFormItem>
+                <FCheckbox
+                    v-model="rememberUserNameAndPass"
+                    class="remember-user-name"
+                >
+                    {{ $t('message.common.login.remenber') }}
+                </FCheckbox>
 
-        <FFormItem prop="password" :rules="[{ required: true, message: $t('message.common.login.passwordHint') }]">
-          <template #label>
-            <div class=" label password">{{ $t('message.linkis.password') }}
-            </div>
-          </template>
-          <FInput class="login-input" v-model="loginForm.password" type="password"
-            :placeholder="$t('message.common.login.passwordHint')" size="large" />
-        </FFormItem>
-        <FCheckbox v-model="rememberUserNameAndPass" class="remember-user-name">
-          {{ $t('message.common.login.remenber') }}
-        </FCheckbox>
-
-        <FButton @click="handleSubmit('loginForm')" class="login-btn" :loading="loading" type="primary" long size="large">
-          {{ $t('message.common.login.login') }}
-        </FButton>
-      </FForm>
+                <FButton
+                    @click="handleSubmit('loginForm')"
+                    class="login-btn"
+                    :loading="loading"
+                    type="primary"
+                    long
+                    size="large"
+                >
+                    {{ $t('message.common.login.login') }}
+                </FButton>
+            </FForm>
+        </div>
     </div>
-  </div>
 </template>
 <script lang="ts">
-import api from '@/service/api';
 import { FMessage } from '@fesjs/fes-design';
 import { defineComponent, ref } from 'vue';
-import storage from '@/helper/storage'
 import JSEncrypt from 'jsencrypt';
+import api from '@/service/api';
+import storage from '@/helper/storage';
 import tab from '@/scriptis/service/db/tab';
 import { db } from '@/service/db';
 import { config } from '@/config/db';
 
 export default defineComponent({
-  setup() {
-    const loginFormRef = ref(null)
-
-    return {
-      userName: '',
-      loginFormRef,
-      loading: false,
-      loginForm: {
-        user: '',
-        password: ''
-      },
-      ruleInline: {
-        user: [
-          {
-            required: true,
-            message: 'message.common.login.userName',
-            trigger: 'blur'
-          }
-          // {type: 'string', pattern: /^[0-9a-zA-Z\.\-_]{4,16}$/, message: '无效的用户名！', trigger: 'change'},
-        ],
-        password: [
-          {
-            required: true,
-            message: 'message.common.login.password',
-            trigger: 'blur'
-          }
-          // {type: 'string', pattern: /^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,18}$/, message: '请输入6至12位的密码', trigger: 'change'},
-        ]
-      },
-      rememberUserNameAndPass: false,
-      publicKeyData: {
-        enableLoginEncrypt: null,
-        publicKey: null
-      }
-    }
+    setup() {
+        const loginFormRef = ref(null);
 
-  },
-  created() {
-    let userNameAndPass = ''
-    storage.get('saveUserNameAndPass', 'local')
-    if (userNameAndPass) {
-      this.rememberUserNameAndPass = true
-      this.loginForm.user = userNameAndPass.split('&')[0]
-      this.loginForm.password = userNameAndPass.split('&')[1]
-    }
-    // getPublicKey()
-  },
-  methods: {
-    // Get public key interface(获取公钥接口)
-    getPublicKey() {
-      api.fetch('/user/publicKey', 'get').then((res: any) => {
-        this.publicKeyData = res
-      })
+        return {
+            userName: '',
+            loginFormRef,
+            loading: false,
+            loginForm: {
+                user: '',
+                password: '',
+            },
+            ruleInline: {
+                user: [
+                    {
+                        required: true,
+                        message: 'message.common.login.userName',
+                        trigger: 'blur',
+                    },
+                    // {type: 'string', pattern: /^[0-9a-zA-Z\.\-_]{4,16}$/, message: '无效的用户名！', trigger: 'change'},
+                ],
+                password: [
+                    {
+                        required: true,
+                        message: 'message.common.login.password',
+                        trigger: 'blur',
+                    },
+                    // {type: 'string', pattern: /^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,18}$/, message: '请输入6至12位的密码', trigger: 'change'},
+                ],
+            },
+            rememberUserNameAndPass: false,
+            publicKeyData: {
+                enableLoginEncrypt: null,
+                publicKey: null,
+            },
+        };
     },
-    handleSubmit(name: string) {
-      console.log(this.loginForm.user, name)
-      // this.loginFormRef.validate((valid: boolean) => {
-      // if (valid) {
-      this.loading = true
-      if (!this.rememberUserNameAndPass) {
-        storage.remove('saveUserNameAndPass', 'local')
-      }
-      this.loginForm.user = this.loginForm.user.toLocaleLowerCase()
-      // Need to determine whether the password needs to be encrypted(需要判断是否需要给密码加密)
-      let password = this.loginForm.password
-      let params = {}
-      if (this.publicKeyData && this.publicKeyData.enableLoginEncrypt) {
-        const key = `-----BEGIN PUBLIC KEY-----${this.publicKeyData.publicKey}-----END PUBLIC KEY-----`
-        const encryptor = new JSEncrypt()
-        encryptor.setPublicKey(key)
-        password = encryptor.encrypt(this.loginForm.password) as string
-        params = {
-          userName: this.loginForm.user,
-          password
-        }
-      } else {
-        params = {
-          userName: this.loginForm.user,
-          password
+    created() {
+        const userNameAndPass = storage.get('saveUserNameAndPass', 'local');
+        if (userNameAndPass) {
+            this.rememberUserNameAndPass = true;
+            [this.loginForm.user, this.loginForm.password] =
+                userNameAndPass.split('&');
         }
-      }
-      // Log in to clear the local cache(登录清掉本地缓存)
-      // After logging out twice in a row, data will be lost, so it is necessary to judge whether it has been saved and not used.(连续两次退出登录后，会导致数据丢失，所以得判断是否已存切没有使用)
-      tab.get().then((tabs: any) => {
-        const tablist = storage.get(this.loginForm.user + 'tabs', 'local')
-        if (!tablist || tablist.length <= 0) {
-          storage.set(this.loginForm.user + 'tabs', tabs, 'local')
-        }
-        Object.keys(config.stores).map((key) => {
-          db.db?.[key]?.clear()
-        })
-        api
-          .fetch(`/user/login`, params)
-          .then((rst: any) => {
-            this.loading = false
-            storage.set('userName', rst.userName, 'session')
-            storage.set(
-              'enableWatermark',
-              rst.enableWatermark,
-              'session'
-            )
-            // save username(保存用户名)
-            if (this.rememberUserNameAndPass) {
-              storage.set(
-                'saveUserNameAndPass',
-                `${this.loginForm.user}&${this.loginForm.password}`,
-                'local'
-              )
-            }
-            if (rst) {
-              this.userName = rst.userName
-              this.$router.push({ path: '/console' })
-              FMessage.success(
-                this.$t('message.common.login.loginSuccess')
-              )
-            }
-          })
-          .catch((err: any) => {
-            if (this.rememberUserNameAndPass) {
-              storage.set(
-                'saveUserNameAndPass',
-                `${this.loginForm.user}&${this.loginForm.password}`,
-                'local'
-              )
+        this.getPublicKey();
+    },
+    methods: {
+        // Get public key interface(获取公钥接口)
+        getPublicKey() {
+            api.fetch('/user/publicKey', 'get').then((res: any) => {
+                this.publicKeyData = res;
+            });
+        },
+        handleSubmit(name: string) {
+            console.log(this.loginForm.user, name);
+            // this.loginFormRef.validate((valid: boolean) => {
+            // if (valid) {
+            this.loading = true;
+            if (!this.rememberUserNameAndPass) {
+                storage.remove('saveUserNameAndPass', 'local');
             }
-            if (err.message.indexOf('已经登录，请先退出再进行登录') !== -1) {
-              // this.getPageHomeUrl().then(() => {
-              this.$router.push({ path: '/' })
-              // })
+            this.loginForm.user = this.loginForm.user.toLocaleLowerCase();
+            // Need to determine whether the password needs to be encrypted(需要判断是否需要给密码加密)
+            // eslint-disable-next-line prefer-destructuring
+            let password = this.loginForm.password;
+            let params = {};
+            if (this.publicKeyData && this.publicKeyData.enableLoginEncrypt) {
+                const key = `-----BEGIN PUBLIC KEY-----${this.publicKeyData.publicKey}-----END PUBLIC KEY-----`;
+                const encryptor = new JSEncrypt();
+                encryptor.setPublicKey(key);
+                password = encryptor.encrypt(this.loginForm.password) as string;
+                params = {
+                    userName: this.loginForm.user,
+                    password,
+                };
+            } else {
+                params = {
+                    userName: this.loginForm.user,
+                    password,
+                };
             }
-            this.loading = false
-          })
-      })
-      // }
-      //  else {
-      //   console.error(this.$t('message.common.login.vaildFaild'))
-      //   FMessage.error(this.$t('message.common.login.vaildFaild'))
-      // }
-      // })
+            // Log in to clear the local cache(登录清掉本地缓存)
+            // After logging out twice in a row, data will be lost, so it is necessary to judge whether it has been saved and not used.(连续两次退出登录后，会导致数据丢失，所以得判断是否已存切没有使用)
+            tab.get().then((tabs: any) => {
+                const tablist = storage.get(
+                    `${this.loginForm.user}tabs`,
+                    'local',
+                );
+                if (!tablist || tablist.length <= 0) {
+                    storage.set(`${this.loginForm.user}tabs`, tabs, 'local');
+                }
+                Object.keys(config.stores).map((key) =>
+                    (db as any).db?.[key]?.clear(),
+                );
+                api.fetch('/user/login', params)
+                    .then((rst: any) => {
+                        this.loading = false;
+                        storage.set('userName', rst.userName, 'session');
+                        storage.set(
+                            'enableWatermark',
+                            rst.enableWatermark,
+                            'session',
+                        );
+                        // save username(保存用户名)
+                        if (this.rememberUserNameAndPass) {
+                            storage.set(
+                                'saveUserNameAndPass',
+                                `${this.loginForm.user}&${this.loginForm.password}`,
+                                'local',
+                            );
+                        }
+                        if (rst) {
+                            this.userName = rst.userName;
+                            this.$router.push({ path: '/' });
+                            FMessage.success(
+                                this.$t('message.common.login.loginSuccess'),
+                            );
+                        }
+                    })
+                    .catch((err: any) => {
+                        if (this.rememberUserNameAndPass) {
+                            storage.set(
+                                'saveUserNameAndPass',
+                                `${this.loginForm.user}&${this.loginForm.password}`,
+                                'local',
+                            );
+                        }
+                        if (
+                            err.message.indexOf(
+                                '已经登录，请先退出再进行登录',
+                            ) !== -1
+                        ) {
+                            // this.getPageHomeUrl().then(() => {
+                            this.$router.push({ path: '/' });
+                            // });
+                        }
+                        this.loading = false;
+                    });
+            });
+            // }
+            //  else {
+            //   console.error(this.$t('message.common.login.vaildFaild'))
+            //   FMessage.error(this.$t('message.common.login.vaildFaild'))
+            // }
+            // })
+        },
+        // clear local cache
+        clearSession() {
+            storage.clear();
+        },
     },
-    // clear local cache
-    clearSession() {
-      storage.clear()
-    }
-  }
-})
-
+});
 </script>
 <style scoped>
 @import '../../../style/variable.less';
 
 .login {
-  height: 100%;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  background-color: #001C40;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  .login-bg {
-    position: fixed;
-    width: 100%;
     height: 100%;
-    top: 0;
     left: 0;
-    background: url('@/dss/assets/images/loginbgc.svg') no-repeat;
-    background-position: 55% 40%;
-    background-color: #001C40;
-  }
-
-  .login-main {
-    position: relative;
-    width: 450px;
-    height: 427px;
-    background-color: #fff;
-    margin-right: 9.5%;
-    padding: 50px;
-    border-radius: 6px;
-    box-shadow: 2px 2px 40px 0px rgba(0, 0, 0, 0.9);
-    z-index: 10;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: #001c40;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
 
-    .login-title {
-      font-size: 20px;
-      font-weight: 400px;
-      display: block;
-      text-align: center;
-      color: #044B93;
-      font-weight: 600;
+    .login-bg {
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        background: url('@/dss/assets/images/loginbgc.svg') no-repeat;
+        background-position: 55% 40%;
+        background-color: #001c40;
     }
 
-    .label {
-      font-size: 14px;
-      line-height: 22px;
-      margin-top: 20px;
-    }
+    .login-main {
+        position: relative;
+        width: 450px;
+        height: 427px;
+        background-color: #fff;
+        margin-right: 9.5%;
+        padding: 50px;
+        border-radius: 6px;
+        box-shadow: 2px 2px 40px 0px rgba(0, 0, 0, 0.9);
+        z-index: 10;
 
-    .login-input {
-      height: 50px;
-      border-radius: 4px;
-      padding-left: 15px;
-      color: #515a6e;
-      border: 1px solid #DEE4EC;
+        .login-title {
+            font-size: 20px;
+            font-weight: 400px;
+            display: block;
+            text-align: center;
+            color: #044b93;
+            font-weight: 600;
+        }
 
-    }
+        .label {
+            font-size: 14px;
+            line-height: 22px;
+            margin-top: 20px;
+        }
 
-    .login-btn {
-      position: absolute;
-      bottom: 50px;
-      left: 50px;
-      width: 357px;
-    }
+        .login-input {
+            height: 50px;
+            border-radius: 4px;
+            padding-left: 15px;
+            color: #515a6e;
+            border: 1px solid #dee4ec;
+        }
 
-    :deep(span.fes-input-inner) {
-      display: block;
-      height: 48px;
-      line-height: 48px;
-      width: 100%;
-      padding: auto 6px;
-    }
+        .login-btn {
+            position: absolute;
+            bottom: 50px;
+            left: 50px;
+            width: 357px;
+        }
 
-    :deep(.fes-input.login-input) {
-      padding: 0;
-    }
+        :deep(span.fes-input-inner) {
+            display: block;
+            height: 48px;
+            line-height: 48px;
+            width: 100%;
+            padding: auto 6px;
+            padding: 0;
+        }
 
-    .remember-user-name {
-      position: absolute;
-      bottom: 106px;
-      font-size: 12px;
-    }
+        :deep(.fes-input.login-input) {
+            padding: 0;
+        }
 
-    .ivu-form-item {
-      margin-bottom: 20px;
+        :deep(.fes-input-inner-el) {
+            transform: translateY(-2px);
+            padding-left: 12px;
+            height: 100%;
+        }
+
+        .remember-user-name {
+            position: absolute;
+            bottom: 106px;
+            font-size: 12px;
+        }
+
+        .ivu-form-item {
+            margin-bottom: 20px;
+        }
     }
-  }
 
-  :deep(.fes-form-item-label::before) {
-    display: none;
-  }
+    :deep(.fes-form-item-label::before) {
+        display: none;
+    }
 
-  .radioGroup {
-    padding-left: 20px;
-    display: block;
+    .radioGroup {
+        padding-left: 20px;
+        display: block;
 
-    .ivu-radio-group-item {
-      width: 100%;
+        .ivu-radio-group-item {
+            width: 100%;
+        }
     }
-  }
 }
 </style>
diff --git a/linkis-web-next/src/helper/storage.ts b/linkis-web-next/src/helper/storage.ts
index cea0f6513f..3dbfd38869 100644
--- a/linkis-web-next/src/helper/storage.ts
+++ b/linkis-web-next/src/helper/storage.ts
@@ -1,3 +1,4 @@
+/* eslint-disable */
 /*
  * Licensed to the Apache Software Foundation (ASF) under one or more
  * contributor license agreements.  See the NOTICE file distributed with
@@ -220,7 +221,7 @@ export default {
             cookieManager.remove(key);
         }
     },
-    _map: function (category: string) {
+    _map(category: string) {
         let isWebStorage = true;
         let storage;
 
diff --git a/linkis-web-next/src/locales/en.ts b/linkis-web-next/src/locales/en.ts
index 13be0d4a62..6459e37fdb 100644
--- a/linkis-web-next/src/locales/en.ts
+++ b/linkis-web-next/src/locales/en.ts
@@ -399,6 +399,7 @@ export default {
             },
         },
         linkis: {
+            sourceInfo: 'Source Info',
             refresh: 'Refresh',
             engineConfig: 'Engines',
             applicationDesc: 'Desc',
@@ -1059,6 +1060,11 @@ export default {
                     'Please select the engine type and version',
                 upload: 'Please click the button to upload the engine plugin',
             },
+            task: {
+                projectName: 'Project Name',
+                workflowName: 'Workflow Name',
+                workflowIp: 'Workflow IP',
+            },
         },
     },
 };
diff --git a/linkis-web-next/src/locales/index.ts b/linkis-web-next/src/locales/index.ts
index 2afdfb6b0b..567a1c0f6e 100644
--- a/linkis-web-next/src/locales/index.ts
+++ b/linkis-web-next/src/locales/index.ts
@@ -1,7 +1,7 @@
-import en from './en'
-import zh from './zh'
-
-export default {
-  zh,
-  en
-}
\ No newline at end of file
+import en from './en';
+import zh from './zh';
+
+export default {
+    zh,
+    en,
+};
diff --git a/linkis-web-next/src/locales/zh.ts b/linkis-web-next/src/locales/zh.ts
index 068feb0054..f26aaa7ee3 100644
--- a/linkis-web-next/src/locales/zh.ts
+++ b/linkis-web-next/src/locales/zh.ts
@@ -370,6 +370,7 @@ export default {
             },
         },
         linkis: {
+            sourceInfo: '来源信息',
             refresh: '刷新',
             engineConfig: '引擎配置',
             applicationDesc: '应用描述',
@@ -1017,6 +1018,11 @@ export default {
                 createdTime: '创建时间',
                 searchRange: '仅可查询T-1的历史代码',
             },
+            task: {
+                projectName: '项目名称',
+                workflowName: '工作流名称',
+                workflowIp: '工作流IP',
+            },
         },
     },
 };
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
index 0f1ff4985a..b87a9276d0 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
@@ -2,57 +2,126 @@
     <div class="label">{{ $t('message.linkis.globalTaskQuery') }}</div>
     <div class="filter">
         <FForm ref="formRef" class="form" v-show="!isCheckingTaskToStop">
-            <FFormItem :label="$t('message.linkis.jobId')" :props="$t('message.linkis.jobId')">
-                <FInput v-model="formData.id" placeholder="请输入" class="short-form-item"></FInput>
+            <FFormItem
+                :label="$t('message.linkis.jobId')"
+                :props="$t('message.linkis.jobId')"
+            >
+                <FInput
+                    v-model="formData.id"
+                    placeholder="请输入"
+                    class="short-form-item"
+                ></FInput>
             </FFormItem>
 
-            <FFormItem :label="$t('message.linkis.codeQuery.status')" :props="$t('message.linkis.codeQuery.status')">
-                <FSelect v-model="formData.status" clearable placeholder="请选择" class="short-form-item">
-                    <FOption v-for="(item, index) in statusList" :key="index" :value="item.value" :label="$t(item.label)">
+            <FFormItem
+                :label="$t('message.linkis.codeQuery.status')"
+                :props="$t('message.linkis.codeQuery.status')"
+            >
+                <FSelect
+                    v-model="formData.status"
+                    clearable
+                    placeholder="请选择"
+                    class="short-form-item"
+                >
+                    <FOption
+                        v-for="(item, index) in statusList"
+                        :key="index"
+                        :value="item.value"
+                        :label="$t(item.label)"
+                    >
                     </FOption>
                 </FSelect>
             </FFormItem>
 
-            <FFormItem :label="$t('message.common.resourceSimple.YQ')" :props="$t('message.common.resourceSimple.YQ')">
-                <FSelect v-model="formData.engine" clearable placeholder="请选择" class="short-form-item">
-                    <FOption v-for="(item, index) in optionList" :key="index" :value="item.value" :label="$t(item.label)">
+            <FFormItem
+                :label="$t('message.common.resourceSimple.YQ')"
+                :props="$t('message.common.resourceSimple.YQ')"
+            >
+                <FSelect
+                    v-model="formData.engine"
+                    clearable
+                    placeholder="请选择"
+                    class="short-form-item"
+                >
+                    <FOption
+                        v-for="(item, index) in engineList"
+                        :key="index"
+                        :value="item.value"
+                        :label="$t(item.label)"
+                    >
                     </FOption>
                 </FSelect>
             </FFormItem>
 
-            <FFormItem :label="$t('message.linkis.codeQuery.createdTime')"
-                :prop="$t('message.linkis.codeQuery.createdTime')" class="long-form-item">
-                <FDatePicker v-model="formData.dateRange" type="daterange" :modelValue="[
-                    Date.now(),
-                    Date.now() + 7 * 24 * 60 * 60 * 1000,
-                ]">
+            <FFormItem
+                :label="$t('message.linkis.codeQuery.createdTime')"
+                :prop="$t('message.linkis.codeQuery.createdTime')"
+                class="long-form-item"
+            >
+                <FDatePicker
+                    v-model="formData.dateRange"
+                    type="daterange"
+                    :modelValue="[
+                        Date.now(),
+                        Date.now() + 7 * 24 * 60 * 60 * 1000,
+                    ]"
+                >
                     <template #separator> - </template>
                 </FDatePicker>
             </FFormItem>
 
-            <FFormItem :label="$t('message.linkis.datasource.creator')" :props="$t('message.linkis.datasource.creator')">
-                <FSelect v-model="formData.creator" clearable placeholder="请选择" class="short-form-item">
-                    <FOption v-for="(item, index) in optionList" :key="index" :value="item.value" :label="$t(item.label)">
+            <!-- TODO:  -->
+            <!-- <FFormItem
+                :label="$t('message.linkis.datasource.creator')"
+                :props="$t('message.linkis.datasource.creator')"
+            >
+                <FSelect
+                    v-model="formData.creator"
+                    clearable
+                    placeholder="请选择"
+                    class="short-form-item"
+                >
+                    <FOption
+                        v-for="(item, index) in optionList"
+                        :key="index"
+                        :value="item.value"
+                        :label="$t(item.label)"
+                    >
                     </FOption>
                 </FSelect>
-            </FFormItem>
+            </FFormItem> -->
 
             <div class="buttons">
                 <template v-if="!isCheckingTaskToStop">
-                    <FButton type="primary" @click="search">{{ $t('message.linkis.find') }}</FButton>
-                    <FButton>{{ $t('message.linkis.EnginePluginManagement.Reset') }}</FButton>
-                    <FButton class="stop-button" @click="isCheckingTaskToStop = true">
+                    <FButton type="primary" @click="search">
+                        {{ $t('message.linkis.find') }}
+                    </FButton>
+                    <FButton @click="reset">
+                        {{ $t('message.linkis.EnginePluginManagement.Reset') }}
+                    </FButton>
+                    <FButton
+                        class="stop-button"
+                        @click="isCheckingTaskToStop = true"
+                    >
                         {{ $t('message.linkis.batchStopping') }}
                     </FButton>
                 </template>
             </div>
         </FForm>
+
         <template v-if="isCheckingTaskToStop">
             <div class="buttons">
-                <FButton type="primary" class="confirm-stop-button" @click="confirmStop">
+                <FButton
+                    type="primary"
+                    class="confirm-stop-button"
+                    @click="confirmStop"
+                >
                     {{ $t('message.linkis.confirmToStop') }}
                 </FButton>
-                <FButton class="confirm-stop-button" @click="isCheckingTaskToStop = false">
+                <FButton
+                    class="confirm-stop-button"
+                    @click="isCheckingTaskToStop = false"
+                >
                     {{ $t('message.linkis.cancel') }}
                 </FButton>
             </div>
@@ -61,94 +130,123 @@
 </template>
 
 <script lang="ts" setup>
-import api from '@/service/api';
 import { FForm } from '@fesjs/fes-design';
 import { ref, onMounted, reactive } from 'vue';
-const emits = defineEmits(['search']);
+import api from '@/service/api';
+
+const emit = defineEmits(['search']);
+const props = defineProps<{
+    pageSize: number;
+    currenPage: number;
+    checkedKeys: Array<string | number>;
+}>();
 const isCheckingTaskToStop = ref(false);
 const formRef = ref<null | typeof FForm>(null);
 
+/**
+ * TODO:
+ * 1. 获取数据接口（搜索）
+ * 2. 获取引擎接口
+ * 3. 时间
+ * 4. 字段和后端对齐
+ * 5. 重置按钮
+ * 6. 批量停止接口
+ * 7. 查看（可能需要单独的接口）
+ * 8. 任务数量分类统计接口（可能需要单独的接口）
+ */
+
 const formData = reactive({
     id: '',
     status: '',
     engine: '',
     dateRange: '',
-    creator: ''
+    creator: '',
 });
 
-const optionList = ref([
-    {
-        value: 'xxx',
-        label: 'xxx',
-    },
-    {
-        value: 'yyy',
-        label: 'yyy',
-    },
-    {
-        value: 'zzz',
-        label: 'zzz',
-    },
-]);
+const engineList = ref<Array<{ label: string; value: string }>>([]);
+
 const statusList = ref([
     {
         label: 'message.linkis.statusType.all',
-        value: 'all'
+        value: 'all',
     },
     {
         label: 'message.linkis.statusType.inited',
-        value: 'Inited'
+        value: 'Inited',
     },
     {
         label: 'message.linkis.statusType.running',
-        value: 'Running'
+        value: 'Running',
     },
     {
         label: 'message.linkis.statusType.succeed',
-        value: 'Succeed'
+        value: 'Succeed',
     },
     {
         label: 'message.linkis.statusType.cancelled',
-        value: 'Cancelled'
+        value: 'Cancelled',
     },
     {
         label: 'message.linkis.statusType.failed',
-        value: 'Failed'
+        value: 'Failed',
     },
     {
         label: 'message.linkis.statusType.scheduled',
-        value: 'Scheduled'
+        value: 'Scheduled',
     },
     {
         label: 'message.linkis.statusType.timeout',
-        value: 'Timeout'
-    }
+        value: 'Timeout',
+    },
 ]);
 
-// const props = defineProps<{
-//     checkedKeys: Array<string>;
-// }>();
+const getParams = () => {
+    const params = {
+        taskID: formData.id,
+        creator: formData.creator,
+        executeApplicationName: formData.engine,
+        status: formData.status,
+        startDate: formData.dateRange?.[0],
+        endDate: formData.dateRange?.[1],
+        pageNow: props?.currenPage,
+        pageSize: props?.pageSize,
+        // proxyUser: this.searchBar.proxyUser,
+        // isAdminView: this.isAdminModel,
+        // instance: this.searchBar.instance?.replace(/ /g, '') || '',
+    };
+    return params;
+};
 
 const search = async () => {
-    // const formData = await formRef?.value?.validate()
-    console.log('formData', formData);
-    emits('search');
+    const params = getParams();
+    emit('search', params);
+};
+
+const reset = () => {
+    formData.id = '';
+    formData.status = '';
+    formData.engine = '';
+    formData.dateRange = '';
+    formData.creator = '';
 };
 
 const confirmStop = () => {
     console.log(1);
 };
 
-
 onMounted(() => {
     // Get whether it is a historical administrator(获取是否是历史管理员权限)
-    api.fetch('/configuration/engineType', 'get').then(() => {
-        // engine config selector list
-        // this.getEngineTypes = ['all', ...res.engineType];
-    });
+    api.fetch('/configuration/engineType', 'get').then(
+        (res: { engineType: Array<string> }) => {
+            // engine config selector list
+            engineList.value = ['all', ...res.engineType].map((item) => ({
+                label: item,
+                value: item,
+            }));
+        },
+    );
 });
 
-
 defineExpose({
     isCheckingTaskToStop,
 });
@@ -165,15 +263,16 @@ defineExpose({
         gap: 22px;
 
         .short-form-item {
-            width: 120px;
+            width: 100px;
         }
 
         .long-form-item {
-            width: 314px;
+            width: 300px;
         }
     }
 
     .buttons {
+        margin-left: 10px;
         flex: 1;
         display: flex;
         justify-content: flex-start;
@@ -181,7 +280,11 @@ defineExpose({
 
         .stop-button {
             margin-left: auto;
+            text-align: center;
         }
     }
+    :deep(button) {
+        padding-left: 16px;
+    }
 }
 </style>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/index.less b/linkis-web-next/src/pages/globalHistoryManagement/index.less
index 5966966b3c..402e345b06 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/index.less
+++ b/linkis-web-next/src/pages/globalHistoryManagement/index.less
@@ -1,8 +1,26 @@
 .label {
-    font-family: PingFangSC-Medium;
-    font-size: 14px;
-    color: #0f1222;
-    line-height: 22px;
-    font-weight: 600;
-    margin-bottom: 16px;
+  font-family: PingFangSC-Medium;
+  font-size: 14px;
+  color: #0f1222;
+  line-height: 22px;
+  font-weight: 600;
+  margin-bottom: 16px;
 }
+
+.pairs {
+  display: flex;
+  font-family: PingFangSC-Regular;
+  font-size: 14px;
+  letter-spacing: 0;
+  line-height: 22px;
+  font-weight: 400;
+
+  .left {
+    color: #63656F;
+    margin-right: 16px;
+  }
+
+  .right {
+    color: #0F1222;
+  }
+}
\ No newline at end of file
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
index 15b6225e2f..3a2a402b87 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/table.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -2,329 +2,299 @@
     <div class="wrapper">
         <Count></Count>
         <!-- <div @click="test">test</div> -->
-        <Filter ref="filterRef" :checkedKeys="checkedKeys" :search="search"></Filter>
-        <f-table :data="currentData" class="table" v-model:checkedKeys="checkedKeys" :height="450" :rowKey="(row: Record<string, number | string>) => {
+        <Filter
+            ref="filterRef"
+            :checkedKeys="checkedKeys"
+            @search="search"
+            :currentPage="currentPage"
+            :pageSize="pageSize"
+        ></Filter>
+        <f-table
+            :data="dataList"
+            class="table"
+            v-model:checkedKeys="checkedKeys"
+            :height="450"
+            :rowKey="(row: Record<string, number | string>) => {
             return row.taskID;
         }
-            ">
-            <f-table-column v-if="filterRef?.isCheckingTaskToStop" type="selection" :width="32"
-                fixed="left"></f-table-column>
+            "
+        >
+            <f-table-column
+                v-if="filterRef?.isCheckingTaskToStop"
+                type="selection"
+                :width="32"
+                fixed="left"
+            ></f-table-column>
             <template v-for="col in tableColumns" :key="col.label">
-                <f-table-column v-if="col.formatter" :prop="col.prop" :label="col.label" :action="col.action"
-                    :formatter="col.formatter">
+                <f-table-column
+                    v-if="col.formatter"
+                    :prop="col.prop"
+                    :label="col.label"
+                    :action="col.action"
+                    :formatter="col.formatter"
+                >
                 </f-table-column>
-                <f-table-column v-else :prop="col.prop" :label="col.label" :action="col.action">
+                <f-table-column
+                    v-else
+                    :prop="col.prop"
+                    :label="col.label"
+                    :action="col.action"
+                >
                 </f-table-column>
             </template>
         </f-table>
-        <FPagination class="pagination" show-size-changer :pageSizeOption="pageSizeOption" :total-count="data.length"
-            @change="handleChange" v-model:pageSize="pageSize" v-model:currentPage="currentPage"></FPagination>
-        <Drawer ref="drawerRef" :isShow="isShowDrawer" @closeDrawer="setIsShowDrawer"></Drawer>
+        <FPagination
+            class="pagination"
+            show-size-changer
+            :pageSizeOption="pageSizeOption"
+            :total-count="listTotalLen"
+            @change="handleChange"
+            v-model:pageSize="pageSize"
+            v-model:currentPage="currentPage"
+        ></FPagination>
+        <Drawer
+            ref="drawerRef"
+            :isShow="isShowDrawer"
+            @closeDrawer="setIsShowDrawer"
+        ></Drawer>
     </div>
 </template>
 
 <script setup lang="ts">
 import { reactive, ref, h, Ref, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { FMessage } from '@fesjs/fes-design';
+import dayjs from 'dayjs';
 import Drawer from './drawer.vue';
 import Filter from './filter.vue';
 import Count from './count.vue';
 import TooltipText from './tooltipText.vue';
 import api from '@/service/api';
-import { FMessage } from '@fesjs/fes-design';
 
 const filterRef = ref<Ref<{ isCheckingTaskToStop: boolean }> | null>(null);
-
 const drawerRef = ref<Ref<{
     // eslint-disable-next-line no-unused-vars
     open: (rawData: Record<string, string | number>) => void;
-}> | null>(null);
+        }> | null>(null);
+const isLoading = ref<boolean>(false);
 
 const isShowDrawer = ref(false);
 const checkedKeys = reactive<Array<string>>([]);
 const pageSizeOption = reactive([10, 20, 30, 50, 100]);
+const listTotalLen = ref<number>(0);
+const tableColumns: Ref<Array<Record<string, any>>> = ref([]);
+const dataList = ref([]);
 const { t } = useI18n();
-
 // TODO: subsequent adjustments to standard enumeration values
 const statusEnum: Record<string | number, Record<string, string>> = {
-    1: {
+    inited: {
         text: t('message.linkis.statusType.inited'),
         color: '#F29360',
     },
-    2: {
+    running: {
         text: t('message.linkis.statusType.running'),
         color: '#F29360',
     },
-    3: {
+    succeed: {
         text: t('message.linkis.statusType.succeed'),
         color: '#00CB91',
     },
-    4: {
+    failed: {
         text: t('message.linkis.statusType.failed'),
         color: '#F75F56',
     },
-    5: {
+    cancelled: {
         text: t('message.linkis.statusType.cancelled'),
         color: '#93949B',
     },
-    6: {
+    scheduled: {
         text: t('message.linkis.statusType.scheduled'),
         color: '#F29360',
     },
-    7: {
+    timeout: {
         text: t('message.linkis.statusType.timeout'),
         color: '#F75F56',
     },
+    unknown: {
+        color: '#000',
+        text: t('message.linkis.statusType.unknown'),
+    },
 };
+const currentPage = ref(1);
+const pageSize = ref(10);
 
 const setIsShowDrawer = (flag: boolean) => {
     isShowDrawer.value = flag;
 };
-
-const tableColumns = [
-    {
-        prop: 'taskID',
-        label: t('message.linkis.tableColumns.taskID'),
-    },
-    {
-        prop: 'taskName',
-        label: t('message.linkis.tableColumns.taskName'),
-    },
-    {
-        prop: 'status',
-        label: t('message.linkis.tableColumns.status'),
-        formatter: ({ row }: { row: Record<string, number | string> }) => {
-            const attr = statusEnum[row.status];
-            return h('div', { style: `color:${attr.color}` }, attr.text);
+// TODO: replace mock data with the real
+const getColumns = () => {
+    const columns = [
+        {
+            prop: 'taskID',
+            label: t('message.linkis.tableColumns.taskID'),
         },
-    },
-    {
-        prop: 'costTime',
-        label: t('message.linkis.tableColumns.costTime'),
-    },
-    {
-        prop: 'query',
-        label: t('message.linkis.tableColumns.executionCode'),
-        formatter: ({ row }: { row: Record<string, number | string> }) =>
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            h(TooltipText, {
-                text: row.query,
-                tipTitle: '这是标题',
-                tipContent: '这是内容',
-            }),
-    },
-    {
-        label: t('message.linkis.tableColumns.failedReason'),
-        prop: 'query',
-        formatter: ({ row }: { row: Record<string, number | string> }) =>
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            h(TooltipText, {
-                text: row.query,
-                textStyle: { color: '#5384FF' },
-                tipTitle: '这是标题',
-                tipContent: '这是内容',
-            }),
-    },
-    {
-        prop: 'application',
-        label: t('message.linkis.tableColumns.application'),
-    },
-    {
-        prop: 'engine',
-        label: t('message.linkis.tableColumns.engine'),
-    },
-    {
-        prop: 'creator',
-        label: t('message.linkis.tableColumns.creator'),
-    },
-    {
-        prop: 'createdTime',
-        label: t('message.linkis.tableColumns.createdTime'),
-    },
-    {
-        label: t('message.linkis.tableColumns.control.title'),
-        action: [
-            {
-                label: t('message.linkis.tableColumns.control.label'),
-                func: (rawData: Record<string, string | number>) => {
-                    drawerRef.value?.open?.(rawData);
-                    // setIsShowDrawer(true);
-                },
+        {
+            prop: 'taskName',
+            label: t('message.linkis.tableColumns.taskName'),
+        },
+        {
+            prop: 'status',
+            label: t('message.linkis.tableColumns.status'),
+            formatter: ({ row }: { row: Record<string, number | string> }) => {
+                const attr =
+                    statusEnum[`${row.status}`.toLowerCase()] ??
+                    statusEnum.unknown;
+                return h('div', { style: `color:${attr.color}` }, attr.text);
             },
-        ],
-    },
-];
-
-// TODO: replace mock data with the real
-const data = reactive([
-    {
-        taskID: '1',
-        taskName: '任务',
-        status: '1',
-        costTime: '1',
-        query: '哈哈哈',
-        keyInfo: '1',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-    {
-        taskID: '2',
-        taskName: '任务',
-        status: '3',
-        costTime: '1',
-        query: '哈哈哈',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-    {
-        taskID: '3',
-        taskName: '任务',
-        status: '4',
-        costTime: '1',
-        query: '哈哈哈',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-    {
-        taskID: '4',
-        taskName: '任务',
-        status: '1',
-        costTime: '1',
-        query: '哈哈哈',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-    {
-        taskID: '5',
-        taskName: '任务',
-        status: '1',
-        costTime: '1',
-        query: '哈哈哈',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-    {
-        taskID: '6',
-        taskName: '任务',
-        status: '1',
-        costTime: '1',
-        query: '哈哈哈',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-    {
-        taskID: '7',
-        taskName: '任务',
-        status: '1',
-        costTime: '1',
-        query: '哈哈哈',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-    {
-        taskID: '8',
-        taskName: '任务',
-        status: '1',
-        costTime: '1',
-        query: '哈哈哈',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-    {
-        taskID: '9',
-        taskName: '任务',
-        status: '1',
-        costTime: '1',
-        query: '哈哈哈',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-    {
-        taskID: '10',
-        taskName: '任务',
-        status: '1',
-        costTime: '1',
-        query: '哈哈哈',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-    {
-        taskID: '11',
-        taskName: '任务',
-        status: '1',
-        costTime: '1',
-        query: '哈哈哈',
-        application: '应用',
-        engine: '引擎',
-        creator: '张小明',
-        createdTime: '1204',
-    },
-]);
-
-// 需要展示的数据
-const currentData = ref([]);
-const currentPage = ref(1);
-const pageSize = ref(10);
-
-const handleChange = (currenPage: number, size: number) => {
-    const temp = data.slice((currenPage - 1) * size, currenPage * size);
-    (currentData.value as typeof temp) = reactive([...temp]);
+        },
+        {
+            prop: 'costTime',
+            label: t('message.linkis.tableColumns.costTime'),
+            formatter: (data: {
+                row: { costTime: number; sourceInfo: Record<string, string> };
+            }) => {
+                const { costTime, sourceInfo } = data.row;
+                console.log('sourceInfo', sourceInfo);
+                let formattedTime;
+                if (costTime > 60000) {
+                    formattedTime = `m${t('message.common.time.MIN')}s${t(
+                        'message.common.time.second',
+                    )}`;
+                } else {
+                    formattedTime = `s${t('message.common.time.second')}`;
+                }
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                return h(TooltipText, {
+                    text: dayjs(costTime).format(formattedTime),
+                    tipTitle: t('message.linkis.sourceInfo'),
+                    tipHTMLContent: `
+                      <div class="pairs">
+                        <div class="left">
+                          <div>${t('message.linkis.task.projectName')}</div>
+                          <div>${t('message.linkis.task.workflowName')}</div>
+                          <div>${t('message.linkis.task.workflowIp')}</div>
+                        </div>
+                        <div class="right">
+                          <div>${sourceInfo.projectName}</div>   
+                          <div>${sourceInfo.scriptPath}</div>
+                          <div>${sourceInfo.requestIP}</div>                 
+                        </div>
+                      </div>
+                    `,
+                });
+            },
+        },
+        {
+            prop: 'query',
+            label: t('message.linkis.tableColumns.executionCode'),
+            formatter: ({ row }: { row: Record<string, number | string> }) =>
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                h(TooltipText, {
+                    text: `{id：${row.taskID}}`,
+                    tipTitle: row.taskName,
+                    tipContent: row.query,
+                }),
+        },
+        {
+            label: t('message.linkis.tableColumns.failedReason'),
+            prop: 'query',
+            formatter: ({ row }: { row: Record<string, number | string> }) => {
+                console.log('row', row.errDesc);
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                return h(TooltipText, {
+                    text: t('message.linkis.codeQuery.check'),
+                    textStyle: { color: '#5384FF' },
+                    tipTitle: t('message.linkis.tableColumns.failedReason'),
+                    tipContent: row.errDesc || 'null',
+                });
+            },
+        },
+        {
+            prop: 'application',
+            label: t('message.linkis.tableColumns.application'),
+        },
+        {
+            prop: 'engine',
+            label: t('message.linkis.tableColumns.engine'),
+        },
+        {
+            prop: 'creator',
+            label: t('message.linkis.tableColumns.creator'),
+        },
+        {
+            prop: 'createdTime',
+            label: t('message.linkis.tableColumns.createdTime'),
+            formatter: (row: { createdTime: number }) =>
+                dayjs(row.createdTime).format('YYYY-MM-DD'),
+        },
+        {
+            label: t('message.linkis.tableColumns.control.title'),
+            action: [
+                {
+                    label: t('message.linkis.tableColumns.control.label'),
+                    func: (rawData: Record<string, string | number>) => {
+                        drawerRef.value?.open?.(rawData);
+                        // setIsShowDrawer(true);
+                    },
+                },
+            ],
+        },
+    ];
+    // if (!isAdminModel) {
+    //     const index = column.findIndex((item) => item.key === 'umUser');
+    //     column.splice(index, 1);
+    // }
+    return columns;
 };
-handleChange(currentPage.value, pageSize.value);
 
-// TODO: 
-const getParams = () => {
-    console.log(1);
-    return {};
+const handleChange = (currenPage: number, size: number) => {
+    // data.value = data.slice((currenPage - 1) * size, currenPage * size);
+    // (currentData.value as typeof temp) = reactive([...temp]);
 };
 
-const search = () => {
-    //   this.isLoading = true
-    const params = getParams();
-    //   this.column = this.getColumns()
-    api.fetch('/jobhistory/list', params, 'get').then((rst: unknown) => {
-        console.log('rst', rst);
-        //   this.pageSetting.total = rst.totalPage
-        //   this.isLoading = false
-        //   this.list = this.getList(rst.tasks)
-    }).catch(() => {
-        FMessage.error('Something Wrong!');
-    });
+const search = (filterFormData: any) => {
+    isLoading.value = true;
+    tableColumns.value = getColumns();
+    api.fetch('/jobhistory/list', filterFormData, 'get')
+        .then((rst: any) => {
+            listTotalLen.value = rst.totalPage;
+            isLoading.value = false;
+            dataList.value = rst.tasks?.map((task: any) => ({
+                taskID: task.taskID ?? '',
+                taskName: task.execId ?? '',
+                status: task.status ?? '',
+                costTime: task.costTime ?? '',
+                query: task.executionCode ?? '',
+                application: task.executeApplicationName ?? '',
+                engine: task.engineInstance ?? '',
+                creator: task.umUser ?? '',
+                createdTime: task.createdTime ?? '',
+                sourceInfo: {
+                    ...JSON.parse(task.sourceJson ?? ''),
+                    projectName: task.sourceTailor,
+                },
+                errDesc: task.errDesc,
+            }));
+        })
+        .catch(() => {
+            FMessage.error('Something Wrong!');
+        });
 };
 
-
 onMounted(() => {
+    // handleChange(currentPage.value, pageSize.value);
+    search({});
     api.fetch('/jobhistory/governanceStationAdmin', 'get').then(() => {
+        // console.log('admin', res);
         // this.isLogAdmin = res.admin;
         // this.isHistoryAdmin = res.historyAdmin;
     });
 });
 </script>
-
-<style scoped src="./index.less"></style>
-<style scoped>
+<style lang="less" scoped>
 .wrapper {
     position: relative;
     height: 100vh;
@@ -348,9 +318,5 @@ onMounted(() => {
         justify-content: flex-end;
         margin-top: 16px;
     }
-
-    .tooltip-text {
-        background-color: red;
-    }
 }
 </style>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue b/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue
index ab69300090..297a5bd1e0 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/tooltipText.vue
@@ -8,24 +8,35 @@
                 </div>
             </template>
             <template #content>
-                <div style="max-width: 640px">
+                <div class="content" ref="contentRef">
                     {{ props.tipContent }}
                 </div>
-                <slot name="default"></slot>
+                <div class="content" v-html="tipHTMLContent"></div>
+                <!-- <slot name="default"></slot> -->
             </template>
         </FTooltip>
     </FSpace>
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue';
+
 const props = defineProps<{
     text: string;
     textStyle?: Record<string, number | string>;
     tipTitle?: string;
     tipContent?: string;
+    tipHTMLContent?: string;
 }>();
+
+const contentRef = ref(null);
+
+defineExpose({
+    contentRef,
+});
 </script>
 
+<style lang="less" src="./index.less"></style>
 <style scoped>
 .wrapper {
     cursor: pointer;
@@ -37,5 +48,9 @@ const props = defineProps<{
         line-height: 24px;
         font-weight: 500;
     }
+
+    .content {
+        max-width: 640px;
+    }
 }
 </style>
diff --git a/linkis-web-next/src/service/api.ts b/linkis-web-next/src/service/api.ts
index d67736a201..6b9c546ab1 100644
--- a/linkis-web-next/src/service/api.ts
+++ b/linkis-web-next/src/service/api.ts
@@ -1,3 +1,4 @@
+/* eslint-disable */
 /*
  * Licensed to the Apache Software Foundation (ASF) under one or more
  * contributor license agreements.  See the NOTICE file distributed with
@@ -18,31 +19,31 @@
 /**
  * Manipulate APIs(操作Api)
  */
-import util from '@/util';
 import { FMessage } from '@fesjs/fes-design';
 import axios from 'axios';
 import { h } from 'vue';
+import util from '@/util';
 import cache from './apiCache';
 
 // what an array is used to store the cancel function and id for each request(一个用于存储每个请求的取消函数和标识的数组数组)
-let pending: Array<{ u: string; f: (message?: string) => unknown }> = [];
+const pending: Array<{ u: string; f: (message?: string) => unknown }> = [];
 let cancelConfig: any = null;
-let CancelToken = axios.CancelToken;
-let removePending = (config: Record<string, any>) => {
+const { CancelToken } = axios;
+const removePending = (config: Record<string, any>) => {
     for (let p = 0; p < pending.length; p++) {
         const params = JSON.stringify(config.params);
         // Cancel if it exists(如果存在则执行取消操作)
-        if (pending[p].u === config.url + '&' + config.method + '&' + params) {
+        if (pending[p].u === `${config.url}&${config.method}&${params}`) {
             // pending[p].f();// perform cancellation(执行取消操作)
             pending.splice(p, 1); // remove record(移除记录)
         }
     }
 };
 
-let cutReq = (config: Record<string, any>) => {
+const cutReq = (config: Record<string, any>) => {
     for (let p = 0; p < pending.length; p++) {
         const params = JSON.stringify(config.params);
-        if (pending[p].u === config.url + '&' + config.method + '&' + params) {
+        if (pending[p].u === `${config.url}&${config.method}&${params}`) {
             return true;
         }
     }
@@ -62,7 +63,7 @@ instance.interceptors.request.use(
         // Add internationalization parameters(增加国际化参数)
         config.headers['Content-language'] =
             localStorage.getItem('locale') || 'zh-CN';
-        let flag = cutReq(config);
+        const flag = cutReq(config);
         // The second same request cannot be made when the last same request is not completed(当上一次相同请求未完成时，无法进行第二次相同请求)
         if (flag === true) {
             removePending(config);
@@ -74,7 +75,7 @@ instance.interceptors.request.use(
             config.cancelToken = new CancelToken((c) => {
                 // Add identity and cancel functions(添加标识和取消函数)
                 pending.push({
-                    u: config.url + '&' + config.method + '&' + params,
+                    u: `${config.url}&${config.method}&${params}`,
                     f: c,
                 });
             });
@@ -98,14 +99,12 @@ instance.interceptors.response.use(
             (error.message && error.message.indexOf('timeout') >= 0) ||
             (error.request && error.request.status !== 200)
         ) {
-            for (let p in pending) {
+            for (const p in pending) {
                 if (
                     pending[p].u ===
-                    cancelConfig.url +
-                        '&' +
-                        cancelConfig.method +
-                        '&' +
-                        JSON.stringify(cancelConfig.params)
+                    `${cancelConfig.url}&${
+                        cancelConfig.method
+                    }&${JSON.stringify(cancelConfig.params)}`
                 ) {
                     pending.splice(p, 1); // remove record(移除记录)
                 }
@@ -160,7 +159,7 @@ const api: API = {
                 return window.location.replace(res.data.SSOURL);
             }
 
-            const isLoginPath = window.location.hash == '#/login';
+            const isLoginPath = window.location.hash === '#/login';
             if (!isLoginPath) {
                 window.location.hash = '#/login';
                 throw new Error('您尚未登录，请先登录!');
@@ -176,10 +175,10 @@ const api: API = {
 };
 
 const getData = function (data: any) {
-    let _arr = ['codePath', 'messagePath', 'resultPath'];
-    let res = {};
+    const _arr = ['codePath', 'messagePath', 'resultPath'];
+    const res = {};
     _arr.forEach((item) => {
-        let pathArray = api.constructionOfResponse[item].split('.');
+        const pathArray = api.constructionOfResponse[item].split('.');
         let result =
             pathArray.length === 1 && pathArray[0] === '*'
                 ? data
@@ -226,11 +225,11 @@ const success = function (response: any) {
                 linkis_errorMsgTip || tt('message.common.exceptionTips'),
             );
         }
-        let res: any = getData(data);
-        let code = res.codePath;
-        let message = res.messagePath;
-        let result = res.resultPath;
-        let errorMsgTip = result ? result.errorMsgTip : '';
+        const res: any = getData(data);
+        const code = res.codePath;
+        const message = res.messagePath;
+        const result = res.resultPath;
+        const errorMsgTip = result ? result.errorMsgTip : '';
         if (errorMsgTip) {
             sessionStorage.setItem('linkis.errorMsgTip', errorMsgTip);
         }
@@ -248,7 +247,7 @@ const success = function (response: any) {
         }
         if (result) {
             let len = 0;
-            let hasBigData = Object.values(result).some((item) => {
+            const hasBigData = Object.values(result).some((item) => {
                 if (Array.isArray(item)) {
                     len = item.length > len ? item.length : len;
                     return len > 200;
@@ -265,7 +264,7 @@ const success = function (response: any) {
 
 const fail = function (error: any, t: (str: string) => string) {
     let _message = '';
-    let response = error.response;
+    const { response } = error;
     if (response && api.error[response.status]) {
         api.error[response.status].forEach((fn) => fn(response));
     } else {
@@ -284,7 +283,7 @@ const fail = function (error: any, t: (str: string) => string) {
                 data = response.data;
             }
             if (data) {
-                let res = getData(data);
+                const res = getData(data);
                 _message = res.messagePath;
             }
         }
@@ -294,16 +293,16 @@ const fail = function (error: any, t: (str: string) => string) {
 };
 
 const param = function (url, data, option) {
-    let method = 'post';
+    const method = 'post';
     if (util.isNull(url)) {
         return window.console.error('请传入URL');
     } else if (!util.isNull(url) && util.isNull(data) && util.isNull(option)) {
         option = {
-            method: method,
+            method,
         };
     } else if (!util.isNull(url) && !util.isNull(data) && util.isNull(option)) {
         option = {
-            method: method,
+            method,
         };
         if (util.isString(data)) {
             option.method = data;
@@ -326,21 +325,21 @@ const param = function (url, data, option) {
             option.method = option.method || method;
         } else {
             option = {
-                method: method,
+                method,
             };
         }
         if (
-            option.method == 'get' ||
-            option.method == 'delete' ||
-            option.method == 'head' ||
-            option.method == 'options'
+            option.method === 'get' ||
+            option.method === 'delete' ||
+            option.method === 'head' ||
+            option.method === 'options'
         ) {
             option.params = data;
         }
         if (
-            option.method == 'post' ||
-            option.method == 'put' ||
-            option.method == 'patch'
+            option.method === 'post' ||
+            option.method === 'put' ||
+            option.method === 'patch'
         ) {
             option.data = data;
         }
@@ -357,18 +356,16 @@ const param = function (url, data, option) {
 const action = function (url: string | URL, data, option) {
     return param(url, data, option)
         .then(success, fail)
-        .then(function (response: unknown) {
-            return response;
-        })
-        .catch(function (error: Error) {
+        .then((response: unknown) => response)
+        .catch((error: Error) => {
             if (error.message) {
-                let urlReg =
+                const urlReg =
                     /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?/g;
-                let result = error.message.match(urlReg);
+                const result = error.message.match(urlReg);
                 result
                     ? FMessage.error({
                           content: () => {
-                              let context = error.message.split(result[0]);
+                              const context = error.message.split(result[0]);
                               return h('span', [
                                   context[0],
                                   h(
@@ -404,7 +401,7 @@ api.option = function (option: Record<string, any>) {
         instance.defaults.timeout = option.timeout;
     }
     if (option.config && util.isObject(option.config)) {
-        Object.keys(option.config).forEach(function (key) {
+        Object.keys(option.config).forEach((key) => {
             instance.defaults[key] = option.config[key];
         });
     }
diff --git a/linkis-web-next/vite.config.ts b/linkis-web-next/vite.config.ts
index a6069f41fe..c56f308730 100644
--- a/linkis-web-next/vite.config.ts
+++ b/linkis-web-next/vite.config.ts
@@ -4,6 +4,7 @@ import path from 'path';
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
     const env = loadEnv(mode, process.cwd());
+
     return {
         envPrefix: 'VITE_',
         plugins: [vue()],
@@ -13,13 +14,13 @@ export default defineConfig(({ mode }) => {
             },
         },
         server: {
-            port: 3000,
-            host: '127.0.0.1',
+            // port: 3000,
+            host: 'localhost',
             proxy: {
                 '/api': {
-                    target: env.BACKEND_URL,
+                    target: env.VITE_BACKEND_URL,
                     changeOrigin: true,
-                    rewrite: (pth) => pth.replace(/^\/api/, ''),
+                    rewrite: (pth) => pth.replace(/^\/api/, '/api'),
                 },
             },
         },

From e6d64376bd7c83e3df25345689c66a24440fc057 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Fri, 29 Sep 2023 16:50:22 +0800
Subject: [PATCH 18/21] feat: globalHistoryManagement table search

---
 .../pages/globalHistoryManagement/filter.vue  |  8 +-
 .../pages/globalHistoryManagement/table.vue   | 39 ++++-----
 .../src/pages/parameterConfig/drawer.vue      | 83 +++++++++++++++----
 3 files changed, 87 insertions(+), 43 deletions(-)

diff --git a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
index b87a9276d0..0f51201e9f 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
@@ -137,17 +137,16 @@ import api from '@/service/api';
 const emit = defineEmits(['search']);
 const props = defineProps<{
     pageSize: number;
-    currenPage: number;
+    currentPage: number;
     checkedKeys: Array<string | number>;
 }>();
+
 const isCheckingTaskToStop = ref(false);
 const formRef = ref<null | typeof FForm>(null);
 
 /**
  * TODO:
  * 1. 获取数据接口（搜索）
- * 2. 获取引擎接口
- * 3. 时间
  * 4. 字段和后端对齐
  * 5. 重置按钮
  * 6. 批量停止接口
@@ -208,7 +207,7 @@ const getParams = () => {
         status: formData.status,
         startDate: formData.dateRange?.[0],
         endDate: formData.dateRange?.[1],
-        pageNow: props?.currenPage,
+        pageNow: props?.currentPage,
         pageSize: props?.pageSize,
         // proxyUser: this.searchBar.proxyUser,
         // isAdminView: this.isAdminModel,
@@ -249,6 +248,7 @@ onMounted(() => {
 
 defineExpose({
     isCheckingTaskToStop,
+    handleSearch: search,
 });
 </script>
 
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
index 3a2a402b87..92cd43ff28 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/table.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -4,8 +4,8 @@
         <!-- <div @click="test">test</div> -->
         <Filter
             ref="filterRef"
-            :checkedKeys="checkedKeys"
             @search="search"
+            :checkedKeys="checkedKeys"
             :currentPage="currentPage"
             :pageSize="pageSize"
         ></Filter>
@@ -77,7 +77,8 @@ const drawerRef = ref<Ref<{
     open: (rawData: Record<string, string | number>) => void;
         }> | null>(null);
 const isLoading = ref<boolean>(false);
-
+const currentPage = ref(1);
+const pageSize = ref(10);
 const isShowDrawer = ref(false);
 const checkedKeys = reactive<Array<string>>([]);
 const pageSizeOption = reactive([10, 20, 30, 50, 100]);
@@ -85,7 +86,7 @@ const listTotalLen = ref<number>(0);
 const tableColumns: Ref<Array<Record<string, any>>> = ref([]);
 const dataList = ref([]);
 const { t } = useI18n();
-// TODO: subsequent adjustments to standard enumeration values
+
 const statusEnum: Record<string | number, Record<string, string>> = {
     inited: {
         text: t('message.linkis.statusType.inited'),
@@ -120,13 +121,11 @@ const statusEnum: Record<string | number, Record<string, string>> = {
         text: t('message.linkis.statusType.unknown'),
     },
 };
-const currentPage = ref(1);
-const pageSize = ref(10);
 
 const setIsShowDrawer = (flag: boolean) => {
     isShowDrawer.value = flag;
 };
-// TODO: replace mock data with the real
+
 const getColumns = () => {
     const columns = [
         {
@@ -154,7 +153,6 @@ const getColumns = () => {
                 row: { costTime: number; sourceInfo: Record<string, string> };
             }) => {
                 const { costTime, sourceInfo } = data.row;
-                console.log('sourceInfo', sourceInfo);
                 let formattedTime;
                 if (costTime > 60000) {
                     formattedTime = `m${t('message.common.time.MIN')}s${t(
@@ -200,17 +198,15 @@ const getColumns = () => {
         {
             label: t('message.linkis.tableColumns.failedReason'),
             prop: 'query',
-            formatter: ({ row }: { row: Record<string, number | string> }) => {
-                console.log('row', row.errDesc);
+            formatter: ({ row }: { row: Record<string, number | string> }) =>
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
-                return h(TooltipText, {
+                h(TooltipText, {
                     text: t('message.linkis.codeQuery.check'),
                     textStyle: { color: '#5384FF' },
                     tipTitle: t('message.linkis.tableColumns.failedReason'),
                     tipContent: row.errDesc || 'null',
-                });
-            },
+                }),
         },
         {
             prop: 'application',
@@ -250,18 +246,11 @@ const getColumns = () => {
     return columns;
 };
 
-const handleChange = (currenPage: number, size: number) => {
-    // data.value = data.slice((currenPage - 1) * size, currenPage * size);
-    // (currentData.value as typeof temp) = reactive([...temp]);
-};
-
-const search = (filterFormData: any) => {
+const search = (params: Record<string, string | number>) => {
     isLoading.value = true;
-    tableColumns.value = getColumns();
-    api.fetch('/jobhistory/list', filterFormData, 'get')
+    api.fetch('/jobhistory/list', params, 'get')
         .then((rst: any) => {
             listTotalLen.value = rst.totalPage;
-            isLoading.value = false;
             dataList.value = rst.tasks?.map((task: any) => ({
                 taskID: task.taskID ?? '',
                 taskName: task.execId ?? '',
@@ -278,17 +267,23 @@ const search = (filterFormData: any) => {
                 },
                 errDesc: task.errDesc,
             }));
+            isLoading.value = false;
         })
         .catch(() => {
             FMessage.error('Something Wrong!');
+            isLoading.value = false;
         });
 };
 
+const handleChange = () => {
+    (filterRef.value as any).handleSearch?.();
+};
+
 onMounted(() => {
     // handleChange(currentPage.value, pageSize.value);
+    tableColumns.value = getColumns();
     search({});
     api.fetch('/jobhistory/governanceStationAdmin', 'get').then(() => {
-        // console.log('admin', res);
         // this.isLogAdmin = res.admin;
         // this.isHistoryAdmin = res.historyAdmin;
     });
diff --git a/linkis-web-next/src/pages/parameterConfig/drawer.vue b/linkis-web-next/src/pages/parameterConfig/drawer.vue
index 378d5a5e30..df12969e8c 100644
--- a/linkis-web-next/src/pages/parameterConfig/drawer.vue
+++ b/linkis-web-next/src/pages/parameterConfig/drawer.vue
@@ -1,9 +1,18 @@
 <template>
-    <FDrawer v-model:show="show" placement="right" width="960" @ok="show = false" :footer="true">
+    <FDrawer
+        v-model:show="show"
+        placement="right"
+        width="960"
+        @ok="show = false"
+        :footer="true"
+    >
         <template #title>
             <div class="title">
                 <template v-if="isAddingApplicationAndEngine">
-                    <span class="back-icon" @click="isAddingApplicationAndEngine = false">
+                    <span
+                        class="back-icon"
+                        @click="isAddingApplicationAndEngine = false"
+                    >
                         &lt;
                     </span>
                 </template>
@@ -12,28 +21,53 @@
         </template>
 
         <template v-if="!isAddingApplicationAndEngine">
-            <FButton type="primary" style="margin: 8px 0 24px" @click="isAddingApplicationAndEngine = true">
+            <FButton
+                type="primary"
+                style="margin: 8px 0 24px"
+                @click="isAddingApplicationAndEngine = true"
+            >
                 {{ $t('message.linkis.addApplicationAndEngine') }}
             </FButton>
         </template>
 
         <div class="content-wrapper">
             <template v-if="!isAddingApplicationAndEngine">
-                <f-table :data="currentData" class="table" :rowKey="(row: Record<string, number | string>) => {
+                <f-table
+                    :data="currentData"
+                    class="table"
+                    :rowKey="(row: Record<string, number | string>) => {
                     return row.taskId;
                 }
-                    ">
+                    "
+                >
                     <template v-for="col in tableColumns" :key="col.label">
-                        <f-table-column v-if="col.formatter" :prop="col.prop" :label="col.label" :formatter="col.formatter"
-                            :width="col?.width">
+                        <f-table-column
+                            v-if="col.formatter"
+                            :prop="col.prop"
+                            :label="col.label"
+                            :formatter="col.formatter"
+                            :width="col?.width"
+                        >
                         </f-table-column>
-                        <f-table-column v-else :prop="col.prop" :label="col.label" :width="col?.width" :action="col.action"
-                            :fixed="col?.fixed ?? false">
+                        <f-table-column
+                            v-else
+                            :prop="col.prop"
+                            :label="col.label"
+                            :width="col?.width"
+                            :action="col.action"
+                            :fixed="col?.fixed ?? false"
+                        >
                         </f-table-column>
                     </template>
                 </f-table>
-                <FPagination show-size-changer :total-count="data.length" v-model:currentPage="currentPage"
-                    @change="handleChange" :pageSizeOption="pageSizeOption" v-model:pageSize="pageSize"></FPagination>
+                <FPagination
+                    show-size-changer
+                    :total-count="data.length"
+                    v-model:currentPage="currentPage"
+                    @change="handleChange"
+                    :pageSizeOption="pageSizeOption"
+                    v-model:pageSize="pageSize"
+                ></FPagination>
             </template>
 
             <template v-else>
@@ -50,7 +84,10 @@
                             {{ $t('message.linkis.engineConfig') }}
                         </div>
                         <div class="configs">
-                            <template v-for="(config, index) in engineConfigList" :key="`${config.type}-${index}`">
+                            <template
+                                v-for="(config, index) in engineConfigList"
+                                :key="`${config.type}-${index}`"
+                            >
                                 <div class="config-card">
                                     <div class="header">
                                         <div class="title">
@@ -63,17 +100,30 @@
                                         <div class="delete_btn">删除</div>
                                     </div>
                                     <FFormItem label="引擎类型">
-                                        <FInput placeholder="请输入" v-model="config.type"></FInput>
+                                        <FInput
+                                            placeholder="请输入"
+                                            v-model="config.type"
+                                        ></FInput>
                                     </FFormItem>
                                     <FFormItem label="引擎版本">
-                                        <FInput placeholder="请输入" v-model="config.version"></FInput>
+                                        <FInput
+                                            placeholder="请输入"
+                                            v-model="config.version"
+                                        ></FInput>
                                     </FFormItem>
                                     <FFormItem label="引擎描述">
-                                        <FInput placeholder="请输入" v-model="config.description"></FInput>
+                                        <FInput
+                                            placeholder="请输入"
+                                            v-model="config.description"
+                                        ></FInput>
                                     </FFormItem>
                                 </div>
                             </template>
-                            <FButton type="link" class="engine-adding-btn" @click="addEngine">
+                            <FButton
+                                type="link"
+                                class="engine-adding-btn"
+                                @click="addEngine"
+                            >
                                 添加引擎
                             </FButton>
                         </div>
@@ -331,7 +381,6 @@ const handleChange = (currentPage: number, pageSize: number) => {
         currentPage * pageSize,
     );
     currentData.value = [...temp] as any;
-    console.log('!!!!', currentData.value)
 };
 
 const show = ref(false);

From 0ced2857ebfe651ed652e782f1a7f8ea01020bd3 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Fri, 29 Sep 2023 20:33:21 +0800
Subject: [PATCH 19/21] feat: invoke the real data from the interface of
 backend

---
 .../pages/globalHistoryManagement/count.vue   |  32 ++++-
 .../pages/globalHistoryManagement/drawer.vue  |  12 +-
 .../pages/globalHistoryManagement/filter.vue  |  62 +++++++---
 .../pages/globalHistoryManagement/table.vue   | 109 +++++++++++-------
 .../src/pages/globalHistoryManagement/type.ts |   7 ++
 5 files changed, 163 insertions(+), 59 deletions(-)
 create mode 100644 linkis-web-next/src/pages/globalHistoryManagement/type.ts

diff --git a/linkis-web-next/src/pages/globalHistoryManagement/count.vue b/linkis-web-next/src/pages/globalHistoryManagement/count.vue
index 7d005aa8ba..b740d0ab54 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/count.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/count.vue
@@ -22,7 +22,10 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive } from 'vue';
+import { FMessage } from '@fesjs/fes-design';
+import { onMounted, reactive } from 'vue';
+
+const emit = defineEmits(['find']);
 
 const countDataList = reactive([
     {
@@ -56,6 +59,33 @@ const countDataList = reactive([
         color: '#0F1222',
     },
 ]);
+
+const handleFind = (status: string, callback: (v: any) => void) => {
+    emit('find', { status }, callback);
+};
+
+onMounted(() => {
+    Promise.all(
+        ['', 'Succeed', 'Inited', 'Running', 'Failed'].map(
+            (status) =>
+                new Promise((resolve) => {
+                    handleFind(status, resolve);
+                }),
+        ),
+    )
+        .then((res) => {
+            let sum = 0;
+            (res as Array<{ totalPage: number }>).forEach((item, index) => {
+                countDataList[index].number = item.totalPage;
+                if (index > 0) sum += item.totalPage;
+            });
+            countDataList[countDataList.length - 1].number =
+                countDataList[0].number - sum;
+        })
+        .catch((err) => {
+            FMessage.error(err);
+        });
+});
 </script>
 
 <style scoped src="./index.less"></style>
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue b/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
index edf3c74aaf..78eed7ab33 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/drawer.vue
@@ -1,17 +1,17 @@
 <template>
     <FDrawer
+        ref="drawerRef"
         v-model:show="show"
         placement="bottom"
-        hight="700px"
         @ok="show = false"
         :closable="false"
-        :resizable="true"
+        resizable
         contentClass="drawer-content"
     >
         <template #title>
             <div class="drawer-title">
                 <div class="buttons">
-                    <div class="full-screen-button">
+                    <div class="full-screen-button" @click="expandDrawer">
                         {{ $t('message.common.fullScreen') }}
                     </div>
                     <div class="delimiter"></div>
@@ -115,6 +115,8 @@ const activeTabPane = ref(TAB_PANE_VALUE.TASK_LOG);
 const show = ref(false);
 const tableRawData = ref<Record<string, string | number>>();
 const content = ref<string>('');
+const drawerHeight = ref(520);
+const drawerRef = ref<any>();
 
 const open = (rawData: Record<string, string | number>) => {
     tableRawData.value = rawData;
@@ -122,6 +124,10 @@ const open = (rawData: Record<string, string | number>) => {
     show.value = true;
 };
 
+const expandDrawer = () => {
+    drawerRef.value.height = document.body.clientHeight;
+};
+
 const onTabChange = (value: TAB_PANE_VALUE) => {
     activeTabPane.value = value;
 };
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
index 0f51201e9f..bdf4af0d5c 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/filter.vue
@@ -108,7 +108,6 @@
                 </template>
             </div>
         </FForm>
-
         <template v-if="isCheckingTaskToStop">
             <div class="buttons">
                 <FButton
@@ -130,30 +129,24 @@
 </template>
 
 <script lang="ts" setup>
-import { FForm } from '@fesjs/fes-design';
+import { FForm, FMessage } from '@fesjs/fes-design';
 import { ref, onMounted, reactive } from 'vue';
+import { useI18n } from 'vue-i18n';
 import api from '@/service/api';
+import { CheckedRow, CheckedRows } from './type';
+
+const { t } = useI18n();
 
 const emit = defineEmits(['search']);
 const props = defineProps<{
     pageSize: number;
     currentPage: number;
-    checkedKeys: Array<string | number>;
+    checkedRows: CheckedRows;
 }>();
 
 const isCheckingTaskToStop = ref(false);
 const formRef = ref<null | typeof FForm>(null);
 
-/**
- * TODO:
- * 1. 获取数据接口（搜索）
- * 4. 字段和后端对齐
- * 5. 重置按钮
- * 6. 批量停止接口
- * 7. 查看（可能需要单独的接口）
- * 8. 任务数量分类统计接口（可能需要单独的接口）
- */
-
 const formData = reactive({
     id: '',
     status: '',
@@ -167,7 +160,7 @@ const engineList = ref<Array<{ label: string; value: string }>>([]);
 const statusList = ref([
     {
         label: 'message.linkis.statusType.all',
-        value: 'all',
+        value: '',
     },
     {
         label: 'message.linkis.statusType.inited',
@@ -227,10 +220,49 @@ const reset = () => {
     formData.engine = '';
     formData.dateRange = '';
     formData.creator = '';
+
+    search();
 };
 
 const confirmStop = () => {
-    console.log(1);
+    // instance, taskID, strongerExecId
+    const selected = props.checkedRows;
+
+    if (!selected.length) {
+        FMessage.warning(t('message.linkis.unselect'));
+        return;
+    }
+    const inst: Record<string, any> = {};
+    selected.forEach((it: CheckedRow) => {
+        if (inst[it.instance]) {
+            inst[it.instance].taskIDList.push(it.taskID);
+            inst[it.instance].idList.push(it.strongerExecId);
+        } else {
+            inst[it.instance] = {
+                taskIDList: [it.taskID],
+                idList: [it.strongerExecId],
+            };
+        }
+    });
+    const p: any[] = [];
+    Object.keys(inst).forEach((instkey) => {
+        if (instkey)
+            p.push(
+                api.fetch(
+                    `/entrance/${inst[instkey].idList[0]}/killJobs`,
+                    {
+                        idList: inst[instkey].idList,
+                        taskIDList: inst[instkey].taskIDList,
+                    },
+                    'post',
+                ),
+            );
+    });
+
+    Promise.all(p).then(() => {
+        FMessage.success(t('message.common.notice.kill.desc'));
+        search();
+    });
 };
 
 onMounted(() => {
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
index 92cd43ff28..c580783207 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/table.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -1,23 +1,21 @@
 <template>
     <div class="wrapper">
-        <Count></Count>
-        <!-- <div @click="test">test</div> -->
+        <Count @find="find"></Count>
         <Filter
             ref="filterRef"
             @search="search"
             :checkedKeys="checkedKeys"
+            :checkedRows="checkedRows"
             :currentPage="currentPage"
             :pageSize="pageSize"
         ></Filter>
         <f-table
+            @select="handleSelection"
             :data="dataList"
             class="table"
             v-model:checkedKeys="checkedKeys"
             :height="450"
-            :rowKey="(row: Record<string, number | string>) => {
-            return row.taskID;
-        }
-            "
+            :rowKey="(row: Record<string, number | string>) => row"
         >
             <f-table-column
                 v-if="filterRef?.isCheckingTaskToStop"
@@ -25,6 +23,7 @@
                 :width="32"
                 fixed="left"
             ></f-table-column>
+
             <template v-for="col in tableColumns" :key="col.label">
                 <f-table-column
                     v-if="col.formatter"
@@ -48,7 +47,7 @@
             show-size-changer
             :pageSizeOption="pageSizeOption"
             :total-count="listTotalLen"
-            @change="handleChange"
+            @change="handlePageChange"
             v-model:pageSize="pageSize"
             v-model:currentPage="currentPage"
         ></FPagination>
@@ -70,8 +69,12 @@ import Filter from './filter.vue';
 import Count from './count.vue';
 import TooltipText from './tooltipText.vue';
 import api from '@/service/api';
+import { CheckedRows } from './type';
 
-const filterRef = ref<Ref<{ isCheckingTaskToStop: boolean }> | null>(null);
+const filterRef = ref<Ref<{
+    isCheckingTaskToStop: boolean;
+    handleSearch: () => void;
+        }> | null>(null);
 const drawerRef = ref<Ref<{
     // eslint-disable-next-line no-unused-vars
     open: (rawData: Record<string, string | number>) => void;
@@ -80,7 +83,8 @@ const isLoading = ref<boolean>(false);
 const currentPage = ref(1);
 const pageSize = ref(10);
 const isShowDrawer = ref(false);
-const checkedKeys = reactive<Array<string>>([]);
+const checkedRows = ref<CheckedRows>([]);
+const checkedKeys = ref<Array<string>>([]);
 const pageSizeOption = reactive([10, 20, 30, 50, 100]);
 const listTotalLen = ref<number>(0);
 const tableColumns: Ref<Array<Record<string, any>>> = ref([]);
@@ -174,9 +178,9 @@ const getColumns = () => {
                           <div>${t('message.linkis.task.workflowIp')}</div>
                         </div>
                         <div class="right">
-                          <div>${sourceInfo.projectName}</div>   
+                          <div>${sourceInfo.projectName}</div>
                           <div>${sourceInfo.scriptPath}</div>
-                          <div>${sourceInfo.requestIP}</div>                 
+                          <div>${sourceInfo.requestIP}</div>
                         </div>
                       </div>
                     `,
@@ -246,41 +250,66 @@ const getColumns = () => {
     return columns;
 };
 
-const search = (params: Record<string, string | number>) => {
+// eslint-disable-next-line consistent-return
+const find = async (
+    params: Record<string, string | number>,
+    callback?: (v: any) => void,
+) => {
     isLoading.value = true;
-    api.fetch('/jobhistory/list', params, 'get')
-        .then((rst: any) => {
-            listTotalLen.value = rst.totalPage;
-            dataList.value = rst.tasks?.map((task: any) => ({
-                taskID: task.taskID ?? '',
-                taskName: task.execId ?? '',
-                status: task.status ?? '',
-                costTime: task.costTime ?? '',
-                query: task.executionCode ?? '',
-                application: task.executeApplicationName ?? '',
-                engine: task.engineInstance ?? '',
-                creator: task.umUser ?? '',
-                createdTime: task.createdTime ?? '',
-                sourceInfo: {
-                    ...JSON.parse(task.sourceJson ?? ''),
-                    projectName: task.sourceTailor,
-                },
-                errDesc: task.errDesc,
-            }));
-            isLoading.value = false;
-        })
-        .catch(() => {
-            FMessage.error('Something Wrong!');
-            isLoading.value = false;
-        });
+    try {
+        const rst = await api.fetch('/jobhistory/list', params, 'get');
+        listTotalLen.value = rst.totalPage;
+
+        const res = rst.tasks?.map((task: any) => ({
+            taskID: task.taskID ?? '',
+            taskName: task.execId ?? '',
+            status: task.status ?? '',
+            costTime: task.costTime ?? '',
+            query: task.executionCode ?? '',
+            application: task.executeApplicationName ?? '',
+            engine: task.engineInstance ?? '',
+            creator: task.umUser ?? '',
+            createdTime: task.createdTime ?? '',
+            sourceInfo: {
+                ...JSON.parse(task.sourceJson ?? ''),
+                projectName: task.sourceTailor,
+            },
+            errDesc: task.errDesc,
+            strongerExecId: task.strongerExecId,
+            instance: task.instance,
+        }));
+
+        isLoading.value = false;
+        callback?.(rst);
+        return res;
+    } catch (err) {
+        FMessage.error('Something Wrong!');
+        isLoading.value = false;
+    }
+};
+
+const search = async (params: Record<string, string | number>) => {
+    isLoading.value = true;
+    const res = await find(params);
+    dataList.value = res;
+};
+
+const handlePageChange = () => {
+    filterRef.value?.handleSearch();
 };
 
-const handleChange = () => {
-    (filterRef.value as any).handleSearch?.();
+const handleSelection = (selectedData: {
+    selection: Array<Record<string, string | number>>;
+}) => {
+    checkedRows.value = selectedData.selection.map((row) => ({
+        taskID: row.taskID,
+        strongerExecId: row.strongerExecId,
+        instance: row.instance,
+    }));
 };
 
 onMounted(() => {
-    // handleChange(currentPage.value, pageSize.value);
+    // handlePageChange(currentPage.value, pageSize.value);
     tableColumns.value = getColumns();
     search({});
     api.fetch('/jobhistory/governanceStationAdmin', 'get').then(() => {
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/type.ts b/linkis-web-next/src/pages/globalHistoryManagement/type.ts
new file mode 100644
index 0000000000..20b9949346
--- /dev/null
+++ b/linkis-web-next/src/pages/globalHistoryManagement/type.ts
@@ -0,0 +1,7 @@
+export type CheckedRow = {
+    taskID: string | number;
+    instance: any;
+    strongerExecId: number | string;
+};
+
+export type CheckedRows = Array<CheckedRow>;

From e085da8d1dea1c1e54dc899e076ccf1af3936bd8 Mon Sep 17 00:00:00 2001
From: CoderSerio <CoderSerio@2779066456@qq.com>
Date: Fri, 29 Sep 2023 22:35:09 +0800
Subject: [PATCH 20/21] chore: remove developing config

---
 linkis-web-next/.env | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/linkis-web-next/.env b/linkis-web-next/.env
index c644d4df62..07a726a9b3 100644
--- a/linkis-web-next/.env
+++ b/linkis-web-next/.env
@@ -1,5 +1,5 @@
 VITE_VUE_APP_HOST=
-VITE_BACKEND_URL=http://106.52.77.156:19888
+VITE_BACKEND_URL=
 VITE_VUE_APP_MN_CONFIG_PREFIX=
-VITE_VUE_APP_MN_CONFIG_SOCKET=/ws/api/entrance/connect
-VITE_VUE_APP_VERSION=1.3.2
\ No newline at end of file
+VITE_VUE_APP_MN_CONFIG_SOCKET=
+VITE_VUE_APP_VERSION=
\ No newline at end of file

From 8be57b2009dc687d50e25ec2083e88d674bbd7d7 Mon Sep 17 00:00:00 2001
From: CoderSerio <2779066456@qq.com>
Date: Tue, 10 Oct 2023 17:11:43 +0800
Subject: [PATCH 21/21] feat: refactor part of linkis-web

---
 .../linkis-instance-label-errorcode.md        |   2 +-
 .../org/apache/linkis/common/io/FsPath.java   |   6 +
 .../linkis/common/utils/ByteTimeUtils.java    |  13 +-
 .../linkis/common/utils/ResultSetUtils.java   |  57 ++
 .../common/utils/VariableOperationUtils.java  |  43 +-
 .../linkis/common/utils/VariableUtils.scala   |  24 +-
 .../common/utils/ByteTimeUtilsTest.java       | 152 ++++-
 .../common/utils/VariableUtilsTest.scala      |  17 +
 .../httpclient/AbstractHttpClient.scala       |  26 +-
 .../config/ClientConfigBuilder.scala          |   9 +-
 linkis-commons/linkis-mybatis/pom.xml         |  26 +
 .../protocol/constants/TaskConstant.java      |   1 +
 .../linkis/protocol/utils/TaskUtils.scala     |  11 +
 .../linkis/rpc/conf/RPCConfiguration.scala    |  10 +
 .../rpc/conf/RPCConfigurationTest.scala       |   2 -
 .../linkis/scheduler/queue/Consumer.scala     |   1 -
 .../linkis/scheduler/queue/GroupFactory.scala |   5 +
 .../scheduler/queue/LoopArrayQueue.scala      |   7 +-
 .../queue/fifoqueue/FIFOUserConsumer.scala    |  45 +-
 .../storage/conf/LinkisStorageConf.java       |   2 +-
 .../linkis/storage/csv/StorageCSVWriter.java  |  15 +-
 .../linkis/storage/domain/DataType.java       |  15 +-
 .../apache/linkis/storage/domain/Dolphin.java |  11 +
 .../storage/exception/StorageErrorCode.java   |   5 +-
 .../resultset/ResultSetReaderFactory.java     |   1 +
 .../resultset/StorageResultSetReader.java     |  27 +-
 .../storage/resultset/table/TableRecord.java  |   9 -
 .../table/TableResultDeserializer.java        |   6 +-
 .../table/TableResultSerializer.java          |   2 +-
 .../linkis/storage/source/FileSource.java     |   1 +
 .../storage/source/ResultsetFileSource.java   |  14 +-
 .../cli/application/constants/AppKeys.java    |   2 +
 .../cli/application/constants/LinkisKeys.java |   1 +
 .../template/UniversalCmdTemplate.java        |  12 +
 .../operator/ujes/LinkisJobOperator.java      |  94 +--
 .../operator/ujes/UJESResultAdapter.java      |   4 +
 .../linkis-cli/linkis-cli-common/pom.xml      |  29 -
 .../cli/common/entity/job/help/HelpJob.java   |  62 ++
 .../common/entity/job/version/VersionJob.java |  48 ++
 .../version/VersionJobResult.java}            |  33 +-
 .../result/DefaultResultHandler.java          |  39 --
 .../src/test/resources/conf/user.properties   |  19 -
 .../linkis-client/linkis-cli/pom.xml          |  36 +
 .../linkis/cli/application/CtxBuilder.java    | 180 +++++
 .../application/LinkisClientApplication.java  | 193 ++++++
 .../job/interactive/InteractiveJob.java       | 268 ++++++++
 .../src/main/resources/version.properties     |   9 +-
 .../main/resources/version.properties~merged  |   9 +-
 .../ujes/client/request/ResultSetAction.scala |   9 +
 .../linkis/ujes/jdbc/UJESSQLDriver.java       |   4 +-
 .../linkis/ujes/jdbc/utils/JDBCUtils.java     |  10 +
 .../ujes/jdbc/LinkisSQLConnection.scala       |  19 +
 .../linkis/ujes/jdbc/UJESClientFactory.scala  |   1 -
 .../linkis/ujes/jdbc/UJESSQLDriverMain.scala  |  24 +-
 .../linkis/ujes/jdbc/UJESSQLResultSet.scala   |  14 +-
 .../hook/JDBCDriverPreExecutionHook.scala     |   3 +-
 .../jdbc/hook/impl/NoLimitExecutionHook.scala |  42 --
 .../linkis-basedata-manager/pom.xml           |  92 ---
 .../src/test/resources/linkis.properties      |  21 -
 .../linkis-cs-listener/pom.xml                |  43 --
 .../linkis-datasource-manager/server/pom.xml  |   6 -
 .../src/test/resources/application.properties |  19 -
 .../linkis-error-code-server/pom.xml          |  48 --
 .../src/test/resources/application.properties |  55 --
 .../linkis-error-code/pom.xml                 |  39 --
 .../linkis-instance-label-client/pom.xml      |  54 --
 .../linkis-instance-label-server/pom.xml      |   4 +-
 .../src/test/resources/create_pg.sql          | 130 ++--
 .../pom.xml                                   |  56 +-
 .../linkis-pes-publicservice/pom.xml~merged   | 188 ++++++
 .../src/main/assembly/distribution.xml        |   4 +-
 .../LinkisBasedataManagerApplication.java     |   0
 .../server/dao/CgManagerLabelMapper.java      |   0
 .../dao/ConfigurationConfigKeyMapper.java     |   0
 .../dao/ConfigurationConfigValueMapper.java   |   0
 .../ConfigurationKeyEngineRelationMapper.java |   0
 .../server/dao/DatasourceAccessMapper.java    |   0
 .../server/dao/DatasourceEnvMapper.java       |   0
 .../server/dao/DatasourceTypeKeyMapper.java   |   0
 .../server/dao/DatasourceTypeMapper.java      |   0
 .../EngineConnPluginBmlResourcesMapper.java   |   0
 .../server/dao/GatewayAuthTokenMapper.java    |   0
 .../server/dao/PsErrorCodeMapper.java         |   0
 .../dao/RmExternalResourceProviderMapper.java |   0
 .../server/dao/UdfManagerMapper.java          |   0
 .../server/dao/UdfTreeMapper.java             |   0
 .../server/domain/CgManagerLabel.java         |   0
 .../server/domain/ConfigurationConfigKey.java |   0
 .../domain/ConfigurationConfigValue.java      |   0
 .../ConfigurationKeyEngineRelation.java       |   0
 .../server/domain/DatasourceAccessEntity.java |   0
 .../server/domain/DatasourceEnvEntity.java    |   0
 .../server/domain/DatasourceTypeEntity.java   |   0
 .../domain/DatasourceTypeKeyEntity.java       |   0
 .../domain/EngineConnPluginBmlResources.java  |   0
 .../server/domain/ErrorCodeEntity.java        |   0
 .../server/domain/GatewayAuthTokenEntity.java |   0
 .../RmExternalResourceProviderEntity.java     |   0
 .../server/domain/UdfManagerEntity.java       |   0
 .../server/domain/UdfTreeEntity.java          |   0
 .../ConfigurationTemplateSaveRequest.java     |   0
 .../server/response/EngineLabelResponse.java  |   0
 .../ConfigurationTemplateRestfulApi.java      |   0
 .../restful/DatasourceAccessRestfulApi.java   |   0
 .../restful/DatasourceEnvRestfulApi.java      |   0
 .../restful/DatasourceTypeKeyRestfulApi.java  |   0
 .../restful/DatasourceTypeRestfulApi.java     |   0
 .../server/restful/ErrorCodeRestfulApi.java   |   0
 .../restful/GatewayAuthTokenRestfulApi.java   |   0
 .../RmExternalResourceProviderRestfulApi.java |   0
 .../server/restful/UdfManagerRestfulApi.java  |   0
 .../server/restful/UdfTreeRestfulApi.java     |   0
 .../service/ConfigurationTemplateService.java |   0
 .../service/DatasourceAccessService.java      |   0
 .../server/service/DatasourceEnvService.java  |   0
 .../service/DatasourceTypeKeyService.java     |   0
 .../server/service/DatasourceTypeService.java |   0
 .../server/service/ErrorCodeService.java      |   0
 .../service/GatewayAuthTokenService.java      |   0
 .../RmExternalResourceProviderService.java    |   0
 .../server/service/UdfManagerService.java     |   0
 .../server/service/UdfTreeService.java        |   0
 .../ConfigurationTemplateServiceImpl.java     |   0
 .../impl/DatasourceAccessServiceImpl.java     |   0
 .../impl/DatasourceEnvServiceImpl.java        |   0
 .../impl/DatasourceTypeKeyServiceImpl.java    |   0
 .../impl/DatasourceTypeServiceImpl.java       |   0
 .../service/impl/ErrorCodeServiceImpl.java    |   0
 .../impl/GatewayAuthTokenServiceImpl.java     |   0
 ...RmExternalResourceProviderServiceImpl.java |   0
 .../service/impl/UdfManagerServiceImpl.java   |   0
 .../service/impl/UdfTreeServiceImpl.java      |   0
 .../errorcode/server/ErrorCodeServer.java     |   0
 .../errorcode/server/dao/ErrorCodeMapper.java |   0
 .../restful/LinkisErrorCodeRestful.java       |   0
 .../service/LinkisErrorCodeService.java       |   0
 .../impl/LinkisErrorCodeServiceImpl.java      |   0
 .../filesystem/LinkisPublicServiceApp.java    |   0
 .../conf/WorkSpaceConfiguration.java          |   0
 .../constant/WorkSpaceConstants.java          |   0
 .../linkis/filesystem/entity/DirFileTree.java |   0
 .../linkis/filesystem/entity/LogLevel.java    |   0
 .../exception/WorkSpaceException.java         |   0
 .../exception/WorkspaceExceptionManager.java  |   0
 .../restful/api/BMLFsRestfulApi.java          |   0
 .../filesystem/restful/api/FsRestfulApi.java  |   0
 .../linkis/filesystem/util/WorkspaceUtil.java |   0
 .../apache/linkis/variable/dao/VarMapper.java |   0
 .../apache/linkis/variable/entity/VarKey.java |   0
 .../variable/entity/VarKeyAndValue.java       |   0
 .../linkis/variable/entity/VarKeyUser.java    |   0
 .../linkis/variable/entity/VarKeyValueVO.java |   0
 .../linkis/variable/entity/VarTree.java       |   0
 .../variable/exception/VariableException.java |   0
 .../restful/api/VariableRestfulApi.java       |   0
 .../variable/service/VariableService.java     |   0
 .../linkis/variable/util/Constants.java       |   0
 .../mapper/common/CgManagerLabelMapper.xml    |   0
 .../common/ConfigurationConfigValueMapper.xml |   0
 .../ConfigurationKeyEngineRelationMapper.xml  |   0
 .../EngineConnPluginBmlResourcesMapper.xml    |   0
 .../mapper/common/ErrorCodeMapper.xml         |   0
 .../mysql/ConfigurationConfigKeyMapper.xml    |   0
 .../mapper/mysql}/DatasourceAccessMapper.xml  |   0
 .../mapper/mysql}/DatasourceEnvMapper.xml     |   0
 .../mapper/mysql/DatasourceTypeKeyMapper.xml  |   0
 .../mapper/mysql/DatasourceTypeMapper.xml     |   0
 .../mapper/mysql}/GatewayAuthTokenMapper.xml  |   0
 .../mapper/mysql/PsErrorCodeMapper.xml        |   0
 .../RmExternalResourceProviderMapper.xml      |   0
 .../mapper/mysql}/UdfManagerMapper.xml        |   0
 .../resources/mapper/mysql}/UdfTreeMapper.xml |   0
 .../main/resources/mapper/mysql/VarMapper.xml |   0
 .../ConfigurationConfigKeyMapper.xml          |   0
 .../postgresql/DatasourceAccessMapper.xml     |  49 ++
 .../mapper/postgresql/DatasourceEnvMapper.xml |  51 ++
 .../postgresql/DatasourceTypeKeyMapper.xml    |   0
 .../postgresql/DatasourceTypeMapper.xml       |   0
 .../postgresql/GatewayAuthTokenMapper.xml     |  51 ++
 .../mapper/postgresql/PsErrorCodeMapper.xml   |   0
 .../RmExternalResourceProviderMapper.xml      |  47 ++
 .../mapper/postgresql/UdfManagerMapper.xml    |  40 ++
 .../mapper/postgresql/UdfTreeMapper.xml       |  51 ++
 .../resources/mapper/postgresql/VarMapper.xml |   0
 .../linkis/filesystem/bml/BMLHelper.scala     |   0
 .../linkis/filesystem/cache/FsCache.scala     |   0
 .../conf/WorkspaceSpringConfiguration.scala   |   0
 .../linkis/filesystem/entity/FSInfo.scala     |   0
 .../linkis/filesystem/quartz/FSQuartz.scala   |   0
 .../linkis/filesystem/service/FsService.scala |   0
 .../filesystem/utils/UserGroupInfo.scala      |   0
 .../filesystem/validator/PathValidator.scala  |   0
 .../variable/receiver/VariableReceiver.scala  |   0
 .../receiver/VariableReceiverChooser.scala    |   0
 .../service/VariableServiceImpl.scala         |   0
 .../linkis/basedatamanager/server/Scan.java   |   0
 .../server/WebApplicationServer.java          |   0
 .../server/dao/BaseDaoTest.java               |   0
 .../server/dao/CgManagerLabelMapperTest.java  |   0
 .../dao/ConfigurationConfigKeyMapperTest.java |   0
 .../ConfigurationConfigValueMapperTest.java   |   0
 ...figurationKeyEngineRelationMapperTest.java |   0
 .../dao/DatasourceAccessMapperTest.java       |   0
 .../server/dao/DatasourceEnvMapperTest.java   |   0
 .../dao/DatasourceTypeKeyMapperTest.java      |   0
 .../server/dao/DatasourceTypeMapperTest.java  |   0
 ...ngineConnPluginBmlResourcesMapperTest.java |   0
 .../dao/GatewayAuthTokenMapperTest.java       |   0
 .../server/dao/PsErrorCodeMapperTest.java     |   0
 .../RmExternalResourceProviderMapperTest.java |   0
 .../server/dao/UdfManagerMapperTest.java      |   0
 .../server/dao/UdfTreeMapperTest.java         |   0
 .../ConfigurationTemplateRestfulApiTest.java  |   0
 .../DatasourceAccessRestfulApiTest.java       |   0
 .../restful/DatasourceEnvRestfulApiTest.java  |   0
 .../DatasourceTypeKeyRestfulApiTest.java      |   0
 .../restful/DatasourceTypeRestfulApiTest.java |   0
 .../restful/ErrorCodeRestfulApiTest.java      |   0
 .../GatewayAuthTokenRestfulApiTest.java       |   0
 .../server/restful/MvcUtils.java              |   0
 ...xternalResourceProviderRestfulApiTest.java |   0
 .../restful/UdfManagerRestfulApiTest.java     |   0
 .../server/restful/UdfTreeRestfulApiTest.java |   0
 .../service/DatasourceAccessServiceTest.java  |   0
 .../service/DatasourceEnvServiceTest.java     |   0
 .../service/DatasourceTypeKeyServiceTest.java |   0
 .../service/DatasourceTypeServiceTest.java    |   0
 .../server/service/ErrorCodeServiceTest.java  |   0
 .../service/GatewayAuthTokenServiceTest.java  |   0
 ...RmExternalResourceProviderServiceTest.java |   0
 .../server/service/UdfManagerServiceTest.java |   0
 .../server/service/UdfTreeServiceTest.java    |   0
 .../apache/linkis/errorcode/server/Scan.java  |   0
 .../server/WebApplicationServer.java          |   0
 .../errorcode/server/dao/BaseDaoTest.java     |   0
 .../server/dao/ErrorCodeMapperTest.java       |   0
 .../org/apache/linkis/filesystem/Scan.java    |   0
 .../filesystem/WebApplicationServer.java      |   0
 .../conf/WorkSpaceConfigurationTest.java      |   0
 .../constant/WorkSpaceConstantsTest.java      |   0
 .../exception/WorkSpaceExceptionTest.java     |   0
 .../WorkspaceExceptionManagerTest.java        |   0
 .../restful/api/BMLFsRestfulApiTest.java      |   0
 .../restful/api/FsRestfulApiTest.java         |   2 +-
 .../filesystem/util/WorkspaceUtilTest.java    |   0
 .../java/org/apache/linkis/variable/Scan.java |   0
 .../linkis/variable/WebApplicationServer.java |   0
 .../linkis/variable/dao/BaseDaoTest.java      |   0
 .../linkis/variable/dao/VarMapperTest.java    |   0
 .../linkis/variable/restful/MvcUtils.java     |   0
 .../restful/api/VariableRestfulApiTest.java   |   0
 .../variable/service/VariableServiceTest.java |   0
 .../src/test/resources/application.properties |  14 +-
 .../resources/basedata_manager_create.sql}    |   0
 .../resources/basedata_manager_create_pg.sql} |   0
 .../src/test/resources/deleteFile.sql         |   0
 .../src/test/resources/error_code_create.sql} |   0
 .../test/resources/error_code_create_pg.sql}  |   0
 .../src/test/resources/existsSql.sql          |   0
 .../src/test/resources/info.text}             |   0
 .../src/test/resources/linkis.properties      |   0
 .../src/test/resources/query.sql              |   0
 .../src/test/resources/variable_create.sql}   |   0
 .../test/resources/variable_create_pg.sql}    |   0
 .../linkis/filesystem/entity/FSInfoTest.scala |   0
 .../linkis-storage-script-dev-server/pom.xml  |  90 ---
 .../src/test/resources/application.properties |  63 --
 .../linkis-variable/pom.xml                   |  53 --
 .../src/test/resources/application.properties |  53 --
 linkis-public-enhancements/pom.xml            |  36 +-
 linkis-web-next/.env                          |   2 +-
 linkis-web-next/package-lock.json             |  66 +-
 linkis-web-next/package.json                  |   3 -
 .../src/components/editor/editor.vue          |   1 -
 .../src/components/editor/editorNext.vue      | 617 ++++++++++++++++++
 .../src/components/editor/editorNext2.vue     | 603 +++++++++++++++++
 .../src/components/sidebar/index.vue          |  19 +-
 linkis-web-next/src/layout.vue                |  12 +-
 .../pages/globalHistoryManagement/table.vue   |   1 -
 .../src/pages/parameterConfig/drawer.vue      |   1 +
 .../src/pages/parameterConfig/index.vue       |   3 +-
 linkis-web-next/vite.config.ts                |   2 +-
 282 files changed, 3309 insertions(+), 1109 deletions(-)
 create mode 100644 linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/ResultSetUtils.java
 delete mode 100644 linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/pom.xml
 create mode 100644 linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/help/HelpJob.java
 create mode 100644 linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/version/VersionJob.java
 rename linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/{version/Version.java => job/version/VersionJobResult.java} (53%)
 delete mode 100644 linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-core/src/main/java/org/apache/linkis/cli/core/interactor/result/DefaultResultHandler.java
 delete mode 100644 linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-core/src/test/resources/conf/user.properties
 create mode 100644 linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/CtxBuilder.java
 create mode 100644 linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/LinkisClientApplication.java
 create mode 100644 linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/interactor/job/interactive/InteractiveJob.java
 rename linkis-public-enhancements/linkis-variable/src/test/resources/linkis.properties => linkis-computation-governance/linkis-client/linkis-cli/src/main/resources/version.properties (86%)
 rename linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/linkis.properties => linkis-computation-governance/linkis-client/linkis-cli/src/main/resources/version.properties~merged (86%)
 delete mode 100644 linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/hook/impl/NoLimitExecutionHook.scala
 delete mode 100644 linkis-public-enhancements/linkis-basedata-manager/pom.xml
 delete mode 100644 linkis-public-enhancements/linkis-basedata-manager/src/test/resources/linkis.properties
 delete mode 100644 linkis-public-enhancements/linkis-context-service/linkis-cs-listener/pom.xml
 delete mode 100644 linkis-public-enhancements/linkis-datasource/linkis-metadata-query/server/src/test/resources/application.properties
 delete mode 100644 linkis-public-enhancements/linkis-error-code/linkis-error-code-server/pom.xml
 delete mode 100644 linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/application.properties
 delete mode 100644 linkis-public-enhancements/linkis-error-code/pom.xml
 delete mode 100644 linkis-public-enhancements/linkis-instance-label/linkis-instance-label-client/pom.xml
 rename linkis-public-enhancements/{linkis-datasource/linkis-metadata-query/server => linkis-pes-publicservice}/pom.xml (66%)
 create mode 100644 linkis-public-enhancements/linkis-pes-publicservice/pom.xml~merged
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/assembly/distribution.xml (99%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/LinkisBasedataManagerApplication.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/CgManagerLabelMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigKeyMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigValueMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationKeyEngineRelationMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceAccessMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceEnvMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeKeyMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/EngineConnPluginBmlResourcesMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/GatewayAuthTokenMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/PsErrorCodeMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/RmExternalResourceProviderMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/UdfManagerMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/dao/UdfTreeMapper.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/CgManagerLabel.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationConfigKey.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationConfigValue.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationKeyEngineRelation.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceAccessEntity.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceEnvEntity.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceTypeEntity.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceTypeKeyEntity.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/EngineConnPluginBmlResources.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/ErrorCodeEntity.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/GatewayAuthTokenEntity.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/RmExternalResourceProviderEntity.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/UdfManagerEntity.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/domain/UdfTreeEntity.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/request/ConfigurationTemplateSaveRequest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/response/EngineLabelResponse.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/restful/ConfigurationTemplateRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceAccessRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceEnvRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeKeyRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/restful/ErrorCodeRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/restful/GatewayAuthTokenRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/restful/RmExternalResourceProviderRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/restful/UdfManagerRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/restful/UdfTreeRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/ConfigurationTemplateService.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceAccessService.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceEnvService.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeKeyService.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeService.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/ErrorCodeService.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/GatewayAuthTokenService.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/RmExternalResourceProviderService.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/UdfManagerService.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/UdfTreeService.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/ConfigurationTemplateServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceAccessServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceEnvServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceTypeKeyServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceTypeServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/ErrorCodeServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/GatewayAuthTokenServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/RmExternalResourceProviderServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/UdfManagerServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/UdfTreeServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/errorcode/server/ErrorCodeServer.java (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/errorcode/server/dao/ErrorCodeMapper.java (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/errorcode/server/restful/LinkisErrorCodeRestful.java (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/errorcode/server/service/LinkisErrorCodeService.java (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/errorcode/server/service/impl/LinkisErrorCodeServiceImpl.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/filesystem/LinkisPublicServiceApp.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/filesystem/conf/WorkSpaceConfiguration.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/filesystem/constant/WorkSpaceConstants.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/filesystem/entity/DirFileTree.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/filesystem/entity/LogLevel.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/filesystem/exception/WorkSpaceException.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/filesystem/exception/WorkspaceExceptionManager.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/filesystem/restful/api/BMLFsRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/filesystem/restful/api/FsRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/java/org/apache/linkis/filesystem/util/WorkspaceUtil.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/java/org/apache/linkis/variable/dao/VarMapper.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/java/org/apache/linkis/variable/entity/VarKey.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/java/org/apache/linkis/variable/entity/VarKeyAndValue.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/java/org/apache/linkis/variable/entity/VarKeyUser.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/java/org/apache/linkis/variable/entity/VarKeyValueVO.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/java/org/apache/linkis/variable/entity/VarTree.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/java/org/apache/linkis/variable/exception/VariableException.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/java/org/apache/linkis/variable/restful/api/VariableRestfulApi.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/java/org/apache/linkis/variable/service/VariableService.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/java/org/apache/linkis/variable/util/Constants.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/common/CgManagerLabelMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/common/ConfigurationConfigValueMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/common/ConfigurationKeyEngineRelationMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/common/EngineConnPluginBmlResourcesMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server => linkis-pes-publicservice}/src/main/resources/mapper/common/ErrorCodeMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/mysql/ConfigurationConfigKeyMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager/src/main/resources/mapper/common => linkis-pes-publicservice/src/main/resources/mapper/mysql}/DatasourceAccessMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager/src/main/resources/mapper/common => linkis-pes-publicservice/src/main/resources/mapper/mysql}/DatasourceEnvMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/mysql/DatasourceTypeKeyMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/mysql/DatasourceTypeMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager/src/main/resources/mapper/common => linkis-pes-publicservice/src/main/resources/mapper/mysql}/GatewayAuthTokenMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/mysql/PsErrorCodeMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager/src/main/resources/mapper/common => linkis-pes-publicservice/src/main/resources/mapper/mysql}/RmExternalResourceProviderMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager/src/main/resources/mapper/common => linkis-pes-publicservice/src/main/resources/mapper/mysql}/UdfManagerMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager/src/main/resources/mapper/common => linkis-pes-publicservice/src/main/resources/mapper/mysql}/UdfTreeMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/resources/mapper/mysql/VarMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/postgresql/ConfigurationConfigKeyMapper.xml (100%)
 create mode 100644 linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceAccessMapper.xml
 create mode 100644 linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceEnvMapper.xml
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/postgresql/DatasourceTypeKeyMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/postgresql/DatasourceTypeMapper.xml (100%)
 create mode 100644 linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/GatewayAuthTokenMapper.xml
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/main/resources/mapper/postgresql/PsErrorCodeMapper.xml (100%)
 create mode 100644 linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/RmExternalResourceProviderMapper.xml
 create mode 100644 linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/UdfManagerMapper.xml
 create mode 100644 linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/UdfTreeMapper.xml
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/resources/mapper/postgresql/VarMapper.xml (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/filesystem/bml/BMLHelper.scala (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/filesystem/cache/FsCache.scala (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/filesystem/conf/WorkspaceSpringConfiguration.scala (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/filesystem/entity/FSInfo.scala (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/filesystem/quartz/FSQuartz.scala (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/filesystem/service/FsService.scala (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/filesystem/utils/UserGroupInfo.scala (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/filesystem/validator/PathValidator.scala (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/variable/receiver/VariableReceiver.scala (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/variable/receiver/VariableReceiverChooser.scala (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/main/scala/org/apache/linkis/variable/service/VariableServiceImpl.scala (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/Scan.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/WebApplicationServer.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/BaseDaoTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/CgManagerLabelMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigKeyMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigValueMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationKeyEngineRelationMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceAccessMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceEnvMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeKeyMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/EngineConnPluginBmlResourcesMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/GatewayAuthTokenMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/PsErrorCodeMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/RmExternalResourceProviderMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/UdfManagerMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/dao/UdfTreeMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/ConfigurationTemplateRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceAccessRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceEnvRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeKeyRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/ErrorCodeRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/GatewayAuthTokenRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/MvcUtils.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/RmExternalResourceProviderRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/UdfManagerRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/restful/UdfTreeRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceAccessServiceTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceEnvServiceTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeKeyServiceTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeServiceTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/service/ErrorCodeServiceTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/service/GatewayAuthTokenServiceTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/service/RmExternalResourceProviderServiceTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/service/UdfManagerServiceTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/java/org/apache/linkis/basedatamanager/server/service/UdfTreeServiceTest.java (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/errorcode/server/Scan.java (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/errorcode/server/WebApplicationServer.java (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/errorcode/server/dao/BaseDaoTest.java (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/errorcode/server/dao/ErrorCodeMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/filesystem/Scan.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/filesystem/WebApplicationServer.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/filesystem/conf/WorkSpaceConfigurationTest.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/filesystem/constant/WorkSpaceConstantsTest.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/filesystem/exception/WorkSpaceExceptionTest.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/filesystem/exception/WorkspaceExceptionManagerTest.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/filesystem/restful/api/BMLFsRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/filesystem/restful/api/FsRestfulApiTest.java (99%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/java/org/apache/linkis/filesystem/util/WorkspaceUtilTest.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/test/java/org/apache/linkis/variable/Scan.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/test/java/org/apache/linkis/variable/WebApplicationServer.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/test/java/org/apache/linkis/variable/dao/BaseDaoTest.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/test/java/org/apache/linkis/variable/dao/VarMapperTest.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/test/java/org/apache/linkis/variable/restful/MvcUtils.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/test/java/org/apache/linkis/variable/restful/api/VariableRestfulApiTest.java (100%)
 rename linkis-public-enhancements/{linkis-variable => linkis-pes-publicservice}/src/test/java/org/apache/linkis/variable/service/VariableServiceTest.java (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager => linkis-pes-publicservice}/src/test/resources/application.properties (76%)
 rename linkis-public-enhancements/{linkis-basedata-manager/src/test/resources/create.sql => linkis-pes-publicservice/src/test/resources/basedata_manager_create.sql} (100%)
 rename linkis-public-enhancements/{linkis-basedata-manager/src/test/resources/create_pg.sql => linkis-pes-publicservice/src/test/resources/basedata_manager_create_pg.sql} (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/resources/deleteFile.sql (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server/src/test/resources/create.sql => linkis-pes-publicservice/src/test/resources/error_code_create.sql} (100%)
 rename linkis-public-enhancements/{linkis-error-code/linkis-error-code-server/src/test/resources/create_pg.sql => linkis-pes-publicservice/src/test/resources/error_code_create_pg.sql} (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/resources/existsSql.sql (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/info.log => linkis-pes-publicservice/src/test/resources/info.text} (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/resources/linkis.properties (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/resources/query.sql (100%)
 rename linkis-public-enhancements/{linkis-variable/src/test/resources/create.sql => linkis-pes-publicservice/src/test/resources/variable_create.sql} (100%)
 rename linkis-public-enhancements/{linkis-variable/src/test/resources/create_pg.sql => linkis-pes-publicservice/src/test/resources/variable_create_pg.sql} (100%)
 rename linkis-public-enhancements/{linkis-script-dev/linkis-storage-script-dev-server => linkis-pes-publicservice}/src/test/scala/org/apache/linkis/filesystem/entity/FSInfoTest.scala (100%)
 delete mode 100644 linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/pom.xml
 delete mode 100644 linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/application.properties
 delete mode 100644 linkis-public-enhancements/linkis-variable/pom.xml
 delete mode 100644 linkis-public-enhancements/linkis-variable/src/test/resources/application.properties
 create mode 100644 linkis-web-next/src/components/editor/editorNext.vue
 create mode 100644 linkis-web-next/src/components/editor/editorNext2.vue

diff --git a/docs/errorcode/linkis-instance-label-errorcode.md b/docs/errorcode/linkis-instance-label-errorcode.md
index 7f38e00a1e..5aa7432438 100644
--- a/docs/errorcode/linkis-instance-label-errorcode.md
+++ b/docs/errorcode/linkis-instance-label-errorcode.md
@@ -1,7 +1,7 @@
 ## linkis-instance-label  errorcode
 
 | 模块名(服务名) | 错误码  | 描述 | Exception Class|
-| -------- | -------- | ----- |-----|
+|  | -------- | ----- |-----|
 |linkis-instance-label |14100|Failed to insert service instance(插入服务实例失败)|LinkisInstanceLabelErrorCodeSummary|
 |linkis-instance-label |14100|Only admin can view all instances(只有管理员才能查看所有实例).|LinkisInstanceLabelErrorCodeSummary|
 |linkis-instance-label |14100|Only admin can modify instance label(只有管理员才能修改标签).|LinkisInstanceLabelErrorCodeSummary|
diff --git a/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/io/FsPath.java b/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/io/FsPath.java
index 7908e5a506..a1c0839b2f 100644
--- a/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/io/FsPath.java
+++ b/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/io/FsPath.java
@@ -23,6 +23,8 @@
 import java.io.IOException;
 import java.net.URI;
 import java.net.URISyntaxException;
+import java.nio.file.FileSystems;
+import java.nio.file.Path;
 import java.nio.file.Paths;
 import java.nio.file.attribute.PosixFilePermission;
 import java.nio.file.attribute.PosixFilePermissions;
@@ -168,6 +170,10 @@ public File toFile() {
     return new File(uri);
   }
 
+  public Path toPath() {
+    return FileSystems.getDefault().getPath(uri.toString());
+  }
+
   public String getUriString() {
     return uri.toString();
   }
diff --git a/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/ByteTimeUtils.java b/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/ByteTimeUtils.java
index d23f4a0867..0ecb3dc2a5 100644
--- a/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/ByteTimeUtils.java
+++ b/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/ByteTimeUtils.java
@@ -213,7 +213,6 @@ private static long parseByteString(String str, ByteUnit unit) {
       } else {
         throw new NumberFormatException("Failed to parse byte string: " + str);
       }
-      suffix = suffix.toLowerCase();
       // Check for invalid suffixes
       if (suffix != null && !byteSuffixes.containsKey(suffix)) {
         throw new NumberFormatException("Invalid suffix: \"" + suffix + "\"");
@@ -297,6 +296,18 @@ public static long byteStringAsGb(String str) {
     return parseByteString(str, ByteUnit.GiB);
   }
 
+  /**
+   * Convert a passed byte string (e.g. -50b, -100k, or -250m) to gibibytes for internal use.
+   *
+   * <p>If no suffix is provided, the passed number is assumed to be in gibibytes.
+   */
+  public static long negativeByteStringAsGb(String str) {
+    if (str.startsWith("-")) {
+      return Math.negateExact(parseByteString(str.substring(1), ByteUnit.GiB));
+    }
+    return parseByteString(str, ByteUnit.GiB);
+  }
+
   /**
    * Returns a byte array with the buffer's contents, trying to avoid copying the data if possible.
    */
diff --git a/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/ResultSetUtils.java b/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/ResultSetUtils.java
new file mode 100644
index 0000000000..a367b38b80
--- /dev/null
+++ b/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/ResultSetUtils.java
@@ -0,0 +1,57 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+package org.apache.linkis.common.utils;
+
+import org.apache.linkis.common.io.FsPath;
+
+import java.io.File;
+import java.util.Collections;
+import java.util.Comparator;
+import java.util.List;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+public class ResultSetUtils {
+
+  // Sort in ASC order by numx in the result set _numx.dolphin file name
+  public static Comparator<FsPath> getResultSetFileComparatorOrderByNameNum() {
+
+    Comparator<FsPath> comparator =
+        (o1, o2) -> {
+          // get the num of file name
+          String regx = "\\d+";
+
+          String[] res1 = o1.getPath().split(File.separator);
+          String fileName1 = res1[res1.length - 1];
+          Matcher matcher1 = Pattern.compile(regx).matcher(fileName1);
+          int num1 = matcher1.find() ? Integer.parseInt(matcher1.group()) : Integer.MAX_VALUE;
+
+          String[] res2 = o2.getPath().split(File.separator);
+          String fileName2 = res2[res2.length - 1];
+          Matcher matcher2 = Pattern.compile(regx).matcher(fileName2);
+          int num2 = matcher2.find() ? Integer.parseInt(matcher2.group()) : Integer.MAX_VALUE;
+
+          return num1 - num2;
+        };
+    return comparator;
+  }
+
+  public static void sortByNameNum(List<FsPath> fsPathList) {
+    Collections.sort(fsPathList, getResultSetFileComparatorOrderByNameNum());
+  }
+}
diff --git a/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/VariableOperationUtils.java b/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/VariableOperationUtils.java
index b891f99d15..615472474d 100644
--- a/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/VariableOperationUtils.java
+++ b/linkis-commons/linkis-common/src/main/java/org/apache/linkis/common/utils/VariableOperationUtils.java
@@ -28,7 +28,10 @@
 import java.util.Iterator;
 import java.util.Map;
 
+import com.fasterxml.jackson.databind.DeserializationFeature;
 import com.fasterxml.jackson.databind.JsonNode;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.fasterxml.jackson.databind.json.JsonMapper;
 import com.fasterxml.jackson.databind.node.ArrayNode;
 import com.fasterxml.jackson.databind.node.ObjectNode;
 
@@ -49,6 +52,9 @@ public class VariableOperationUtils {
   private static final String[] CYCLES =
       new String[] {CYCLE_YEAR, CYCLE_MONTH, CYCLE_DAY, CYCLE_HOUR, CYCLE_MINUTE, CYCLE_SECOND};
 
+  private static final ObjectMapper mapper =
+      JsonMapper.builder().enable(DeserializationFeature.FAIL_ON_TRAILING_TOKENS).build();
+
   /**
    * yyyy-MM-dd HH:mm:ss
    *
@@ -78,30 +84,44 @@ public static ZonedDateTime toZonedDateTime(Date date) {
    * @param str
    * @return
    */
+  @Deprecated
   public static String replaces(ZonedDateTime dateTime, String str)
       throws VariableOperationFailedException {
-    return replaces(dateTime, str, true);
+    try {
+      JsonNode rootNode = mapper.readTree(str);
+      if (rootNode.isArray() || rootNode.isObject()) {
+        replaceJson(dateTime, rootNode);
+        return rootNode.toString();
+      }
+    } catch (Exception e) {
+      return replace(dateTime, str);
+    }
+    return replace(dateTime, str);
   }
 
   /**
    * json support variable operation
    *
+   * @param codeType
    * @param dateTime
    * @param str
-   * @param format
    * @return
    */
-  public static String replaces(ZonedDateTime dateTime, String str, boolean format)
+  public static String replaces(String codeType, ZonedDateTime dateTime, String str)
       throws VariableOperationFailedException {
-    try {
-      JsonNode rootNode = JsonUtils.jackson().readTree(str);
-      if (rootNode.isArray() || rootNode.isObject()) {
-        replaceJson(dateTime, rootNode);
-        return rootNode.toString();
+    String languageType = CodeAndRunTypeUtils.getLanguageTypeByCodeType(codeType, "");
+    if (languageType.equals(CodeAndRunTypeUtils.LANGUAGE_TYPE_JSON())) {
+      try {
+        JsonNode rootNode = mapper.readTree(str);
+        if (rootNode.isArray() || rootNode.isObject()) {
+          replaceJson(dateTime, rootNode);
+          return rootNode.toString();
+        }
+      } catch (Exception e) {
+        return replace(dateTime, str);
       }
-    } catch (Exception e) {
-      return replace(dateTime, str);
     }
+
     return replace(dateTime, str);
   }
 
@@ -197,8 +217,7 @@ private static void replaceJson(ZonedDateTime dateTime, JsonNode object)
         } else if (temp.isObject()) {
           replaceJson(dateTime, temp);
         } else {
-          arrayNode.remove(i);
-          arrayNode.insert(i, replace(dateTime, temp.toString()));
+          arrayNode.set(i, replace(dateTime, temp.toString()));
         }
       }
     } else if (object.isObject()) {
diff --git a/linkis-commons/linkis-common/src/main/scala/org/apache/linkis/common/utils/VariableUtils.scala b/linkis-commons/linkis-common/src/main/scala/org/apache/linkis/common/utils/VariableUtils.scala
index 30bdeb4b14..6c5bd7cf3c 100644
--- a/linkis-commons/linkis-common/src/main/scala/org/apache/linkis/common/utils/VariableUtils.scala
+++ b/linkis-commons/linkis-common/src/main/scala/org/apache/linkis/common/utils/VariableUtils.scala
@@ -143,9 +143,10 @@ object VariableUtils extends Logging {
     }
     initAllDateVars(run_date, nameAndType)
     val codeOperation = parserVar(code, nameAndType)
-    parserDate(codeOperation, run_date)
+    parserDate(codeType, codeOperation, run_date)
   }
 
+  @deprecated
   private def parserDate(code: String, run_date: CustomDateType): String = {
     if (Configuration.VARIABLE_OPERATION) {
       val zonedDateTime: ZonedDateTime = VariableOperationUtils.toZonedDateTime(run_date.getDate)
@@ -155,6 +156,15 @@ object VariableUtils extends Logging {
     }
   }
 
+  private def parserDate(codeType: String, code: String, run_date: CustomDateType): String = {
+    if (Configuration.VARIABLE_OPERATION) {
+      val zonedDateTime: ZonedDateTime = VariableOperationUtils.toZonedDateTime(run_date.getDate)
+      VariableOperationUtils.replaces(codeType, zonedDateTime, code)
+    } else {
+      code
+    }
+  }
+
   private def initAllDateVars(
       run_date: CustomDateType,
       nameAndType: mutable.Map[String, variable.VariableType]
@@ -337,7 +347,7 @@ object VariableUtils extends Logging {
    *
    * @param code
    *   :code
-   * @param codeType
+   * @param languageType
    *   :SQL,PYTHON
    * @return
    */
@@ -346,27 +356,37 @@ object VariableUtils extends Logging {
 
     var varString: String = null
     var errString: String = null
+    var rightVarString: String = null
 
     languageType match {
       case CodeAndRunTypeUtils.LANGUAGE_TYPE_SQL =>
         varString = """\s*--@set\s*.+\s*"""
+        rightVarString = """^\s*--@set\s*.+\s*"""
         errString = """\s*--@.*"""
       case CodeAndRunTypeUtils.LANGUAGE_TYPE_PYTHON | CodeAndRunTypeUtils.LANGUAGE_TYPE_SHELL =>
         varString = """\s*#@set\s*.+\s*"""
+        rightVarString = """^\s*#@set\s*.+\s*"""
         errString = """\s*#@"""
       case CodeAndRunTypeUtils.LANGUAGE_TYPE_SCALA =>
         varString = """\s*//@set\s*.+\s*"""
+        rightVarString = """^\s*//@set\s*.+\s*"""
         errString = """\s*//@.+"""
       case CodeAndRunTypeUtils.LANGUAGE_TYPE_JAVA =>
         varString = """\s*!!@set\s*.+\s*"""
+        rightVarString = """^\s*!!@set\s*.+\s*"""
       case _ =>
         return nameAndValue
     }
 
     val customRegex = varString.r.unanchored
+    val customRightRegex = rightVarString.r.unanchored
     val errRegex = errString.r.unanchored
     code.split("\n").foreach { str =>
       {
+
+        if (customRightRegex.unapplySeq(str).size < customRegex.unapplySeq(str).size) {
+          logger.warn(s"code:$str is wrong custom variable format!!!")
+        }
         str match {
           case customRegex() =>
             val clearStr = if (str.endsWith(";")) str.substring(0, str.length - 1) else str
diff --git a/linkis-commons/linkis-common/src/test/java/org/apache/linkis/common/utils/ByteTimeUtilsTest.java b/linkis-commons/linkis-common/src/test/java/org/apache/linkis/common/utils/ByteTimeUtilsTest.java
index 7b90f053ca..f548d89d46 100644
--- a/linkis-commons/linkis-common/src/test/java/org/apache/linkis/common/utils/ByteTimeUtilsTest.java
+++ b/linkis-commons/linkis-common/src/test/java/org/apache/linkis/common/utils/ByteTimeUtilsTest.java
@@ -17,31 +17,159 @@
 
 package org.apache.linkis.common.utils;
 
+import java.util.function.Function;
+
+import com.google.common.collect.ImmutableMap;
 import org.junit.jupiter.api.Assertions;
 import org.junit.jupiter.api.Test;
 
-import static org.junit.jupiter.api.Assertions.*;
-
 class ByteTimeUtilsTest {
 
+  private static final ImmutableMap<String, Function<String, Long>> opFunction =
+      ImmutableMap.<String, Function<String, Long>>builder()
+          .put("byteStringAsBytes", tar -> ByteTimeUtils.byteStringAsBytes(tar))
+          .put("byteStringAsKb", tar -> ByteTimeUtils.byteStringAsKb(tar))
+          .put("byteStringAsMb", tar -> ByteTimeUtils.byteStringAsMb(tar))
+          .put("byteStringAsGb", tar -> ByteTimeUtils.byteStringAsGb(tar))
+          .build();
+
+  private static final ImmutableMap<String, Long> convertToByte =
+      ImmutableMap.<String, Long>builder()
+          .put("1", 1l)
+          .put("1b", 1l)
+          .put("1B", 1l)
+          .put("1k", 1024l)
+          .put("1K", 1024l)
+          .put("1kb", 1024l)
+          .put("1Kb", 1024l)
+          .put("1kB", 1024l)
+          .put("1KB", 1024l)
+          .put("1m", 1024l * 1024l)
+          .put("1M", 1024l * 1024l)
+          .put("1mb", 1024l * 1024l)
+          .put("1Mb", 1024l * 1024l)
+          .put("1mB", 1024l * 1024l)
+          .put("1MB", 1024l * 1024l)
+          .put("1g", 1024l * 1024l * 1024l)
+          .put("1G", 1024l * 1024l * 1024l)
+          .put("1gb", 1024l * 1024l * 1024l)
+          .put("1gB", 1024l * 1024l * 1024l)
+          .put("1Gb", 1024l * 1024l * 1024l)
+          .put("1GB", 1024l * 1024l * 1024l)
+          .put("1t", 1024l * 1024l * 1024l * 1024l)
+          .put("1T", 1024l * 1024l * 1024l * 1024l)
+          .put("1tb", 1024l * 1024l * 1024l * 1024l)
+          .put("1Tb", 1024l * 1024l * 1024l * 1024l)
+          .put("1tB", 1024l * 1024l * 1024l * 1024l)
+          .put("1TB", 1024l * 1024l * 1024l * 1024l)
+          .put("1p", 1024l * 1024l * 1024l * 1024l * 1024l)
+          .put("1P", 1024l * 1024l * 1024l * 1024l * 1024l)
+          .put("1pb", 1024l * 1024l * 1024l * 1024l * 1024l)
+          .put("1Pb", 1024l * 1024l * 1024l * 1024l * 1024l)
+          .put("1pB", 1024l * 1024l * 1024l * 1024l * 1024l)
+          .put("1PB", 1024l * 1024l * 1024l * 1024l * 1024l)
+          .build();
+
+  private static final ImmutableMap<String, Long> convertToKB =
+      ImmutableMap.<String, Long>builder()
+          .put("1", 1l)
+          .put("1024b", 1l)
+          .put("1024B", 1l)
+          .put("1k", 1l)
+          .put("1K", 1l)
+          .put("1kb", 1l)
+          .put("1Kb", 1l)
+          .put("1kB", 1l)
+          .put("1KB", 1l)
+          .put("1m", 1024l)
+          .put("1M", 1024l)
+          .put("1mb", 1024l)
+          .put("1Mb", 1024l)
+          .put("1mB", 1024l)
+          .put("1MB", 1024l)
+          .put("1g", 1024l * 1024l)
+          .put("1G", 1024l * 1024l)
+          .put("1gb", 1024l * 1024l)
+          .put("1gB", 1024l * 1024l)
+          .put("1Gb", 1024l * 1024l)
+          .put("1GB", 1024l * 1024l)
+          .build();
+
+  private static final ImmutableMap<String, Long> convertToMB =
+      ImmutableMap.<String, Long>builder()
+          .put("1", 1l)
+          .put("1024k", 1l)
+          .put("1024K", 1l)
+          .put("1024kb", 1l)
+          .put("1024Kb", 1l)
+          .put("1024kB", 1l)
+          .put("1024KB", 1l)
+          .put("1m", 1l)
+          .put("1M", 1l)
+          .put("1mb", 1l)
+          .put("1Mb", 1l)
+          .put("1mB", 1l)
+          .put("1MB", 1l)
+          .put("1g", 1024l)
+          .put("1G", 1024l)
+          .put("1gb", 1024l)
+          .put("1gB", 1024l)
+          .put("1Gb", 1024l)
+          .put("1GB", 1024l)
+          .build();
+
+  private static final ImmutableMap<String, Long> convertToGB =
+      ImmutableMap.<String, Long>builder()
+          .put("1", 1l)
+          .put("1024m", 1l)
+          .put("1024M", 1l)
+          .put("1024mb", 1l)
+          .put("1024Mb", 1l)
+          .put("1024mB", 1l)
+          .put("1024MB", 1l)
+          .put("1g", 1l)
+          .put("1G", 1l)
+          .put("1gb", 1l)
+          .put("1gB", 1l)
+          .put("1Gb", 1l)
+          .put("1GB", 1l)
+          .put("1t", 1024l)
+          .put("1T", 1024l)
+          .put("1tb", 1024l)
+          .put("1Tb", 1024l)
+          .put("1tB", 1024l)
+          .put("1TB", 1024l)
+          .build();
+
   @Test
-  void byteStringAsBytes() {}
+  void byteStringAsBytes() {
+    convertToByte.forEach(
+        (k, v) -> Assertions.assertEquals(opFunction.get("byteStringAsBytes").apply(k), v));
+    Assertions.assertThrows(
+        IllegalArgumentException.class, () -> opFunction.get("byteStringAsBytes").apply("1A"));
+  }
 
   @Test
-  void byteStringAsKb() {}
+  void byteStringAsKb() {
+    convertToKB.forEach(
+        (k, v) -> Assertions.assertEquals(opFunction.get("byteStringAsKb").apply(k), v));
+    Assertions.assertThrows(
+        IllegalArgumentException.class, () -> opFunction.get("byteStringAsKb").apply("1a"));
+  }
 
   @Test
-  void byteStringAsMb() {}
+  void byteStringAsMb() {
+    convertToMB.forEach(
+        (k, v) -> Assertions.assertEquals(opFunction.get("byteStringAsMb").apply(k), v));
+    Assertions.assertThrows(
+        IllegalArgumentException.class, () -> opFunction.get("byteStringAsMb").apply("1c"));
+  }
 
   @Test
   void byteStringAsGb() {
-    Long res = ByteTimeUtils.byteStringAsGb("1G");
-    Assertions.assertEquals(res, 1);
-
+    convertToGB.forEach(
+        (k, v) -> Assertions.assertEquals(opFunction.get("byteStringAsGb").apply(k), v));
     Assertions.assertThrows(
-        NullPointerException.class,
-        () -> {
-          ByteTimeUtils.byteStringAsGb("512");
-        });
+        IllegalArgumentException.class, () -> opFunction.get("byteStringAsGb").apply("1C"));
   }
 }
diff --git a/linkis-commons/linkis-common/src/test/scala/org/apache/linkis/common/utils/VariableUtilsTest.scala b/linkis-commons/linkis-common/src/test/scala/org/apache/linkis/common/utils/VariableUtilsTest.scala
index c0d4ad1d61..e7a105497c 100644
--- a/linkis-commons/linkis-common/src/test/scala/org/apache/linkis/common/utils/VariableUtilsTest.scala
+++ b/linkis-commons/linkis-common/src/test/scala/org/apache/linkis/common/utils/VariableUtilsTest.scala
@@ -22,6 +22,8 @@ import org.apache.linkis.common.variable.DateTypeUtils.{getCurHour, getToday}
 
 import java.util
 
+import scala.collection.mutable
+
 import org.junit.jupiter.api.Assertions.assertEquals
 import org.junit.jupiter.api.Test
 
@@ -63,4 +65,19 @@ class VariableUtilsTest {
     assertEquals(VariableUtils.replace(sql, "sql", varMap), resSql)
   }
 
+  @Test
+  def testGetCustomVar: Unit = {
+    var scalaCode = "" +
+      "-------@set globalpara=60--------\n" +
+      "--@set globalpara2=66\n" +
+      "select ${globalpara} as globalpara,\n" +
+      "-- ${globalpara1} as globalpara1, \n" +
+      "${globalpara2} as globalpara2;\n"
+    var pythonCode = ""
+
+    val nameAndValue: mutable.Map[String, String] =
+      VariableUtils.getCustomVar(scalaCode, CodeAndRunTypeUtils.LANGUAGE_TYPE_SQL);
+    assertEquals(nameAndValue.size, 2)
+  }
+
 }
diff --git a/linkis-commons/linkis-httpclient/src/main/scala/org/apache/linkis/httpclient/AbstractHttpClient.scala b/linkis-commons/linkis-httpclient/src/main/scala/org/apache/linkis/httpclient/AbstractHttpClient.scala
index 7b443eb920..6bc8485ade 100644
--- a/linkis-commons/linkis-httpclient/src/main/scala/org/apache/linkis/httpclient/AbstractHttpClient.scala
+++ b/linkis-commons/linkis-httpclient/src/main/scala/org/apache/linkis/httpclient/AbstractHttpClient.scala
@@ -142,23 +142,31 @@ abstract class AbstractHttpClient(clientConfig: ClientConfig, clientName: String
       val req = prepareReq(action)
       val startTime = System.currentTimeMillis
       val response = executeRequest(req, Some(waitTime).filter(_ > 0))
+      val taken = System.currentTimeMillis - startTime
+      attempts.add(taken)
+      val costTime = ByteTimeUtils.msDurationToString(taken)
+      logger.info(
+        s"invoke ${req.getURI} get status ${response.getStatusLine.getStatusCode} taken: ${costTime}."
+      )
       if (response.getStatusLine.getStatusCode == 401) {
         tryLogin(action, getRequestUrl(action), true)
-        logger.info("The user is not logged in, please log in first, you can set a retry")
         val msg = Utils.tryCatch(EntityUtils.toString(response.getEntity)) { t =>
           logger.warn("failed to parse entity", t)
           ""
         }
         IOUtils.closeQuietly(response)
-        throw new HttpClientRetryException(
-          "The user is not logged in, please log in first, you can set a retry, message: " + msg
-        )
+        if (attempts.size() <= 1) {
+          logger.info("The user is not logged in, default retry once")
+          addAttempt()
+        } else {
+          logger.info("The user is not logged in, you can set a retry")
+          throw new HttpClientRetryException(
+            "The user is not logged in, please log in first, you can set a retry, message: " + msg
+          )
+        }
+      } else {
+        response
       }
-      val taken = System.currentTimeMillis - startTime
-      attempts.add(taken)
-      val costTime = ByteTimeUtils.msDurationToString(taken)
-      logger.info(s"invoke ${req.getURI} taken: ${costTime}.")
-      response
     }
 
     val response =
diff --git a/linkis-commons/linkis-httpclient/src/main/scala/org/apache/linkis/httpclient/config/ClientConfigBuilder.scala b/linkis-commons/linkis-httpclient/src/main/scala/org/apache/linkis/httpclient/config/ClientConfigBuilder.scala
index 26170a4577..b1fc579f3c 100644
--- a/linkis-commons/linkis-httpclient/src/main/scala/org/apache/linkis/httpclient/config/ClientConfigBuilder.scala
+++ b/linkis-commons/linkis-httpclient/src/main/scala/org/apache/linkis/httpclient/config/ClientConfigBuilder.scala
@@ -17,9 +17,9 @@
 
 package org.apache.linkis.httpclient.config
 
+import org.apache.linkis.common.exception.LinkisRetryException
 import org.apache.linkis.common.utils.{DefaultRetryHandler, RetryHandler}
 import org.apache.linkis.httpclient.authentication.AuthenticationStrategy
-import org.apache.linkis.httpclient.exception.HttpClientRetryException
 import org.apache.linkis.httpclient.loadbalancer.LoadBalancerStrategy
 
 import scala.concurrent.duration.TimeUnit
@@ -39,11 +39,10 @@ class ClientConfigBuilder protected () {
   protected var readTimeout: Long = _
   protected var maxConnection: Int = _
   protected var retryEnabled: Boolean = true
-  protected var retryHandler: RetryHandler = buildDefaultRetryHandler()
 
-  def buildDefaultRetryHandler(): RetryHandler = {
-    retryHandler = new DefaultRetryHandler
-    retryHandler.addRetryException(classOf[HttpClientRetryException])
+  protected var retryHandler: RetryHandler = {
+    val retryHandler = new DefaultRetryHandler
+    retryHandler.addRetryException(classOf[LinkisRetryException])
     retryHandler
   }
 
diff --git a/linkis-commons/linkis-mybatis/pom.xml b/linkis-commons/linkis-mybatis/pom.xml
index b87a1ed66a..1481f2008d 100644
--- a/linkis-commons/linkis-mybatis/pom.xml
+++ b/linkis-commons/linkis-mybatis/pom.xml
@@ -37,6 +37,32 @@
     <dependency>
       <groupId>com.baomidou</groupId>
       <artifactId>mybatis-plus-boot-starter</artifactId>
+      <exclusions>
+        <exclusion>
+          <groupId>org.springframework.boot</groupId>
+          <artifactId>spring-boot-starter</artifactId>
+        </exclusion>
+        <exclusion>
+          <groupId>org.springframework.boot</groupId>
+          <artifactId>spring-boot-autoconfigure</artifactId>
+        </exclusion>
+        <exclusion>
+          <groupId>org.springframework</groupId>
+          <artifactId>spring-beans</artifactId>
+        </exclusion>
+        <exclusion>
+          <groupId>org.springframework</groupId>
+          <artifactId>spring-jdbc</artifactId>
+        </exclusion>
+        <exclusion>
+          <groupId>com.zaxxer</groupId>
+          <artifactId>HikariCP</artifactId>
+        </exclusion>
+      </exclusions>
+    </dependency>
+    <dependency>
+      <groupId>org.springframework</groupId>
+      <artifactId>spring-jdbc</artifactId>
     </dependency>
     <dependency>
       <groupId>com.github.pagehelper</groupId>
diff --git a/linkis-commons/linkis-protocol/src/main/java/org/apache/linkis/protocol/constants/TaskConstant.java b/linkis-commons/linkis-protocol/src/main/java/org/apache/linkis/protocol/constants/TaskConstant.java
index 42661f8283..6eb97c84d9 100644
--- a/linkis-commons/linkis-protocol/src/main/java/org/apache/linkis/protocol/constants/TaskConstant.java
+++ b/linkis-commons/linkis-protocol/src/main/java/org/apache/linkis/protocol/constants/TaskConstant.java
@@ -69,6 +69,7 @@ public interface TaskConstant {
   String TICKET_ID = "ticketId";
   String ENGINE_CONN_TASK_ID = "engineConnTaskId";
   String ENGINE_CONN_SUBMIT_TIME = "engineConnSubmitTime";
+  String DEBUG_ENBALE = "debug.enable";
 
   String PARAMS_DATA_SOURCE = "dataSources";
 
diff --git a/linkis-commons/linkis-protocol/src/main/scala/org/apache/linkis/protocol/utils/TaskUtils.scala b/linkis-commons/linkis-protocol/src/main/scala/org/apache/linkis/protocol/utils/TaskUtils.scala
index 3b94bbdc14..9b2be16ef7 100644
--- a/linkis-commons/linkis-protocol/src/main/scala/org/apache/linkis/protocol/utils/TaskUtils.scala
+++ b/linkis-commons/linkis-protocol/src/main/scala/org/apache/linkis/protocol/utils/TaskUtils.scala
@@ -97,4 +97,15 @@ object TaskUtils {
   def addLabelsMap(params: util.Map[String, AnyRef], labels: util.Map[String, AnyRef]): Unit =
     addMap(params, labels, TaskConstant.LABELS)
 
+  def isWithDebugInfo(params: util.Map[String, AnyRef]): Boolean = {
+    val debug = getConfigurationMap(params, TaskConstant.PARAMS_CONFIGURATION_STARTUP).get(
+      TaskConstant.DEBUG_ENBALE
+    )
+    if (debug != null && "true".equals(debug.toString)) {
+      true
+    } else {
+      false
+    }
+  }
+
 }
diff --git a/linkis-commons/linkis-rpc/src/main/scala/org/apache/linkis/rpc/conf/RPCConfiguration.scala b/linkis-commons/linkis-rpc/src/main/scala/org/apache/linkis/rpc/conf/RPCConfiguration.scala
index 32f12da273..3a34e42a0e 100644
--- a/linkis-commons/linkis-rpc/src/main/scala/org/apache/linkis/rpc/conf/RPCConfiguration.scala
+++ b/linkis-commons/linkis-rpc/src/main/scala/org/apache/linkis/rpc/conf/RPCConfiguration.scala
@@ -80,6 +80,16 @@ object RPCConfiguration {
     CommonVars("wds.linkis.gateway.conf.linkismanager.list", "linkisManager,engineplugin").getValue
       .split(",")
 
+  val LINKIS_DATASOURCE_SERVICE_NAME: CommonVars[String] =
+    CommonVars("linkis.gateway.conf.linkisdatasource.name", "linkis-ps-datasource")
+
+  val LINKIS_DATASOURCE_SERVICE_LIST: Array[String] =
+    CommonVars(
+      "linkis.gateway.conf.linkisdatasource.list",
+      "data-source-manager,metadataquery,datasource,metadataQuery,metadatamanager"
+    ).getValue
+      .split(",")
+
   val BDP_RPC_INSTANCE_ALIAS_SERVICE_REFRESH_INTERVAL: CommonVars[TimeType] =
     CommonVars("wds.linkis.rpc.instancealias.refresh.interval", new TimeType("3s"))
 
diff --git a/linkis-commons/linkis-rpc/src/test/scala/org/apache/linkis/rpc/conf/RPCConfigurationTest.scala b/linkis-commons/linkis-rpc/src/test/scala/org/apache/linkis/rpc/conf/RPCConfigurationTest.scala
index 5aaadd133c..ed1d39ce8c 100644
--- a/linkis-commons/linkis-rpc/src/test/scala/org/apache/linkis/rpc/conf/RPCConfigurationTest.scala
+++ b/linkis-commons/linkis-rpc/src/test/scala/org/apache/linkis/rpc/conf/RPCConfigurationTest.scala
@@ -37,7 +37,6 @@ class RPCConfigurationTest {
     val enablepublicservice = RPCConfiguration.ENABLE_PUBLIC_SERVICE.getValue
     val publicserviceapplicationname = RPCConfiguration.PUBLIC_SERVICE_APPLICATION_NAME.getValue
     val publicservicelist = RPCConfiguration.PUBLIC_SERVICE_LIST
-    val metadataqueryservicelist = RPCConfiguration.METADATAQUERY_SERVICE_LIST
 
     Assertions.assertTrue(25 == bdprpcbroadcastthreadsize.intValue())
     Assertions.assertTrue(400 == bdprpcreceiverasynconsumerthreadmax.intValue())
@@ -48,7 +47,6 @@ class RPCConfigurationTest {
     Assertions.assertTrue(enablepublicservice)
     Assertions.assertEquals("linkis-ps-publicservice", publicserviceapplicationname)
     Assertions.assertTrue(publicservicelist.size > 0)
-    Assertions.assertTrue(metadataqueryservicelist.size > 0)
 
   }
 
diff --git a/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/Consumer.scala b/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/Consumer.scala
index 50dce2ca12..165a274362 100644
--- a/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/Consumer.scala
+++ b/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/Consumer.scala
@@ -41,7 +41,6 @@ abstract class Consumer(schedulerContext: SchedulerContext, executeService: Exec
   def start(): Unit
 
   def shutdown(): Unit = {
-    logger.info(s"$toString is ready to stop!")
     terminate = true
     logger.info(s"$toString stopped!")
   }
diff --git a/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/GroupFactory.scala b/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/GroupFactory.scala
index f3471b07dd..be1716f238 100644
--- a/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/GroupFactory.scala
+++ b/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/GroupFactory.scala
@@ -19,6 +19,11 @@ package org.apache.linkis.scheduler.queue
 
 abstract class GroupFactory {
 
+  /**
+   * Create a Group and set the concurrency limit of the group
+   * @param event
+   * @return
+   */
   def getOrCreateGroup(event: SchedulerEvent): Group
 
   def getGroup(groupName: String): Group
diff --git a/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/LoopArrayQueue.scala b/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/LoopArrayQueue.scala
index b0bbfd3c2b..8bea7e52b1 100644
--- a/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/LoopArrayQueue.scala
+++ b/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/LoopArrayQueue.scala
@@ -40,7 +40,12 @@ class LoopArrayQueue(var group: Group) extends ConsumeQueue with Logging {
 
   override def getWaitingEvents: Array[SchedulerEvent] = {
     eventQueue synchronized {
-      toIndexedSeq.filter(x => x.getState.equals(SchedulerEventState.Inited)).toArray
+      toIndexedSeq
+        .filter(x =>
+          x.getState.equals(SchedulerEventState.Inited) || x.getState
+            .equals(SchedulerEventState.Scheduled)
+        )
+        .toArray
     }
   }
 
diff --git a/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/fifoqueue/FIFOUserConsumer.scala b/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/fifoqueue/FIFOUserConsumer.scala
index 2a40c2517b..d541d8a2eb 100644
--- a/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/fifoqueue/FIFOUserConsumer.scala
+++ b/linkis-commons/linkis-scheduler/src/main/scala/org/apache/linkis/scheduler/queue/fifoqueue/FIFOUserConsumer.scala
@@ -73,6 +73,8 @@ class FIFOUserConsumer(
   override def getRunningEvents: Array[SchedulerEvent] =
     getEvents(e => e.isRunning || e.isWaitForRetry)
 
+  protected def getSchedulerContext: SchedulerContext = schedulerContext
+
   private def getEvents(op: SchedulerEvent => Boolean): Array[SchedulerEvent] = {
     val result = ArrayBuffer[SchedulerEvent]()
     runningJobs.filter(_ != null).filter(x => op(x)).foreach(result += _)
@@ -82,16 +84,28 @@ class FIFOUserConsumer(
   override def run(): Unit = {
     Thread.currentThread().setName(s"${toString}Thread")
     logger.info(s"$toString thread started!")
-    while (!terminate) {
-      Utils.tryAndError(loop())
-      Utils.tryAndError(Thread.sleep(10))
+    while (!terminate) Utils.tryAndError {
+      loop()
+      Thread.sleep(10)
     }
     logger.info(s"$toString thread stopped!")
   }
 
   protected def askExecutorGap(): Unit = {}
 
+  /**
+   * Task scheduling interception is used to judge the rules of task operation, and to judge other
+   * task rules based on Group. For example, Entrance makes Creator-level task judgment.
+   */
+  protected def runScheduleIntercept(): Boolean = {
+    true
+  }
+
   protected def loop(): Unit = {
+    if (!runScheduleIntercept()) {
+      Utils.tryQuietly(Thread.sleep(1000))
+      return
+    }
     var isRetryJob = false
     def getWaitForRetryEvent: Option[SchedulerEvent] = {
       val waitForRetryJobs = runningJobs.filter(job => job != null && job.isJobCanRetry)
@@ -110,7 +124,7 @@ class FIFOUserConsumer(
     if (event.isEmpty) {
       val completedNums = runningJobs.filter(job => job == null || job.isCompleted)
       if (completedNums.length < 1) {
-        Utils.tryQuietly(Thread.sleep(1000)) // TODO 还可以优化，通过实现JobListener进行优化
+        Utils.tryQuietly(Thread.sleep(1000))
         return
       }
       while (event.isEmpty) {
@@ -119,7 +133,12 @@ class FIFOUserConsumer(
           if (
               takeEvent.exists(e =>
                 Utils.tryCatch(e.turnToScheduled()) { t =>
-                  takeEvent.get.asInstanceOf[Job].onFailure("Job状态翻转为Scheduled失败！", t)
+                  takeEvent.get
+                    .asInstanceOf[Job]
+                    .onFailure(
+                      "Failed to change the job status to Scheduled(Job状态翻转为Scheduled失败)",
+                      t
+                    )
                   false
                 }
               )
@@ -174,7 +193,7 @@ class FIFOUserConsumer(
             )
           )
         case error: Throwable =>
-          job.onFailure("请求引擎失败，可能是由于后台进程错误!请联系管理员", error)
+          job.onFailure("Failed to request EngineConn", error)
           if (job.isWaitForRetry) {
             logger.warn(s"Ask executor for Job $job failed, wait for the next retry!", error)
             if (!isRetryJob) putToRunningJobs(job)
@@ -190,6 +209,20 @@ class FIFOUserConsumer(
 
   override def shutdown(): Unit = {
     future.cancel(true)
+    val waitEvents = queue.getWaitingEvents
+    if (waitEvents.nonEmpty) {
+      waitEvents.foreach {
+        case job: Job =>
+          job.onFailure("Your job will be marked as canceled because the consumer be killed", null)
+        case _ =>
+      }
+    }
+
+    this.runningJobs.foreach { job =>
+      if (job != null && !job.isCompleted) {
+        job.onFailure("Your job will be marked as canceled because the consumer be killed", null)
+      }
+    }
     super.shutdown()
   }
 
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/conf/LinkisStorageConf.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/conf/LinkisStorageConf.java
index 66fafeacda..74950c15fe 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/conf/LinkisStorageConf.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/conf/LinkisStorageConf.java
@@ -39,7 +39,7 @@ public class LinkisStorageConf {
   public static final String FILE_TYPE =
       CommonVars.apply(
               "wds.linkis.storage.file.type",
-              "dolphin,sql,scala,py,hql,python,out,log,text,sh,jdbc,ngql,psql,fql,tsql")
+              "dolphin,sql,scala,py,hql,python,out,log,text,txt,sh,jdbc,ngql,psql,fql,tsql")
           .getValue();
 
   private static volatile String[] fileTypeArr = null;
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/csv/StorageCSVWriter.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/csv/StorageCSVWriter.java
index 620b1b3c1a..28788a2ba3 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/csv/StorageCSVWriter.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/csv/StorageCSVWriter.java
@@ -80,14 +80,17 @@ public void addMetaData(MetaData metaData) throws IOException {
 
   private String compact(String[] row) {
     String quotationMarks = "\"";
+    String dealNewlineSymbolMarks = "\n";
     StringBuilder rowBuilder = new StringBuilder();
     for (String value : row) {
-      String decoratedValue =
-          StringUtils.isBlank(value)
-              ? value
-              : quoteRetouchEnable
-                  ? quotationMarks + value.replaceAll(quotationMarks, "") + quotationMarks
-                  : value;
+      String decoratedValue = value;
+      if (StringUtils.isNotBlank(value)) {
+        if (quoteRetouchEnable) {
+          decoratedValue = quotationMarks + value.replaceAll(quotationMarks, "") + quotationMarks;
+        }
+        decoratedValue = decoratedValue.replaceAll(dealNewlineSymbolMarks, " ");
+        logger.debug("decorateValue with input: {} output: {} ", value, decoratedValue);
+      }
       rowBuilder.append(decoratedValue).append(delimiter);
     }
     rowBuilder.append("\n");
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/domain/DataType.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/domain/DataType.java
index ad9e0ee882..6808f693ec 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/domain/DataType.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/domain/DataType.java
@@ -26,6 +26,8 @@
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 
+import static org.apache.linkis.storage.domain.Dolphin.LINKIS_NULL;
+
 public enum DataType {
   NullType("void", 0),
   StringType("string", 12),
@@ -63,7 +65,8 @@ public enum DataType {
   public static final String LOWCASE_NULL_VALUE = "null";
 
   // TODO Change to fine-grained regular expressions(改为精细化正则表达式)
-  public static final Pattern DECIMAL_REGEX = Pattern.compile("^decimal\\(\\d*\\,\\d*\\)");
+  public static final Pattern DECIMAL_REGEX =
+      Pattern.compile("^decimal\\(\\s*\\d*\\s*,\\s*\\d*\\s*\\)");
 
   public static final Pattern SHORT_REGEX = Pattern.compile("^short.*");
   public static final Pattern INT_REGEX = Pattern.compile("^int.*");
@@ -130,7 +133,11 @@ public static DataType toDataType(String dataType) {
   }
 
   public static Object toValue(DataType dataType, String value) {
+
     Object result = null;
+    if (isLinkisNull(value)) {
+      return result;
+    }
     try {
       switch (dataType) {
         case NullType:
@@ -187,12 +194,16 @@ public static Object toValue(DataType dataType, String value) {
           result = value;
       }
     } catch (Exception e) {
-      logger.debug("Failed to " + value + " switch to dataType:", e);
+      logger.debug("Failed to {} switch to dataType:", value, e);
       result = value;
     }
     return result;
   }
 
+  public static boolean isLinkisNull(String value) {
+    return value == null || value.equals(LINKIS_NULL);
+  }
+
   public static boolean isNull(String value) {
     return value == null || value.equals(NULL_VALUE) || value.trim().equals("");
   }
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/domain/Dolphin.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/domain/Dolphin.java
index b6badd2849..35c71295e4 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/domain/Dolphin.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/domain/Dolphin.java
@@ -59,6 +59,9 @@ public class Dolphin {
   public static final String NULL = "NULL";
   public static final byte[] NULL_BYTES = "NULL".getBytes(Charset.forName("utf-8"));
 
+  public static final String LINKIS_NULL = "LINKIS_NULL";
+  public static final byte[] LINKIS_NULL_BYTES = LINKIS_NULL.getBytes(Charset.forName("utf-8"));
+
   public static final int INT_LEN = 10;
 
   public static final int FILE_EMPTY = 31;
@@ -79,6 +82,14 @@ public static String getString(byte[] bytes, int start, int len) {
     return new String(bytes, start, len, Dolphin.CHAR_SET);
   }
 
+  public static String toStringValue(String value) {
+    if (LINKIS_NULL.equals(value)) {
+      return NULL;
+    } else {
+      return value;
+    }
+  }
+
   /**
    * Read an integer value that converts the array to a byte of length 10 bytes
    * 读取整数值，该值为将数组转换为10字节长度的byte
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/exception/StorageErrorCode.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/exception/StorageErrorCode.java
index 3c82ceb523..fad0d83a12 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/exception/StorageErrorCode.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/exception/StorageErrorCode.java
@@ -20,7 +20,10 @@
 public enum StorageErrorCode {
 
   /** */
-  FS_NOT_INIT(53001, "please init first(请先初始化)");
+  FS_NOT_INIT(53001, "please init first"),
+
+  INCONSISTENT_DATA(53001, "Inconsistent row data read,read %s,need rowLen %s"),
+  FS_OOM(53002, "OOM occurred while reading the file");
 
   StorageErrorCode(int errorCode, String message) {
     this.code = errorCode;
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/ResultSetReaderFactory.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/ResultSetReaderFactory.java
index 749ec9a24e..3047b715a0 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/ResultSetReaderFactory.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/ResultSetReaderFactory.java
@@ -99,6 +99,7 @@ public static ResultSetReader getTableResultReader(String res) {
       }
 
       Fs fs = FSFactory.getFs(resPath);
+      logger.info("Try to init Fs with path:{}", resPath.getPath());
       try {
         fs.init(null);
         InputStream read = fs.read(resPath);
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/StorageResultSetReader.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/StorageResultSetReader.java
index 35f7483c82..c0222cc848 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/StorageResultSetReader.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/StorageResultSetReader.java
@@ -33,7 +33,6 @@
 import java.io.ByteArrayInputStream;
 import java.io.IOException;
 import java.io.InputStream;
-import java.util.Arrays;
 
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
@@ -53,7 +52,6 @@ public class StorageResultSetReader<K extends MetaData, V extends Record>
   private Fs fs;
 
   private final int READ_CACHE = 1024;
-  private final byte[] bytes = new byte[READ_CACHE];
 
   public StorageResultSetReader(ResultSet<K, V> resultSet, InputStream inputStream) {
     super(resultSet, inputStream);
@@ -84,21 +82,18 @@ public byte[] readLine() {
       return null;
     }
 
-    byte[] rowBuffer = new byte[0];
     int len = 0;
-
-    while (rowLen > 0 && len >= 0) {
-      if (rowLen > READ_CACHE) {
-        len = StorageUtils.readBytes(inputStream, bytes, READ_CACHE);
-      } else {
-        len = StorageUtils.readBytes(inputStream, bytes, rowLen);
-      }
-
-      if (len > 0) {
-        rowLen -= len;
-        rowBuffer = Arrays.copyOf(rowBuffer, rowBuffer.length + len);
-        System.arraycopy(bytes, 0, rowBuffer, rowBuffer.length - len, len);
-      }
+    byte[] rowBuffer = null;
+    try {
+      rowBuffer = new byte[rowLen];
+      len = StorageUtils.readBytes(inputStream, rowBuffer, rowLen);
+    } catch (OutOfMemoryError error) {
+      logger.error("Result set read oom, read size {} Byte", rowLen);
+      throw new RuntimeException(error);
+    }
+    if (len != rowLen) {
+      throw new RuntimeException(
+          "Can't get the value of the field, maybe the IO stream has been read or has been closed!(拿不到字段的值，也许IO流已读取完毕或已被关闭！)");
     }
     rowCount++;
     return rowBuffer;
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableRecord.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableRecord.java
index f13d42b0b6..c8270714ba 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableRecord.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableRecord.java
@@ -19,9 +19,6 @@
 
 import org.apache.linkis.common.io.Record;
 import org.apache.linkis.storage.resultset.ResultRecord;
-import org.apache.linkis.storage.utils.StorageUtils;
-
-import java.util.Arrays;
 
 public class TableRecord implements ResultRecord {
 
@@ -35,10 +32,4 @@ public TableRecord(Object[] row) {
   public Record cloneRecord() {
     return new TableRecord(row.clone());
   }
-
-  public String[] tableRecordToString(String nullValue) {
-    return Arrays.stream(row)
-        .map(col -> StorageUtils.colToString(col, nullValue))
-        .toArray(String[]::new);
-  }
 }
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableResultDeserializer.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableResultDeserializer.java
index 7b7838fd25..7e1d6c35fe 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableResultDeserializer.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableResultDeserializer.java
@@ -52,13 +52,13 @@ public TableMetaData createMetaData(byte[] bytes) {
     List<Column> columns = new ArrayList<>();
     for (int i = 0; i < colArray.length; i += 3) {
       int len = Integer.parseInt(colArray[i]);
-      String colName = Dolphin.getString(bytes, index, len);
+      String colName = Dolphin.toStringValue(Dolphin.getString(bytes, index, len));
       index += len;
       len = Integer.parseInt(colArray[i + 1]);
-      String colType = Dolphin.getString(bytes, index, len);
+      String colType = Dolphin.toStringValue(Dolphin.getString(bytes, index, len));
       index += len;
       len = Integer.parseInt(colArray[i + 2]);
-      String colComment = Dolphin.getString(bytes, index, len);
+      String colComment = Dolphin.toStringValue(Dolphin.getString(bytes, index, len));
       index += len;
       columns.add(new Column(colName, DataType.toDataType(colType), colComment));
     }
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableResultSerializer.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableResultSerializer.java
index 6abe4c56d5..5f40aa33f3 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableResultSerializer.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/resultset/table/TableResultSerializer.java
@@ -61,7 +61,7 @@ private byte[] lineToBytes(Object[] line) {
     int colByteLen = 0;
     int length = 0;
     for (Object data : line) {
-      byte[] bytes = data == null ? Dolphin.NULL_BYTES : Dolphin.getBytes(data);
+      byte[] bytes = data == null ? Dolphin.LINKIS_NULL_BYTES : Dolphin.getBytes(data);
       dataBytes.add(bytes);
       byte[] colBytes = Dolphin.getBytes(bytes.length);
       colIndex.add(colBytes);
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/source/FileSource.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/source/FileSource.java
index b7bcc8c84a..21e6478f16 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/source/FileSource.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/source/FileSource.java
@@ -131,6 +131,7 @@ static FileSource create(FsPath fsPath, InputStream is) {
   }
 
   static FileSplit createResultSetFileSplit(FsPath fsPath, InputStream is) {
+    logger.info("try create result set file split with path:{}", fsPath.getPath());
     ResultSet resultset = ResultSetFactory.getInstance().getResultSetByPath(fsPath);
     ResultSetReader resultsetReader = ResultSetReaderFactory.getResultSetReader(resultset, is);
     return new FileSplit(resultsetReader, resultset.resultSetType());
diff --git a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/source/ResultsetFileSource.java b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/source/ResultsetFileSource.java
index d8562b7c5b..fb064a8f4f 100644
--- a/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/source/ResultsetFileSource.java
+++ b/linkis-commons/linkis-storage/src/main/java/org/apache/linkis/storage/source/ResultsetFileSource.java
@@ -17,6 +17,7 @@
 
 package org.apache.linkis.storage.source;
 
+import org.apache.linkis.storage.domain.Dolphin;
 import org.apache.linkis.storage.resultset.table.TableRecord;
 import org.apache.linkis.storage.utils.StorageUtils;
 
@@ -36,9 +37,18 @@ record -> {
                     .map(
                         r -> {
                           if (r == null || r.equals("NULL")) {
-                            return nullValue;
+                            if (nullValue.equals(Dolphin.LINKIS_NULL)) {
+                              return r;
+                            } else {
+                              return nullValue;
+                            }
                           } else if (r.equals("")) {
-                            return getParams().getOrDefault("nullValue", "");
+                            String emptyValue = getParams().getOrDefault("nullValue", "");
+                            if (emptyValue.equals(Dolphin.LINKIS_NULL)) {
+                              return "";
+                            } else {
+                              return nullValue;
+                            }
                           } else if (r instanceof Double) {
                             return StorageUtils.doubleToString((Double) r);
                           } else {
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/constants/AppKeys.java b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/constants/AppKeys.java
index 5613d87e19..b82bc2d264 100644
--- a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/constants/AppKeys.java
+++ b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/constants/AppKeys.java
@@ -38,6 +38,8 @@ public class AppKeys {
   public static final String DEFAULT_CONFIG_FILE_NAME_KEY = "conf.file";
   public static final String LINUX_USER_KEY = "user.name";
 
+  public static final String VERSION = "cli.version";
+
   /** Configurable */
   /*
   execution type
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/constants/LinkisKeys.java b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/constants/LinkisKeys.java
index 8483003132..170f1a8f86 100644
--- a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/constants/LinkisKeys.java
+++ b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/constants/LinkisKeys.java
@@ -47,4 +47,5 @@ public class LinkisKeys {
   public static final String KEY_YARN_QUEUE = "wds.linkis.rm.yarnqueue";
   public static final String KEY_HIVE_RESULT_DISPLAY_TBALE =
       "hive.resultset.use.unique.column.names";
+  public static final String CLI_VERSION = "cli.version";
 }
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/interactor/command/template/UniversalCmdTemplate.java b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/interactor/command/template/UniversalCmdTemplate.java
index 1bd3fb8c01..b91c6cff3a 100644
--- a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/interactor/command/template/UniversalCmdTemplate.java
+++ b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/interactor/command/template/UniversalCmdTemplate.java
@@ -272,6 +272,15 @@ public class UniversalCmdTemplate extends AbstractCmdTemplate implements Cloneab
           "specify jobContent map. Input format: -jobContentMap key1=value1 -jobContentMap key2=value2",
           true);
 
+  protected Flag versionFlag =
+      flag(
+          CliKeys.VERSION,
+          CliKeys.VERSION,
+          new String[] {"--version"},
+          "show version",
+          true,
+          false);
+
   protected Parameter<String[]> argumentsParas =
       parameter(
           AppKeys.LINKIS_CLIENT_COMMON,
@@ -287,6 +296,9 @@ public UniversalCmdTemplate() {
 
   @Override
   public void checkParams() throws CommandException {
+    if (versionFlag.hasVal()) {
+      return;
+    }
     int cnt = 0;
     if (statusOpt.hasVal()) {
       cnt++;
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/operator/ujes/LinkisJobOperator.java b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/operator/ujes/LinkisJobOperator.java
index 87c49cd141..bfebf62c71 100644
--- a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/operator/ujes/LinkisJobOperator.java
+++ b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/operator/ujes/LinkisJobOperator.java
@@ -18,15 +18,15 @@
 package org.apache.linkis.cli.application.operator.ujes;
 
 import org.apache.linkis.cli.application.constants.LinkisKeys;
-import org.apache.linkis.cli.application.interactor.job.desc.LinkisSubmitDesc;
+import org.apache.linkis.cli.application.entity.operator.JobOper;
+import org.apache.linkis.cli.application.exception.LinkisClientExecutionException;
+import org.apache.linkis.cli.application.exception.LinkisClientRuntimeException;
+import org.apache.linkis.cli.application.exception.error.CommonErrMsg;
+import org.apache.linkis.cli.application.exception.error.ErrorLevel;
+import org.apache.linkis.cli.application.interactor.job.interactive.InteractiveJobDesc;
 import org.apache.linkis.cli.application.operator.ujes.result.OpenLogResult2;
 import org.apache.linkis.cli.application.operator.ujes.result.ResultSetResult2;
-import org.apache.linkis.cli.application.utils.Utils;
-import org.apache.linkis.cli.common.entity.operator.JobOperator;
-import org.apache.linkis.cli.common.exception.LinkisClientRuntimeException;
-import org.apache.linkis.cli.common.exception.error.ErrorLevel;
-import org.apache.linkis.cli.core.exception.LinkisClientExecutionException;
-import org.apache.linkis.cli.core.exception.error.CommonErrMsg;
+import org.apache.linkis.cli.application.utils.CliUtils;
 import org.apache.linkis.common.exception.LinkisException;
 import org.apache.linkis.ujes.client.UJESClient;
 import org.apache.linkis.ujes.client.request.JobSubmitAction;
@@ -43,9 +43,9 @@
 import org.slf4j.LoggerFactory;
 
 /** Based on UjesClient */
-public class LinkisJobOperator implements JobOperator {
+public class LinkisJobOper implements JobOper {
   protected UJESClient client;
-  private Logger logger = LoggerFactory.getLogger(LinkisJobOperator.class);
+  private Logger logger = LoggerFactory.getLogger(LinkisJobOper.class);
   private String serverUrl;
 
   public UJESClient getUJESClient() {
@@ -87,7 +87,7 @@ public void checkInit() throws LinkisClientRuntimeException {
    * @param
    * @return
    */
-  public LinkisOperResultAdapter submit(LinkisSubmitDesc jobDesc)
+  public LinkisOperResultAdapter submit(InteractiveJobDesc jobDesc)
       throws LinkisClientRuntimeException {
     checkInit();
     JobSubmitResult jobSubmitResult;
@@ -104,7 +104,7 @@ public LinkisOperResultAdapter submit(LinkisSubmitDesc jobDesc)
               .setLabels(jobDesc.getLabelMap())
               .setSource(jobDesc.getSourceMap())
               .build();
-      logger.info("Request info to Linkis: \n{}", Utils.GSON.toJson(jobSubmitAction));
+      logger.info("Request info to Linkis: \n{}", CliUtils.GSON.toJson(jobSubmitAction));
 
       /* Old API */
       //      JobExecuteAction jobExecuteAction = JobExecuteAction.builder()
@@ -127,7 +127,7 @@ public LinkisOperResultAdapter submit(LinkisSubmitDesc jobDesc)
       //      jobExecuteResult = client.execute(jobExecuteAction);
 
       jobSubmitResult = client.submit(jobSubmitAction);
-      logger.info("Response info from Linkis: \n{}", Utils.GSON.toJson(jobSubmitAction));
+      logger.info("Response info from Linkis: \n{}", CliUtils.GSON.toJson(jobSubmitResult));
 
     } catch (Exception e) {
       // must throw if exception
@@ -142,7 +142,8 @@ public LinkisOperResultAdapter submit(LinkisSubmitDesc jobDesc)
       if (jobSubmitResult == null) {
         reason = "JobSubmitResult is null";
       } else if (0 != jobSubmitResult.getStatus()) {
-        reason = "server returns non-zero status-code";
+        reason = "server returns non-zero status-code. ";
+        reason += jobSubmitResult.getMessage();
       } else {
         reason = "server returns blank TaskId";
       }
@@ -191,13 +192,14 @@ public LinkisOperResultAdapter queryJobStatus(String user, String taskID, String
     while (retryTime++ < MAX_RETRY_TIME) {
       try {
         jobStatusResult = client.status(executeResult);
-        logger.debug("job-status: " + Utils.GSON.toJson(jobStatusResult));
+        logger.debug("job-status: " + CliUtils.GSON.toJson(jobStatusResult));
         if (jobStatusResult == null || 0 != jobStatusResult.getStatus()) {
           String reason;
           if (jobStatusResult == null) {
             reason = "jobStatusResult is null";
           } else {
-            reason = "server returns non-zero status-code";
+            reason = "server returns non-zero status-code. ";
+            reason += jobStatusResult.getMessage();
           }
           String msg =
               MessageFormat.format(
@@ -224,14 +226,15 @@ public LinkisOperResultAdapter queryJobStatus(String user, String taskID, String
               "EXE0013", ErrorLevel.ERROR, CommonErrMsg.ExecutionErr, msg, e);
         }
       }
-      Utils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
+      CliUtils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
     }
     if (jobStatusResult == null || 0 != jobStatusResult.getStatus()) {
       String reason;
       if (jobStatusResult == null) {
         reason = "jobStatusResult is null";
       } else {
-        reason = "server returns non-zero status-code";
+        reason = "server returns non-zero status-code. ";
+        reason += jobStatusResult.getMessage();
       }
       String msg =
           MessageFormat.format(
@@ -255,17 +258,18 @@ private JobInfoResult queryJobInfoInternal(String user, String taskID)
     while (retryTime++ < MAX_RETRY_TIME) {
       try {
         jobInfoResult = client.getJobInfo(executeResult);
-        logger.debug("job-info: " + Utils.GSON.toJson(jobInfoResult));
+        logger.debug("job-info: " + CliUtils.GSON.toJson(jobInfoResult));
         if (jobInfoResult == null || 0 != jobInfoResult.getStatus()) {
           String reason;
           if (jobInfoResult == null) {
             reason = "JobInfoResult is null";
           } else {
-            reason = "server returns non-zero status-code";
+            reason = "server returns non-zero status-code. ";
+            reason += jobInfoResult.getMessage();
           }
           String msg =
               MessageFormat.format(
-                  "Get job info failed. retry time : {0}/{1}. taskID={0}, Reason: {1}",
+                  "Get job info failed. retry time : {0}/{1}. taskID={2}, Reason: {3}",
                   retryTime, MAX_RETRY_TIME, taskID, reason);
 
           logger.debug(
@@ -288,14 +292,15 @@ private JobInfoResult queryJobInfoInternal(String user, String taskID)
               "EXE0013", ErrorLevel.ERROR, CommonErrMsg.ExecutionErr, msg, e);
         }
       }
-      Utils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
+      CliUtils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
     }
     if (jobInfoResult == null || 0 != jobInfoResult.getStatus()) {
       String reason;
       if (jobInfoResult == null) {
         reason = "JobInfoResult is null";
       } else {
-        reason = "server returns non-zero status-code";
+        reason = "server returns non-zero status-code. ";
+        reason += jobInfoResult.getMessage();
       }
       String msg =
           MessageFormat.format(
@@ -321,13 +326,14 @@ public LinkisOperResultAdapter queryRunTimeLogFromLine(
     while (retryTime++ < MAX_RETRY_TIME) {
       try {
         logResult = client.log(jobExecuteResult, fromLine, UJESConstants.MAX_LOG_SIZE);
-        logger.debug("runtime-log-result:" + Utils.GSON.toJson(logResult));
+        logger.debug("runtime-log-result:" + CliUtils.GSON.toJson(logResult));
         if (logResult == null || 0 != logResult.getStatus()) {
           String reason;
           if (logResult == null) {
             reason = "JobLogResult is null";
           } else {
             reason = "server returns non-zero status-code";
+            reason += logResult.getMessage();
           }
           String msg =
               MessageFormat.format(
@@ -350,14 +356,15 @@ public LinkisOperResultAdapter queryRunTimeLogFromLine(
               "EXE0016", ErrorLevel.ERROR, CommonErrMsg.ExecutionErr, msg, e);
         }
       }
-      Utils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
+      CliUtils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
     }
     if (logResult == null || 0 != logResult.getStatus()) {
       String reason;
       if (logResult == null) {
         reason = "JobLogResult is null";
       } else {
-        reason = "server returns non-zero status-code";
+        reason = "server returns non-zero status-code. ";
+        reason += logResult.getMessage();
       }
       String msg =
           MessageFormat.format(
@@ -388,7 +395,7 @@ private OpenLogResult queryPersistedLogInternal(String logPath, String user, Str
         openLogResult =
             client.openLog(
                 OpenLogAction.newBuilder().setLogPath(logPath).setProxyUser(user).build());
-        logger.debug("persisted-log-result:" + Utils.GSON.toJson(openLogResult));
+        logger.debug("persisted-log-result:" + CliUtils.GSON.toJson(openLogResult));
         if (openLogResult == null
             || 0 != openLogResult.getStatus()
             || StringUtils.isBlank(openLogResult.getLog()[UJESConstants.IDX_FOR_LOG_TYPE_ALL])) {
@@ -396,7 +403,8 @@ private OpenLogResult queryPersistedLogInternal(String logPath, String user, Str
           if (openLogResult == null) {
             reason = "OpenLogResult is null";
           } else if (0 != openLogResult.getStatus()) {
-            reason = "server returns non-zero status-code";
+            reason = "server returns non-zero status-code. ";
+            reason += openLogResult.getMessage();
           } else {
             reason = "server returns empty log";
           }
@@ -425,7 +433,7 @@ private OpenLogResult queryPersistedLogInternal(String logPath, String user, Str
               e);
         }
       }
-      Utils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
+      CliUtils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
     }
     if (openLogResult == null
         || 0 != openLogResult.getStatus()
@@ -475,7 +483,8 @@ public UJESResultAdapter queryProgress(String user, String taskID, String execId
           if (jobProgressResult == null) {
             reason = "JobProgressResult is null";
           } else {
-            reason = "server returns non-zero status-code";
+            reason = "server returns non-zero status-code. ";
+            reason += jobProgressResult.getMessage();
           }
           String msg =
               MessageFormat.format(
@@ -502,7 +511,7 @@ public UJESResultAdapter queryProgress(String user, String taskID, String execId
               e);
         }
       }
-      Utils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
+      CliUtils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
     }
 
     if (jobProgressResult == null || 0 != jobProgressResult.getStatus()) {
@@ -510,7 +519,8 @@ public UJESResultAdapter queryProgress(String user, String taskID, String execId
       if (jobProgressResult == null) {
         reason = "JobProgressResult is null";
       } else {
-        reason = "server returns non-zero status-code";
+        reason = "server returns non-zero status-code. ";
+        reason += jobProgressResult.getMessage();
       }
       String msg =
           MessageFormat.format(
@@ -588,7 +598,7 @@ public LinkisOperResultAdapter queryResultSetPaths(
               e);
         }
       }
-      Utils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
+      CliUtils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
     }
     if (resultSetArray == null || 0 == resultSetArray.length) {
       String reason;
@@ -623,13 +633,14 @@ public LinkisOperResultAdapter queryResultSetGivenResultSetPath(
                 .setPageSize(pageSize)
                 .build();
         result = client.resultSet(action);
-        logger.debug("resultset-result:" + Utils.GSON.toJson(result));
+        logger.debug("resultset-result:" + CliUtils.GSON.toJson(result));
         if (result == null || 0 != result.getStatus()) {
           String reason;
           if (result == null) {
             reason = "array is null";
           } else {
-            reason = "server returns non-zero status-code";
+            reason = "server returns non-zero status-code. ";
+            reason += result.getMessage();
           }
           String msg =
               MessageFormat.format(
@@ -656,14 +667,15 @@ public LinkisOperResultAdapter queryResultSetGivenResultSetPath(
               e);
         }
       }
-      Utils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
+      CliUtils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
     }
     if (result == null || 0 != result.getStatus()) {
       String reason;
       if (result == null) {
         reason = "ResultSetResult is null";
       } else {
-        reason = "server returns non-zero status-code";
+        reason = "server returns non-zero status-code. ";
+        reason += result.getMessage();
       }
       String msg =
           MessageFormat.format(
@@ -691,13 +703,14 @@ public LinkisOperResultAdapter kill(String user, String taskId, String execId)
         killRequest.setTaskID(taskId);
         killRequest.setExecID(execId);
         result = client.kill(killRequest);
-        logger.debug("job-kill-result:" + Utils.GSON.toJson(result));
+        logger.debug("job-kill-result:" + CliUtils.GSON.toJson(result));
         if (result == null || 0 != result.getStatus()) {
           String reason;
           if (result == null) {
             reason = "result is null";
           } else {
-            reason = "server returns non-zero status-code";
+            reason = "server returns non-zero status-code. ";
+            reason += result.getMessage();
           }
           String msg =
               MessageFormat.format(
@@ -725,14 +738,15 @@ public LinkisOperResultAdapter kill(String user, String taskId, String execId)
               e);
         }
       }
-      Utils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
+      CliUtils.doSleepQuietly(UJESConstants.DRIVER_QUERY_SLEEP_MILLS);
     }
     if (result == null || 0 != result.getStatus()) {
       String reason;
       if (result == null) {
         reason = "result is null";
       } else {
-        reason = "server returns non-zero status-code";
+        reason = "server returns non-zero status-code. ";
+        reason += result.getMessage();
       }
       String msg =
           MessageFormat.format(
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/operator/ujes/UJESResultAdapter.java b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/operator/ujes/UJESResultAdapter.java
index d402e01fe8..d534e1067a 100644
--- a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/operator/ujes/UJESResultAdapter.java
+++ b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-application/src/main/java/org/apache/linkis/cli/application/operator/ujes/UJESResultAdapter.java
@@ -163,6 +163,10 @@ public String getStrongerExecId() {
       return null;
     }
     String execId = null;
+
+    if (result instanceof JobSubmitResult) {
+      execId = ((JobSubmitResult) result).getExecID();
+    }
     if (result instanceof JobInfoResult) {
       if (result != null
           && ((JobInfoResult) result).getTask() != null
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/pom.xml b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/pom.xml
deleted file mode 100644
index 4cf0817130..0000000000
--- a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/pom.xml
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-  ~ Licensed to the Apache Software Foundation (ASF) under one or more
-  ~ contributor license agreements.  See the NOTICE file distributed with
-  ~ this work for additional information regarding copyright ownership.
-  ~ The ASF licenses this file to You under the Apache License, Version 2.0
-  ~ (the "License"); you may not use this file except in compliance with
-  ~ the License.  You may obtain a copy of the License at
-  ~ 
-  ~   http://www.apache.org/licenses/LICENSE-2.0
-  ~ 
-  ~ Unless required by applicable law or agreed to in writing, software
-  ~ distributed under the License is distributed on an "AS IS" BASIS,
-  ~ 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.
-  -->
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
-  <modelVersion>4.0.0</modelVersion>
-
-  <parent>
-    <groupId>org.apache.linkis</groupId>
-    <artifactId>linkis-cli</artifactId>
-    <version>${revision}</version>
-  </parent>
-  <artifactId>linkis-cli-common</artifactId>
-  <packaging>jar</packaging>
-
-</project>
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/help/HelpJob.java b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/help/HelpJob.java
new file mode 100644
index 0000000000..943c54ed63
--- /dev/null
+++ b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/help/HelpJob.java
@@ -0,0 +1,62 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+package org.apache.linkis.cli.application.interactor.job.help;
+
+import org.apache.linkis.cli.application.entity.context.CliCtx;
+import org.apache.linkis.cli.application.entity.job.Job;
+import org.apache.linkis.cli.application.entity.job.JobResult;
+import org.apache.linkis.cli.application.present.HelpPresenter;
+import org.apache.linkis.cli.application.present.model.HelpInfoModel;
+
+import java.util.HashMap;
+import java.util.Map;
+
+public class HelpJob implements Job {
+  private CliCtx ctx;
+
+  @Override
+  public void build(CliCtx ctx) {
+    this.ctx = ctx;
+  }
+
+  @Override
+  public JobResult run() {
+    HelpInfoModel model = new HelpInfoModel();
+    model.buildModel(ctx.getTemplate());
+    new HelpPresenter().present(model);
+    return new JobResult() {
+      @Override
+      public Boolean isSuccess() {
+        return true;
+      }
+
+      @Override
+      public String getMessage() {
+        return "";
+      }
+
+      @Override
+      public Map<String, String> getExtraMessage() {
+        return new HashMap<>();
+      }
+    };
+  }
+
+  @Override
+  public void onDestroy() {}
+}
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/version/VersionJob.java b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/version/VersionJob.java
new file mode 100644
index 0000000000..599f97904f
--- /dev/null
+++ b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/version/VersionJob.java
@@ -0,0 +1,48 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+package org.apache.linkis.cli.application.interactor.job.version;
+
+import org.apache.linkis.cli.application.constants.CliKeys;
+import org.apache.linkis.cli.application.entity.context.CliCtx;
+import org.apache.linkis.cli.application.entity.job.Job;
+import org.apache.linkis.cli.application.entity.job.JobResult;
+import org.apache.linkis.cli.application.utils.LoggerManager;
+
+import java.util.HashMap;
+import java.util.Map;
+
+public class VersionJob implements Job {
+  private CliCtx ctx;
+
+  @Override
+  public void build(CliCtx cliCtx) {
+    this.ctx = cliCtx;
+  }
+
+  @Override
+  public JobResult run() {
+    String version = (String) ctx.getExtraMap().get(CliKeys.VERSION);
+    Map<String, String> extraMap = new HashMap<>();
+    extraMap.put(CliKeys.VERSION, version);
+    LoggerManager.getPlaintTextLogger().info("Version=" + version);
+    return new VersionJobResult(true, "ok", extraMap);
+  }
+
+  @Override
+  public void onDestroy() {}
+}
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/version/Version.java b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/version/VersionJobResult.java
similarity index 53%
rename from linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/version/Version.java
rename to linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/version/VersionJobResult.java
index 7f005b0bbd..e2f12cd7c2 100644
--- a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/version/Version.java
+++ b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-common/src/main/java/org/apache/linkis/cli/common/entity/job/version/VersionJobResult.java
@@ -15,6 +15,35 @@
  * limitations under the License.
  */
 
-package org.apache.linkis.cli.common.entity.version;
+package org.apache.linkis.cli.application.interactor.job.version;
 
-public interface Version {}
+import org.apache.linkis.cli.application.entity.job.JobResult;
+
+import java.util.Map;
+
+public class VersionJobResult implements JobResult {
+  private Boolean success;
+  private String message;
+  private Map<String, String> extraMsg;
+
+  public VersionJobResult(Boolean success, String message, Map<String, String> extraMsg) {
+    this.success = success;
+    this.message = message;
+    this.extraMsg = extraMsg;
+  }
+
+  @Override
+  public Boolean isSuccess() {
+    return success;
+  }
+
+  @Override
+  public String getMessage() {
+    return message;
+  }
+
+  @Override
+  public Map<String, String> getExtraMessage() {
+    return extraMsg;
+  }
+}
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-core/src/main/java/org/apache/linkis/cli/core/interactor/result/DefaultResultHandler.java b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-core/src/main/java/org/apache/linkis/cli/core/interactor/result/DefaultResultHandler.java
deleted file mode 100644
index 836aeb7ad8..0000000000
--- a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-core/src/main/java/org/apache/linkis/cli/core/interactor/result/DefaultResultHandler.java
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-package org.apache.linkis.cli.core.interactor.result;
-
-import org.apache.linkis.cli.common.entity.result.ExecutionResult;
-import org.apache.linkis.cli.common.entity.result.ResultHandler;
-import org.apache.linkis.cli.core.constants.CommonConstants;
-import org.apache.linkis.cli.core.utils.LogUtils;
-
-import static java.lang.System.exit;
-
-/** exit -1 when failure and exit 0 when success */
-public class DefaultResultHandler implements ResultHandler {
-  @Override
-  public void process(ExecutionResult executionResult) {
-    if (executionResult.getExecutionStatus() == ExecutionStatusEnum.SUCCEED) {
-      LogUtils.getPlaintTextLogger().info(CommonConstants.SUCCESS_INDICATOR);
-      exit(0);
-    } else {
-      LogUtils.getPlaintTextLogger().info(CommonConstants.FAILURE_INDICATOR);
-      exit(-1);
-    }
-  }
-}
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-core/src/test/resources/conf/user.properties b/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-core/src/test/resources/conf/user.properties
deleted file mode 100644
index faa650fc5c..0000000000
--- a/linkis-computation-governance/linkis-client/linkis-cli/linkis-cli-core/src/test/resources/conf/user.properties
+++ /dev/null
@@ -1,19 +0,0 @@
-# 
-# Licensed to the Apache Software Foundation (ASF) under one or more
-# contributor license agreements.  See the NOTICE file distributed with
-# this work for additional information regarding copyright ownership.
-# The ASF licenses this file to You under the Apache License, Version 2.0
-# (the "License"); you may not use this file except in compliance with
-# the License.  You may obtain a copy of the License at
-# http://www.apache.org/licenses/LICENSE-2.0
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# 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.
-#
-#
-user.props=xxxxxxxxxxxxx
-conf.prop.integer=9
-conf.prop.string=str
-wds.linkis.client.param.conf.spark.executor.memory=11111G
\ No newline at end of file
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/pom.xml b/linkis-computation-governance/linkis-client/linkis-cli/pom.xml
index e9efc432d5..4a683d6526 100644
--- a/linkis-computation-governance/linkis-client/linkis-cli/pom.xml
+++ b/linkis-computation-governance/linkis-client/linkis-cli/pom.xml
@@ -53,6 +53,42 @@
 
   <build>
     <finalName>${project.artifactId}-${project.version}</finalName>
+    <resources>
+      <resource>
+        <filtering>true</filtering>
+        <directory>${basedir}/src/main/resources</directory>
+      </resource>
+    </resources>
+    <plugins>
+      <plugin>
+        <groupId>org.apache.maven.plugins</groupId>
+        <artifactId>maven-assembly-plugin</artifactId>
+        <inherited>false</inherited>
+        <configuration>
+          <skipAssembly>false</skipAssembly>
+          <finalName>out</finalName>
+          <appendAssemblyId>false</appendAssemblyId>
+          <attach>false</attach>
+          <descriptors>
+            <descriptor>/src/main/assembly/distribution.xml</descriptor>
+          </descriptors>
+        </configuration>
+        <executions>
+          <execution>
+            <id>make-assembly</id>
+            <goals>
+              <goal>single</goal>
+            </goals>
+            <phase>package</phase>
+            <configuration>
+              <descriptors>
+                <descriptor>/src/main/assembly/distribution.xml</descriptor>
+              </descriptors>
+            </configuration>
+          </execution>
+        </executions>
+      </plugin>
+    </plugins>
   </build>
 
 </project>
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/CtxBuilder.java b/linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/CtxBuilder.java
new file mode 100644
index 0000000000..07df8b79ad
--- /dev/null
+++ b/linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/CtxBuilder.java
@@ -0,0 +1,180 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+package org.apache.linkis.cli.application;
+
+import org.apache.linkis.cli.application.constants.CliConstants;
+import org.apache.linkis.cli.application.constants.CliKeys;
+import org.apache.linkis.cli.application.entity.command.CmdTemplate;
+import org.apache.linkis.cli.application.entity.command.Params;
+import org.apache.linkis.cli.application.entity.context.CliCtx;
+import org.apache.linkis.cli.application.entity.var.VarAccess;
+import org.apache.linkis.cli.application.exception.LinkisClientRuntimeException;
+import org.apache.linkis.cli.application.exception.PropsException;
+import org.apache.linkis.cli.application.exception.error.CommonErrMsg;
+import org.apache.linkis.cli.application.exception.error.ErrorLevel;
+import org.apache.linkis.cli.application.interactor.command.CliCmdType;
+import org.apache.linkis.cli.application.interactor.command.CmdTemplateFactory;
+import org.apache.linkis.cli.application.interactor.command.fitter.SingleTplFitter;
+import org.apache.linkis.cli.application.interactor.command.parser.Parser;
+import org.apache.linkis.cli.application.interactor.command.parser.SingleCmdParser;
+import org.apache.linkis.cli.application.interactor.command.parser.result.ParseResult;
+import org.apache.linkis.cli.application.interactor.context.CliCtxImpl;
+import org.apache.linkis.cli.application.interactor.properties.ClientProperties;
+import org.apache.linkis.cli.application.interactor.properties.PropertiesLoader;
+import org.apache.linkis.cli.application.interactor.properties.PropsFilesScanner;
+import org.apache.linkis.cli.application.interactor.properties.reader.PropertiesReader;
+import org.apache.linkis.cli.application.interactor.properties.reader.PropsFileReader;
+import org.apache.linkis.cli.application.interactor.validate.ParsedTplValidator;
+import org.apache.linkis.cli.application.interactor.var.VarAccessImpl;
+import org.apache.linkis.cli.application.utils.CliUtils;
+import org.apache.linkis.cli.application.utils.LoggerManager;
+
+import org.apache.commons.lang3.StringUtils;
+
+import java.io.*;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.Properties;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+
+public class CtxBuilder {
+  private static Logger logger = LoggerFactory.getLogger(CtxBuilder.class);
+
+  /** generate Templates load env variables TODO: load version info */
+  public static CliCtx buildCtx(String[] args) throws LinkisClientRuntimeException {
+    /*
+     user input
+    */
+    CmdTemplate template = CmdTemplateFactory.getTemplateCopy(CliCmdType.UNIVERSAL);
+    Parser parser =
+        new SingleCmdParser()
+            .setMapper(null)
+            .setTemplate(template)
+            .setFitter(new SingleTplFitter());
+
+    ParseResult result = parser.parse(args);
+
+    ParsedTplValidator parsedTplValidator = new ParsedTplValidator();
+    parsedTplValidator.doValidation(result.getParsedTemplate());
+
+    Params params = result.getParams();
+    logger.debug("==========params============\n" + CliUtils.GSON.toJson(params));
+
+    Map<String, ClientProperties> propertiesMap = new HashMap<>();
+
+    LoggerManager.getInformationLogger()
+        .info(
+            "LogFile path: "
+                + System.getProperty(CliKeys.LOG_PATH_KEY)
+                + "/"
+                + System.getProperty(CliKeys.LOG_FILE_KEY));
+    /*
+     default config, -Dconf.root & -Dconf.file specifies config path
+    */
+    // scan config files given root path
+    String configPath = System.getProperty(CliKeys.CLIENT_CONFIG_ROOT_KEY);
+    String defaultConfFileName =
+        System.getProperty(CliKeys.DEFAULT_CONFIG_FILE_NAME_KEY, CliConstants.DEFAULT_CONFIG_NAME);
+
+    if (StringUtils.isBlank(configPath)) {
+      throw new PropsException(
+          "PRP0007",
+          ErrorLevel.ERROR,
+          CommonErrMsg.PropsLoaderErr,
+          "configuration root path specified by env variable: "
+              + CliKeys.CLIENT_CONFIG_ROOT_KEY
+              + " is empty.");
+    }
+
+    List<PropertiesReader> readersList =
+        new PropsFilesScanner().getPropsReaders(configPath); // +1 user config
+    /*
+     user defined config
+    */
+    String userConfPath = null;
+    if (params.containsParam(CliKeys.LINKIS_CLIENT_USER_CONFIG)) {
+      userConfPath =
+          (String) params.getParamItemMap().get(CliKeys.LINKIS_CLIENT_USER_CONFIG).getValue();
+    }
+    if (StringUtils.isNotBlank(userConfPath)) {
+      PropertiesReader reader =
+          new PropsFileReader()
+              .setPropsId(CliKeys.LINKIS_CLIENT_USER_CONFIG)
+              .setPropsPath(userConfPath);
+      readersList.add(reader);
+    } else {
+      LoggerManager.getInformationLogger()
+          .info("User does not provide usr-configuration file. Will use default config");
+    }
+    /*
+    load properties
+    */
+    PropertiesLoader loader =
+        new PropertiesLoader()
+            .addPropertiesReaders(readersList.toArray(new PropertiesReader[readersList.size()]));
+    ClientProperties[] loaderResult = loader.loadProperties();
+    for (ClientProperties properties : loaderResult) {
+      if (StringUtils.equals(properties.getPropsId(), CliKeys.LINKIS_CLIENT_USER_CONFIG)) {
+        for (Map.Entry prop : properties.entrySet()) {
+          if (StringUtils.startsWith(
+              (String) prop.getKey(), CliKeys.LINKIS_CLIENT_NONCUSTOMIZABLE)) {
+            throw new PropsException(
+                "PRP0007",
+                ErrorLevel.ERROR,
+                CommonErrMsg.PropsLoaderErr,
+                "User cannot specify non-customizable configuration: " + prop.getKey());
+          }
+        }
+      }
+      propertiesMap.put(properties.getPropsId(), properties);
+    }
+
+    /*
+     VarAccess for cmd, config
+    */
+    VarAccess varAccess =
+        new VarAccessImpl()
+            .setCmdParams(params)
+            .setUserConf(propertiesMap.get(CliKeys.LINKIS_CLIENT_USER_CONFIG))
+            .setDefaultConf(propertiesMap.get(defaultConfFileName))
+            .init();
+    logger.info("==========std_var============\n" + CliUtils.GSON.toJson(varAccess));
+
+    Properties props = new Properties();
+    try (InputStream inputStream =
+        CtxBuilder.class.getClassLoader().getResourceAsStream("version.properties")) {
+      try (InputStreamReader reader = new InputStreamReader(inputStream)) {
+        try (BufferedReader bufferedReader = new BufferedReader(reader)) {
+          props.load(bufferedReader);
+        }
+      }
+    } catch (Exception e) {
+      logger.warn("Failed to load version info", e);
+    }
+
+    String verion = props.getProperty(CliKeys.VERSION);
+
+    Map<String, Object> extraMap = new HashMap<>();
+    extraMap.put(CliKeys.VERSION, verion);
+
+    return new CliCtxImpl(params.getCmdType(), template, varAccess, extraMap);
+  }
+}
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/LinkisClientApplication.java b/linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/LinkisClientApplication.java
new file mode 100644
index 0000000000..1fb21043a1
--- /dev/null
+++ b/linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/LinkisClientApplication.java
@@ -0,0 +1,193 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+package org.apache.linkis.cli.application;
+
+import org.apache.linkis.cli.application.constants.CliConstants;
+import org.apache.linkis.cli.application.constants.CliKeys;
+import org.apache.linkis.cli.application.entity.command.CmdTemplate;
+import org.apache.linkis.cli.application.entity.context.CliCtx;
+import org.apache.linkis.cli.application.entity.job.Job;
+import org.apache.linkis.cli.application.entity.job.JobResult;
+import org.apache.linkis.cli.application.exception.CommandException;
+import org.apache.linkis.cli.application.interactor.command.CmdTemplateFactory;
+import org.apache.linkis.cli.application.interactor.command.template.UniversalCmdTemplate;
+import org.apache.linkis.cli.application.interactor.job.help.HelpJob;
+import org.apache.linkis.cli.application.interactor.job.interactive.InteractiveJob;
+import org.apache.linkis.cli.application.interactor.job.jobcmd.JobCmdJob;
+import org.apache.linkis.cli.application.interactor.job.once.LinkisOnceJob;
+import org.apache.linkis.cli.application.interactor.job.version.VersionJob;
+import org.apache.linkis.cli.application.operator.OperManager;
+import org.apache.linkis.cli.application.operator.once.OnceOperBuilder;
+import org.apache.linkis.cli.application.operator.ujes.LinkisOperBuilder;
+import org.apache.linkis.cli.application.present.HelpPresenter;
+import org.apache.linkis.cli.application.present.model.HelpInfoModel;
+import org.apache.linkis.cli.application.utils.LoggerManager;
+import org.apache.linkis.cli.application.utils.SchedulerManager;
+
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.exception.ExceptionUtils;
+
+import java.util.HashMap;
+import java.util.Map;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+
+public class LinkisClientApplication {
+  private static Logger logger = LoggerFactory.getLogger(LinkisClientApplication.class);
+
+  private static boolean showHelp = false;
+
+  public static void main(String[] args) {
+    /*
+     generate template
+    */
+    CmdTemplateFactory.register(new UniversalCmdTemplate());
+
+    /*
+    build ctx
+     */
+    CliCtx ctx = null;
+    try {
+      ctx = CtxBuilder.buildCtx(args);
+    } catch (CommandException e) {
+      CmdTemplate template = CmdTemplateFactory.getTemplateOri(e.getCmdType());
+      if (template != null) {
+        HelpInfoModel model = new HelpInfoModel();
+        model.buildModel(ctx.getTemplate());
+        new HelpPresenter().present(model);
+      }
+      LoggerManager.getInformationLogger().error("Failed to build CliCtx", e);
+      System.exit(-1);
+    }
+
+    /*
+    prepare oper
+     */
+    OperManager.register(CliKeys.Linkis_OPER, new LinkisOperBuilder());
+    OperManager.register(CliKeys.LINKIS_ONCE, new OnceOperBuilder());
+
+    /*
+    run job
+     */
+    Job job;
+    if (isVersionCmd(ctx)) {
+      job = new VersionJob();
+    } else if (isHelp(ctx)) {
+      job = new HelpJob();
+    } else if (isJobCmd(ctx)) {
+      job = new JobCmdJob();
+    } else if (isOnceCmd(ctx)) {
+      job = new LinkisOnceJob();
+    } else {
+      job = new InteractiveJob();
+    }
+    job.build(ctx);
+    JobResult result;
+    try {
+      Runtime.getRuntime()
+          .addShutdownHook(
+              new Thread(
+                  () -> {
+                    if (job != null) {
+                      job.onDestroy();
+                    }
+                  }));
+      result = job.run();
+    } catch (Exception e) {
+      logger.error("Failed to execute job", e);
+      result =
+          new JobResult() {
+            @Override
+            public Boolean isSuccess() {
+              return false;
+            }
+
+            @Override
+            public String getMessage() {
+              return "Failed to execute job" + ExceptionUtils.getStackTrace(e);
+            }
+
+            @Override
+            public Map<String, String> getExtraMessage() {
+              return new HashMap<>();
+            }
+          };
+    }
+
+    /*
+    process result
+     */
+    printIndicator(result);
+
+    SchedulerManager.shutDown();
+
+    if (result.isSuccess()) {
+      System.exit(0);
+    } else {
+      System.exit(-1);
+    }
+  }
+
+  private static void printIndicator(JobResult jobResult) {
+    if (jobResult.isSuccess()) {
+      LoggerManager.getPlaintTextLogger().info(CliConstants.SUCCESS_INDICATOR);
+    } else {
+      LoggerManager.getPlaintTextLogger().info(jobResult.getMessage());
+      StringBuilder b = new StringBuilder();
+      for (Map.Entry<String, String> e : jobResult.getExtraMessage().entrySet()) {
+        b.append(e.getKey()).append(":").append(e.getValue()).append(System.lineSeparator());
+      }
+      LoggerManager.getPlaintTextLogger().info(b.toString());
+      LoggerManager.getPlaintTextLogger().info(CliConstants.FAILURE_INDICATOR);
+    }
+  }
+
+  private static Boolean isHelp(CliCtx ctx) {
+    if (ctx.getVarAccess().hasVar(CliKeys.LINKIS_CLIENT_HELP_OPT)) {
+      return true;
+    }
+    return false;
+  }
+
+  private static Boolean isVersionCmd(CliCtx ctx) {
+    if (ctx.getVarAccess().hasVar(CliKeys.VERSION)) {
+      return true;
+    }
+    return false;
+  }
+
+  private static Boolean isJobCmd(CliCtx ctx) {
+    if (ctx.getVarAccess().hasVar(CliKeys.LINKIS_CLIENT_KILL_OPT)
+        || ctx.getVarAccess().hasVar(CliKeys.LINKIS_CLIENT_STATUS_OPT)
+        || ctx.getVarAccess().hasVar(CliKeys.LINKIS_CLIENT_DESC_OPT)
+        || ctx.getVarAccess().hasVar(CliKeys.LINKIS_CLIENT_LOG_OPT)
+        || ctx.getVarAccess().hasVar(CliKeys.LINKIS_CLIENT_RESULT_OPT)
+        || ctx.getVarAccess().hasVar(CliKeys.LINKIS_CLIENT_LIST_OPT)) {
+      return true;
+    }
+    return false;
+  }
+
+  private static Boolean isOnceCmd(CliCtx ctx) {
+    String mode =
+        ctx.getVarAccess()
+            .getVarOrDefault(String.class, CliKeys.LINKIS_CLIENT_MODE_OPT, CliConstants.UJES_MODE);
+    return StringUtils.equalsIgnoreCase(mode, CliConstants.ONCE_MODE);
+  }
+}
diff --git a/linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/interactor/job/interactive/InteractiveJob.java b/linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/interactor/job/interactive/InteractiveJob.java
new file mode 100644
index 0000000000..12e491c5af
--- /dev/null
+++ b/linkis-computation-governance/linkis-client/linkis-cli/src/main/java/org/apache/linkis/cli/application/interactor/job/interactive/InteractiveJob.java
@@ -0,0 +1,268 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+package org.apache.linkis.cli.application.interactor.job.interactive;
+
+import org.apache.linkis.cli.application.constants.CliConstants;
+import org.apache.linkis.cli.application.constants.CliKeys;
+import org.apache.linkis.cli.application.entity.context.CliCtx;
+import org.apache.linkis.cli.application.entity.job.Job;
+import org.apache.linkis.cli.application.entity.job.JobResult;
+import org.apache.linkis.cli.application.exception.LinkisClientExecutionException;
+import org.apache.linkis.cli.application.exception.LinkisClientRuntimeException;
+import org.apache.linkis.cli.application.exception.error.CommonErrMsg;
+import org.apache.linkis.cli.application.exception.error.ErrorLevel;
+import org.apache.linkis.cli.application.interactor.job.common.JobKiller;
+import org.apache.linkis.cli.application.interactor.job.common.LogRetriever;
+import org.apache.linkis.cli.application.interactor.job.common.ResultRetriever;
+import org.apache.linkis.cli.application.operator.OperManager;
+import org.apache.linkis.cli.application.operator.ujes.LinkisJobOper;
+import org.apache.linkis.cli.application.operator.ujes.LinkisOperResultAdapter;
+import org.apache.linkis.cli.application.present.LogPresenter;
+import org.apache.linkis.cli.application.present.ResultPresenter;
+import org.apache.linkis.cli.application.utils.CliUtils;
+import org.apache.linkis.cli.application.utils.LoggerManager;
+
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.exception.ExceptionUtils;
+
+import java.util.HashMap;
+import java.util.Map;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+
+public class InteractiveJob implements Job {
+
+  private static final Logger logger = LoggerFactory.getLogger(InteractiveJob.class);
+
+  private CliCtx ctx;
+
+  private Boolean isAsync = false;
+
+  private LinkisJobOper oper;
+
+  private InteractiveJobDesc desc;
+
+  private String username;
+
+  private String jobId;
+
+  @Override
+  public void build(CliCtx ctx) {
+    this.ctx = ctx;
+    this.isAsync =
+        ctx.getVarAccess().getVarOrDefault(Boolean.class, CliKeys.LINKIS_CLIENT_ASYNC_OPT, false);
+    this.desc = InteractiveJobDescBuilder.build(ctx);
+    this.oper = (LinkisJobOper) OperManager.getNew(CliKeys.Linkis_OPER, ctx);
+  }
+
+  @Override
+  public JobResult run() {
+
+    // Indicator
+    StringBuilder infoBuilder = new StringBuilder();
+    infoBuilder.append("connecting to linkis gateway:").append(oper.getServerUrl());
+    LoggerManager.getInformationLogger().info(infoBuilder.toString());
+    infoBuilder.setLength(0);
+
+    // Submit
+    LinkisOperResultAdapter submitResult = oper.submit(desc);
+    CliUtils.doSleepQuietly(CliConstants.JOB_QUERY_SLEEP_MILLS);
+
+    // JobInfo
+    LinkisOperResultAdapter jobInfoResult =
+        oper.queryJobInfo(submitResult.getUser(), submitResult.getJobID());
+    oper.queryJobStatus(
+        submitResult.getUser(), submitResult.getJobID(), submitResult.getStrongerExecId());
+    infoBuilder.setLength(0);
+    infoBuilder
+        .append("JobId:")
+        .append(submitResult.getJobID())
+        .append(System.lineSeparator())
+        .append("TaskId:")
+        .append(submitResult.getJobID())
+        .append(System.lineSeparator())
+        .append("ExecId:")
+        .append(submitResult.getStrongerExecId());
+    LoggerManager.getPlaintTextLogger().info(infoBuilder.toString());
+    infoBuilder.setLength(0);
+
+    // Submit success or not
+    if (!jobInfoResult.getJobStatus().isJobSubmitted()) {
+      return new InteractiveJobResult(false, "Failed to submit job", new HashMap<>());
+    } else {
+      // Output that job is submitted
+      infoBuilder.append("Job is successfully submitted!").append(System.lineSeparator());
+      LoggerManager.getInformationLogger().info(infoBuilder.toString());
+      infoBuilder.setLength(0);
+      username = submitResult.getUser();
+      jobId = submitResult.getJobID();
+    }
+
+    // async job, return
+    if (isAsync) {
+      return new InteractiveJobResult(
+          jobInfoResult.getJobStatus().isJobSubmitted(),
+          "Async Submission Success",
+          new HashMap<>());
+    }
+
+    CliUtils.doSleepQuietly(2000l);
+
+    // get log while running
+    LogRetriever logRetriever =
+        new LogRetriever(
+            jobInfoResult.getUser(),
+            jobInfoResult.getJobID(),
+            jobInfoResult.getStrongerExecId(),
+            true,
+            oper,
+            new LogPresenter());
+    // async because we need to query job status
+    logRetriever.retrieveLogAsync();
+
+    // wait complete
+    jobInfoResult =
+        waitJobComplete(
+            submitResult.getUser(), submitResult.getJobID(), submitResult.getStrongerExecId());
+    logRetriever.waitIncLogComplete();
+
+    // get result-set
+    String outputPath =
+        ctx.getVarAccess().getVar(String.class, CliKeys.LINKIS_CLIENT_COMMON_OUTPUT_PATH);
+    ResultPresenter presenter;
+    if (StringUtils.isBlank(outputPath)) {
+      presenter = new ResultPresenter();
+    } else {
+      presenter = new ResultPresenter(true, outputPath);
+    }
+
+    ResultRetriever resultRetriever =
+        new ResultRetriever(
+            jobInfoResult.getUser(),
+            jobInfoResult.getJobID(),
+            jobInfoResult.getStrongerExecId(),
+            oper,
+            presenter);
+
+    JobResult result = getResult(jobInfoResult, resultRetriever);
+
+    return result;
+  }
+
+  private JobResult getResult(
+      LinkisOperResultAdapter jobInfoResult, ResultRetriever resultRetriever)
+      throws LinkisClientRuntimeException {
+    if (!jobInfoResult.getJobStatus().isJobSuccess()) {
+      LoggerManager.getInformationLogger()
+          .info(
+              "Job status is not success but \'"
+                  + jobInfoResult.getJobStatus()
+                  + "\'. Will not try to retrieve any Result");
+      Map<String, String> extraMap = new HashMap<>();
+      if (jobInfoResult.getErrCode() != null) {
+        extraMap.put("errorCode", String.valueOf(jobInfoResult.getErrCode()));
+      }
+      if (StringUtils.isNotBlank(jobInfoResult.getErrDesc())) {
+        extraMap.put("errorDesc", jobInfoResult.getErrDesc());
+      }
+      return new InteractiveJobResult(false, "Execute Error!!!", extraMap);
+    }
+    InteractiveJobResult result =
+        new InteractiveJobResult(true, "Execute Success!!!", new HashMap<>());
+    try {
+      resultRetriever.retrieveResultSync();
+      result.setSuccess(true);
+      result.setMessage("execute success!!!");
+    } catch (LinkisClientExecutionException e) {
+      if (e.getCode().equals("EXE0037")) {
+        result.setSuccess(true);
+        result.setMessage("execute success!!!");
+        LoggerManager.getInformationLogger().warn(e.getMessage());
+      } else {
+        result.setSuccess(false);
+        result.setMessage("execute failed!!!\n" + ExceptionUtils.getStackTrace(e));
+      }
+      resultRetriever.setResultFin(); // inform listener to stop
+    } catch (Exception e) {
+      result.setSuccess(false);
+      result.setMessage("execute failed!!!\n" + ExceptionUtils.getStackTrace(e));
+      resultRetriever.setResultFin(); // inform listener to stop
+    }
+    return result;
+  }
+
+  private LinkisOperResultAdapter waitJobComplete(String user, String jobId, String execId)
+      throws LinkisClientRuntimeException {
+    int retryCnt = 0;
+    final int MAX_RETRY = 30;
+
+    LinkisOperResultAdapter jobInfoResult = oper.queryJobInfo(user, jobId);
+    oper.queryJobStatus(user, jobId, execId);
+
+    while (!jobInfoResult.getJobStatus().isJobFinishedState()) {
+      // query progress
+      try {
+        jobInfoResult = oper.queryJobInfo(user, jobId);
+        oper.queryJobStatus(user, jobId, execId);
+      } catch (Exception e) {
+        logger.warn("", e);
+        retryCnt++;
+        if (retryCnt >= MAX_RETRY) {
+          throw new LinkisClientExecutionException(
+              "EXE0013",
+              ErrorLevel.ERROR,
+              CommonErrMsg.ExecutionErr,
+              "Cannot get jobStatus from server continuously for {0} seconds. Client aborted! Error message: \n",
+              MAX_RETRY * 5 * CliConstants.JOB_QUERY_SLEEP_MILLS,
+              e);
+        }
+        CliUtils.doSleepQuietly(
+            5 * CliConstants.JOB_QUERY_SLEEP_MILLS); // maybe server problem. sleep
+        // longer
+        continue;
+      }
+      retryCnt = 0; // reset counter
+      if (jobInfoResult.getJobStatus().isJobAbnormalStatus()) {
+        throw new LinkisClientExecutionException(
+            "EXE0006",
+            ErrorLevel.ERROR,
+            CommonErrMsg.ExecutionErr,
+            "Job is in abnormal status: " + CliUtils.GSON.toJson(jobInfoResult));
+      }
+      CliUtils.doSleepQuietly(CliConstants.JOB_QUERY_SLEEP_MILLS);
+    }
+    return jobInfoResult;
+  }
+
+  @Override
+  public void onDestroy() {
+    if (StringUtils.isBlank(username) || StringUtils.isBlank(jobId)) {
+      logger.warn("Failed to kill job username or jobId is blank");
+      return;
+    }
+    if (isAsync) {
+      return;
+    }
+    try {
+      new JobKiller(oper).doKill(username, jobId);
+    } catch (Exception e) {
+      logger.error("Failed to kill job", e);
+    }
+  }
+}
diff --git a/linkis-public-enhancements/linkis-variable/src/test/resources/linkis.properties b/linkis-computation-governance/linkis-client/linkis-cli/src/main/resources/version.properties
similarity index 86%
rename from linkis-public-enhancements/linkis-variable/src/test/resources/linkis.properties
rename to linkis-computation-governance/linkis-client/linkis-cli/src/main/resources/version.properties
index 1c575edc5b..0da37e5c03 100644
--- a/linkis-public-enhancements/linkis-variable/src/test/resources/linkis.properties
+++ b/linkis-computation-governance/linkis-client/linkis-cli/src/main/resources/version.properties
@@ -1,4 +1,4 @@
-# 
+#
 # Licensed to the Apache Software Foundation (ASF) under one or more
 # contributor license agreements.  See the NOTICE file distributed with
 # this work for additional information regarding copyright ownership.
@@ -13,9 +13,4 @@
 # limitations under the License.
 #
 
-#wds.linkis.test.mode=true
-wds.linkis.server.version=v1
-
-#test
-wds.linkis.test.mode=true
-wds.linkis.test.user=hadoop
\ No newline at end of file
+cli.version=${project.version}
\ No newline at end of file
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/linkis.properties b/linkis-computation-governance/linkis-client/linkis-cli/src/main/resources/version.properties~merged
similarity index 86%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/linkis.properties
rename to linkis-computation-governance/linkis-client/linkis-cli/src/main/resources/version.properties~merged
index 1c575edc5b..0da37e5c03 100644
--- a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/linkis.properties
+++ b/linkis-computation-governance/linkis-client/linkis-cli/src/main/resources/version.properties~merged
@@ -1,4 +1,4 @@
-# 
+#
 # Licensed to the Apache Software Foundation (ASF) under one or more
 # contributor license agreements.  See the NOTICE file distributed with
 # this work for additional information regarding copyright ownership.
@@ -13,9 +13,4 @@
 # limitations under the License.
 #
 
-#wds.linkis.test.mode=true
-wds.linkis.server.version=v1
-
-#test
-wds.linkis.test.mode=true
-wds.linkis.test.user=hadoop
\ No newline at end of file
+cli.version=${project.version}
\ No newline at end of file
diff --git a/linkis-computation-governance/linkis-client/linkis-computation-client/src/main/scala/org/apache/linkis/ujes/client/request/ResultSetAction.scala b/linkis-computation-governance/linkis-client/linkis-computation-client/src/main/scala/org/apache/linkis/ujes/client/request/ResultSetAction.scala
index 6b41b4c62b..9eb748691e 100644
--- a/linkis-computation-governance/linkis-client/linkis-computation-client/src/main/scala/org/apache/linkis/ujes/client/request/ResultSetAction.scala
+++ b/linkis-computation-governance/linkis-client/linkis-computation-client/src/main/scala/org/apache/linkis/ujes/client/request/ResultSetAction.scala
@@ -35,6 +35,9 @@ object ResultSetAction {
     private var pageSize: Int = _
     private var charset: String = Configuration.BDP_ENCODING.getValue
 
+    // default value is :org.apache.linkis.storage.domain.Dolphin.LINKIS_NULL
+    private var nullValue: String = "LINKIS_NULL"
+
     def setUser(user: String): Builder = {
       this.user = user
       this
@@ -60,6 +63,11 @@ object ResultSetAction {
       this
     }
 
+    def setNullValue(nullValue: String): Builder = {
+      this.nullValue = nullValue
+      this
+    }
+
     def build(): ResultSetAction = {
       if (user == null) throw new UJESClientBuilderException("user is needed!")
       if (path == null) throw new UJESClientBuilderException("path is needed!")
@@ -68,6 +76,7 @@ object ResultSetAction {
       if (page > 0) resultSetAction.setParameter("page", page)
       if (pageSize > 0) resultSetAction.setParameter("pageSize", pageSize)
       resultSetAction.setParameter("charset", charset)
+      resultSetAction.setParameter("nullValue", nullValue)
       resultSetAction.setUser(user)
       resultSetAction
     }
diff --git a/linkis-computation-governance/linkis-jdbc-driver/src/main/java/org/apache/linkis/ujes/jdbc/UJESSQLDriver.java b/linkis-computation-governance/linkis-jdbc-driver/src/main/java/org/apache/linkis/ujes/jdbc/UJESSQLDriver.java
index 392f4dd097..c12e2791b3 100644
--- a/linkis-computation-governance/linkis-jdbc-driver/src/main/java/org/apache/linkis/ujes/jdbc/UJESSQLDriver.java
+++ b/linkis-computation-governance/linkis-jdbc-driver/src/main/java/org/apache/linkis/ujes/jdbc/UJESSQLDriver.java
@@ -48,9 +48,7 @@ public class UJESSQLDriver extends UJESSQLDriverMain implements Driver {
   static String TOKEN_VALUE = "value";
   static String PASSWORD = "password";
   static boolean TABLEAU_SERVER = false;
-  static String LIMIT_ENABLED = "true";
-  static String LIMIT = "limit";
-
+  static String FIXED_SESSION = "fixedSession";
   static String VERSION = "version";
   static int DEFAULT_VERSION = 1;
   static String MAX_CONNECTION_SIZE = "maxConnectionSize";
diff --git a/linkis-computation-governance/linkis-jdbc-driver/src/main/java/org/apache/linkis/ujes/jdbc/utils/JDBCUtils.java b/linkis-computation-governance/linkis-jdbc-driver/src/main/java/org/apache/linkis/ujes/jdbc/utils/JDBCUtils.java
index 8f7dcfed12..3e1e7e3182 100644
--- a/linkis-computation-governance/linkis-jdbc-driver/src/main/java/org/apache/linkis/ujes/jdbc/utils/JDBCUtils.java
+++ b/linkis-computation-governance/linkis-jdbc-driver/src/main/java/org/apache/linkis/ujes/jdbc/utils/JDBCUtils.java
@@ -17,10 +17,16 @@
 
 package org.apache.linkis.ujes.jdbc.utils;
 
+import org.apache.linkis.common.utils.Utils;
+
+import java.util.concurrent.atomic.AtomicInteger;
+
 public class JDBCUtils {
 
   private static final char SEARCH_STRING_ESCAPE = '\\';
 
+  public static final AtomicInteger idCreator = new AtomicInteger();
+
   public static String convertPattern(final String pattern) {
     if (pattern == null) {
       return ".*";
@@ -50,4 +56,8 @@ public static String convertPattern(final String pattern) {
       return result.toString();
     }
   }
+
+  public static String getUniqId() {
+    return Utils.getLocalHostname() + "_" + JDBCUtils.idCreator.getAndIncrement();
+  }
 }
diff --git a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/LinkisSQLConnection.scala b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/LinkisSQLConnection.scala
index b800698766..a9b58e153b 100644
--- a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/LinkisSQLConnection.scala
+++ b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/LinkisSQLConnection.scala
@@ -25,6 +25,7 @@ import org.apache.linkis.ujes.client.UJESClient
 import org.apache.linkis.ujes.client.request.JobSubmitAction
 import org.apache.linkis.ujes.client.response.JobExecuteResult
 import org.apache.linkis.ujes.jdbc.UJESSQLDriverMain._
+import org.apache.linkis.ujes.jdbc.utils.JDBCUtils
 
 import org.apache.commons.lang3.StringUtils
 
@@ -99,6 +100,18 @@ class LinkisSQLConnection(private[jdbc] val ujesClient: UJESClient, props: Prope
 
   private[jdbc] val serverURL = props.getProperty("URL")
 
+  private[jdbc] val fixedSessionEnabled =
+    if (
+        props
+          .containsKey(FIXED_SESSION) && "true".equalsIgnoreCase(props.getProperty(FIXED_SESSION))
+    ) {
+      true
+    } else {
+      false
+    }
+
+  private val connectionId = JDBCUtils.getUniqId()
+
   private val labelMap: util.Map[String, AnyRef] = new util.HashMap[String, AnyRef]
 
   private val startupParams: util.Map[String, AnyRef] = new util.HashMap[String, AnyRef]
@@ -444,6 +457,10 @@ class LinkisSQLConnection(private[jdbc] val ujesClient: UJESClient, props: Prope
     labelMap.put(LabelKeyConstant.ENGINE_TYPE_KEY, engineTypeLabel.getStringValue)
     labelMap.put(LabelKeyConstant.USER_CREATOR_TYPE_KEY, s"$user-$creator")
     labelMap.put(LabelKeyConstant.CODE_TYPE_KEY, engineToCodeType(engineTypeLabel.getEngineType))
+    if (fixedSessionEnabled) {
+      labelMap.put(LabelKeyConstant.FIXED_EC_KEY, connectionId)
+      logger.info("Fixed session is enable session id is {}", connectionId)
+    }
 
     val jobSubmitAction = JobSubmitAction.builder
       .addExecuteCode(code)
@@ -462,4 +479,6 @@ class LinkisSQLConnection(private[jdbc] val ujesClient: UJESClient, props: Prope
     result
   }
 
+  override def toString: String = "LinkisConnection_" + connectionId
+
 }
diff --git a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESClientFactory.scala b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESClientFactory.scala
index 517f8b07ae..bea24181a3 100644
--- a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESClientFactory.scala
+++ b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESClientFactory.scala
@@ -66,7 +66,6 @@ object UJESClientFactory extends Logging {
     clientConfigBuilder.setAuthenticationStrategy(new StaticAuthenticationStrategy())
     clientConfigBuilder.readTimeout(100000)
     clientConfigBuilder.maxConnectionSize(20)
-    clientConfigBuilder.readTimeout(10000)
     val params = props.getProperty(PARAMS)
     var versioned = false
     if (StringUtils.isNotBlank(params)) {
diff --git a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESSQLDriverMain.scala b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESSQLDriverMain.scala
index 6296f399e5..ab2f6dda10 100644
--- a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESSQLDriverMain.scala
+++ b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESSQLDriverMain.scala
@@ -29,10 +29,10 @@ import java.sql.{
   DriverPropertyInfo,
   SQLFeatureNotSupportedException
 }
-import java.util.Properties
+import java.util.{Locale, Properties}
 import java.util.logging.Logger
 
-import scala.collection.JavaConversions
+import scala.collection.JavaConverters._
 
 class UJESSQLDriverMain extends Driver with Logging {
 
@@ -72,9 +72,8 @@ class UJESSQLDriverMain extends Driver with Logging {
             case Array(TOKEN_VALUE, value) =>
               props.setProperty(TOKEN_VALUE, value)
               false
-            case Array(LIMIT, value) =>
-              props.setProperty(LIMIT, value)
-              UJESSQLDriverMain.LIMIT_ENABLED = value.toLowerCase()
+            case Array(FIXED_SESSION, value) =>
+              props.setProperty(FIXED_SESSION, value)
               false
             case Array(key, _) =>
               if (StringUtils.isBlank(key)) {
@@ -138,8 +137,7 @@ object UJESSQLDriverMain {
   val TOKEN_VALUE = UJESSQLDriver.TOKEN_VALUE
   val PASSWORD = UJESSQLDriver.PASSWORD
   val TABLEAU_SERVER = UJESSQLDriver.TABLEAU_SERVER
-  val LIMIT = UJESSQLDriver.LIMIT
-  var LIMIT_ENABLED = UJESSQLDriver.LIMIT_ENABLED
+  val FIXED_SESSION = UJESSQLDriver.FIXED_SESSION
 
   val VERSION = UJESSQLDriver.VERSION
   val DEFAULT_VERSION = UJESSQLDriver.DEFAULT_VERSION
@@ -157,8 +155,7 @@ object UJESSQLDriverMain {
       connectionParams: String,
       variableMap: java.util.Map[String, Any]
   ): String = {
-    val variables = JavaConversions
-      .mapAsScalaMap(variableMap)
+    val variables = variableMap.asScala
       .map(kv => VARIABLE_HEADER + kv._1 + KV_SPLIT + kv._2)
       .mkString(PARAM_SPLIT)
     if (StringUtils.isNotBlank(connectionParams)) connectionParams + PARAM_SPLIT + variables
@@ -186,17 +183,20 @@ object UJESSQLDriverMain {
   ): String = {
     val sb = new StringBuilder
     if (StringUtils.isNotBlank(version)) sb.append(VERSION).append(KV_SPLIT).append(version)
-    if (maxConnectionSize > 0)
+    if (maxConnectionSize > 0) {
       sb.append(PARAM_SPLIT).append(MAX_CONNECTION_SIZE).append(KV_SPLIT).append(maxConnectionSize)
-    if (readTimeout > 0)
+    }
+    if (readTimeout > 0) {
       sb.append(PARAM_SPLIT).append(READ_TIMEOUT).append(KV_SPLIT).append(readTimeout)
+    }
     if (enableDiscovery) {
       sb.append(PARAM_SPLIT).append(ENABLE_DISCOVERY).append(KV_SPLIT).append(enableDiscovery)
-      if (enableLoadBalancer)
+      if (enableLoadBalancer) {
         sb.append(PARAM_SPLIT)
           .append(ENABLE_LOADBALANCER)
           .append(KV_SPLIT)
           .append(enableLoadBalancer)
+      }
     }
     if (sb.startsWith(PARAM_SPLIT)) sb.toString.substring(PARAM_SPLIT.length) else sb.toString
   }
diff --git a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESSQLResultSet.scala b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESSQLResultSet.scala
index 5df56733e4..0ed47925c6 100644
--- a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESSQLResultSet.scala
+++ b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/UJESSQLResultSet.scala
@@ -193,7 +193,7 @@ class UJESSQLResultSet(
     if (metaData == null) init()
     currentRowCursor += 1
     if (null == resultSetRow || currentRowCursor > resultSetRow.size() - 1) {
-      if (UJESSQLDriverMain.LIMIT_ENABLED.equals("false") && !isCompleted) {
+      if (!isCompleted) {
         updateResultSet()
         if (isCompleted) {
           return false
@@ -242,7 +242,7 @@ class UJESSQLResultSet(
     } else {
       dataType.toLowerCase(Locale.getDefault) match {
         case null => throw new LinkisSQLException(LinkisSQLErrorCode.METADATA_EMPTY)
-        case "string" => value.toString
+        case "char" | "varchar" | "nvarchar" | "string" => value
         case "short" => value.toShort
         case "int" => value.toInt
         case "long" => value.toLong
@@ -250,11 +250,8 @@ class UJESSQLResultSet(
         case "double" => value.toDouble
         case "boolean" => value.toBoolean
         case "byte" => value.toByte
-        case "char" => value.toString
-        case "timestamp" => value.toString
-        case "varchar" => value.toString
-        case "nvarchar" => value.toString
-        case "date" => value.toString
+        case "timestamp" => value
+        case "date" => value
         case "bigint" => value.toLong
         case "decimal" => value.toDouble
         case "array" => value.toArray
@@ -974,8 +971,9 @@ class UJESSQLResultSet(
     logger.info(s"the value of value is $value and the value of localTimeZone is $localTimeZone")
     if (wasNull()) {
       null
-    } else
+    } else {
       new Timestamp(TIMESTAMP_FORMATTER.withZone(localTimeZone).parseMillis(String.valueOf(value)))
+    }
   }
 
   override def getTimestamp(columnIndex: Int, cal: Calendar): Timestamp = {
diff --git a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/hook/JDBCDriverPreExecutionHook.scala b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/hook/JDBCDriverPreExecutionHook.scala
index ed8936cc77..c7de7d3734 100644
--- a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/hook/JDBCDriverPreExecutionHook.scala
+++ b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/hook/JDBCDriverPreExecutionHook.scala
@@ -34,8 +34,7 @@ object JDBCDriverPreExecutionHook extends Logging {
     val hooks = new ArrayBuffer[JDBCDriverPreExecutionHook]()
     CommonVars(
       "wds.linkis.jdbc.pre.hook.class",
-      "org.apache.linkis.ujes.jdbc.hook.impl.TableauPreExecutionHook," +
-        "org.apache.linkis.ujes.jdbc.hook.impl.NoLimitExecutionHook"
+      "org.apache.linkis.ujes.jdbc.hook.impl.TableauPreExecutionHook"
     ).getValue.split(",") foreach { hookStr =>
       Utils.tryCatch {
         val clazz = Class.forName(hookStr.trim)
diff --git a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/hook/impl/NoLimitExecutionHook.scala b/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/hook/impl/NoLimitExecutionHook.scala
deleted file mode 100644
index 103a544772..0000000000
--- a/linkis-computation-governance/linkis-jdbc-driver/src/main/scala/org/apache/linkis/ujes/jdbc/hook/impl/NoLimitExecutionHook.scala
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-package org.apache.linkis.ujes.jdbc.hook.impl
-
-import org.apache.linkis.ujes.jdbc.UJESSQLDriverMain
-import org.apache.linkis.ujes.jdbc.hook.JDBCDriverPreExecutionHook
-
-import java.util.Locale
-
-class NoLimitExecutionHook extends JDBCDriverPreExecutionHook {
-
-  override def callPreExecutionHook(sql: String, skip: Boolean): String = {
-    if (UJESSQLDriverMain.LIMIT_ENABLED.equalsIgnoreCase("false")) {
-      var noLimitSql = "--set ide.engine.no.limit.allow=true\n" + sql
-      val lowerCaseLimitSql = noLimitSql.toLowerCase()
-      if (lowerCaseLimitSql.contains("limit ") && lowerCaseLimitSql.contains("tableausql")) {
-        val lastIndexOfLimit = lowerCaseLimitSql.lastIndexOf("limit ")
-        noLimitSql = noLimitSql.substring(0, lastIndexOfLimit)
-      }
-      noLimitSql
-    } else {
-      sql
-    }
-
-  }
-
-}
diff --git a/linkis-public-enhancements/linkis-basedata-manager/pom.xml b/linkis-public-enhancements/linkis-basedata-manager/pom.xml
deleted file mode 100644
index da354f9528..0000000000
--- a/linkis-public-enhancements/linkis-basedata-manager/pom.xml
+++ /dev/null
@@ -1,92 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-  ~ Licensed to the Apache Software Foundation (ASF) under one or more
-  ~ contributor license agreements.  See the NOTICE file distributed with
-  ~ this work for additional information regarding copyright ownership.
-  ~ The ASF licenses this file to You under the Apache License, Version 2.0
-  ~ (the "License"); you may not use this file except in compliance with
-  ~ the License.  You may obtain a copy of the License at
-  ~
-  ~   http://www.apache.org/licenses/LICENSE-2.0
-  ~
-  ~ Unless required by applicable law or agreed to in writing, software
-  ~ distributed under the License is distributed on an "AS IS" BASIS,
-  ~ 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.
-  -->
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
-
-  <modelVersion>4.0.0</modelVersion>
-  <parent>
-    <groupId>org.apache.linkis</groupId>
-    <artifactId>linkis</artifactId>
-    <version>${revision}</version>
-    <relativePath>../../pom.xml</relativePath>
-  </parent>
-  <artifactId>linkis-basedata-manager</artifactId>
-  <packaging>jar</packaging>
-  <name>linkis-basedata-manager</name>
-
-  <dependencies>
-
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-module</artifactId>
-      <version>${project.version}</version>
-      <exclusions>
-        <exclusion>
-          <groupId>org.ow2.asm</groupId>
-          <artifactId>asm</artifactId>
-        </exclusion>
-      </exclusions>
-    </dependency>
-
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-mybatis</artifactId>
-      <version>${project.version}</version>
-    </dependency>
-
-  </dependencies>
-
-  <build>
-    <plugins>
-      <plugin>
-        <groupId>net.alchim31.maven</groupId>
-        <artifactId>scala-maven-plugin</artifactId>
-      </plugin>
-
-      <plugin>
-        <groupId>org.apache.maven.plugins</groupId>
-        <artifactId>maven-assembly-plugin</artifactId>
-        <inherited>false</inherited>
-        <configuration>
-          <skipAssembly>false</skipAssembly>
-          <finalName>out</finalName>
-          <appendAssemblyId>false</appendAssemblyId>
-          <attach>false</attach>
-          <descriptors>
-            <descriptor>src/main/assembly/distribution.xml</descriptor>
-          </descriptors>
-        </configuration>
-        <executions>
-          <execution>
-            <id>make-assembly</id>
-            <goals>
-              <goal>single</goal>
-            </goals>
-            <phase>package</phase>
-            <configuration>
-              <descriptors>
-                <descriptor>src/main/assembly/distribution.xml</descriptor>
-              </descriptors>
-            </configuration>
-          </execution>
-        </executions>
-      </plugin>
-
-    </plugins>
-  </build>
-
-</project>
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/resources/linkis.properties b/linkis-public-enhancements/linkis-basedata-manager/src/test/resources/linkis.properties
deleted file mode 100644
index 1c575edc5b..0000000000
--- a/linkis-public-enhancements/linkis-basedata-manager/src/test/resources/linkis.properties
+++ /dev/null
@@ -1,21 +0,0 @@
-# 
-# Licensed to the Apache Software Foundation (ASF) under one or more
-# contributor license agreements.  See the NOTICE file distributed with
-# this work for additional information regarding copyright ownership.
-# The ASF licenses this file to You under the Apache License, Version 2.0
-# (the "License"); you may not use this file except in compliance with
-# the License.  You may obtain a copy of the License at
-# http://www.apache.org/licenses/LICENSE-2.0
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# 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.
-#
-
-#wds.linkis.test.mode=true
-wds.linkis.server.version=v1
-
-#test
-wds.linkis.test.mode=true
-wds.linkis.test.user=hadoop
\ No newline at end of file
diff --git a/linkis-public-enhancements/linkis-context-service/linkis-cs-listener/pom.xml b/linkis-public-enhancements/linkis-context-service/linkis-cs-listener/pom.xml
deleted file mode 100644
index a6e2b00165..0000000000
--- a/linkis-public-enhancements/linkis-context-service/linkis-cs-listener/pom.xml
+++ /dev/null
@@ -1,43 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-  ~ Licensed to the Apache Software Foundation (ASF) under one or more
-  ~ contributor license agreements.  See the NOTICE file distributed with
-  ~ this work for additional information regarding copyright ownership.
-  ~ The ASF licenses this file to You under the Apache License, Version 2.0
-  ~ (the "License"); you may not use this file except in compliance with
-  ~ the License.  You may obtain a copy of the License at
-  ~ 
-  ~   http://www.apache.org/licenses/LICENSE-2.0
-  ~ 
-  ~ Unless required by applicable law or agreed to in writing, software
-  ~ distributed under the License is distributed on an "AS IS" BASIS,
-  ~ 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.
-  -->
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
-  <modelVersion>4.0.0</modelVersion>
-  <parent>
-    <groupId>org.apache.linkis</groupId>
-    <artifactId>linkis</artifactId>
-    <version>${revision}</version>
-    <relativePath>../../../pom.xml</relativePath>
-  </parent>
-
-  <artifactId>linkis-cs-listener</artifactId>
-
-  <dependencies>
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-common</artifactId>
-      <version>${project.version}</version>
-      <scope>provided</scope>
-    </dependency>
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-cs-common</artifactId>
-      <version>${project.version}</version>
-    </dependency>
-  </dependencies>
-
-</project>
diff --git a/linkis-public-enhancements/linkis-datasource/linkis-datasource-manager/server/pom.xml b/linkis-public-enhancements/linkis-datasource/linkis-datasource-manager/server/pom.xml
index 876419156d..cde13d4868 100644
--- a/linkis-public-enhancements/linkis-datasource/linkis-datasource-manager/server/pom.xml
+++ b/linkis-public-enhancements/linkis-datasource/linkis-datasource-manager/server/pom.xml
@@ -91,12 +91,6 @@
       <version>${project.version}</version>
       <scope>provided</scope>
     </dependency>
-    <!--Metadata common-->
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-metadata-query-common</artifactId>
-      <version>${project.version}</version>
-    </dependency>
   </dependencies>
 
   <build>
diff --git a/linkis-public-enhancements/linkis-datasource/linkis-metadata-query/server/src/test/resources/application.properties b/linkis-public-enhancements/linkis-datasource/linkis-metadata-query/server/src/test/resources/application.properties
deleted file mode 100644
index 5572769a68..0000000000
--- a/linkis-public-enhancements/linkis-datasource/linkis-metadata-query/server/src/test/resources/application.properties
+++ /dev/null
@@ -1,19 +0,0 @@
-#
-# Licensed to the Apache Software Foundation (ASF) under one or more
-# contributor license agreements.  See the NOTICE file distributed with
-# this work for additional information regarding copyright ownership.
-# The ASF licenses this file to You under the Apache License, Version 2.0
-# (the "License"); you may not use this file except in compliance with
-# the License.  You may obtain a copy of the License at
-# http://www.apache.org/licenses/LICENSE-2.0
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# 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.
-#
-
-#disable eureka discovery client
-spring.cloud.service-registry.auto-registration.enabled=false
-eureka.client.enabled=false
-eureka.client.serviceUrl.registerWithEureka=false
\ No newline at end of file
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/pom.xml b/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/pom.xml
deleted file mode 100644
index 8c17af97ad..0000000000
--- a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/pom.xml
+++ /dev/null
@@ -1,48 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-  ~ Licensed to the Apache Software Foundation (ASF) under one or more
-  ~ contributor license agreements.  See the NOTICE file distributed with
-  ~ this work for additional information regarding copyright ownership.
-  ~ The ASF licenses this file to You under the Apache License, Version 2.0
-  ~ (the "License"); you may not use this file except in compliance with
-  ~ the License.  You may obtain a copy of the License at
-  ~ 
-  ~   http://www.apache.org/licenses/LICENSE-2.0
-  ~ 
-  ~ Unless required by applicable law or agreed to in writing, software
-  ~ distributed under the License is distributed on an "AS IS" BASIS,
-  ~ 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.
-  -->
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
-  <modelVersion>4.0.0</modelVersion>
-  <parent>
-    <groupId>org.apache.linkis</groupId>
-    <artifactId>linkis</artifactId>
-    <version>${revision}</version>
-    <relativePath>../../../pom.xml</relativePath>
-  </parent>
-
-  <artifactId>linkis-error-code-server</artifactId>
-
-  <dependencies>
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-error-code-common</artifactId>
-      <version>${project.version}</version>
-    </dependency>
-
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-module</artifactId>
-      <scope>provided</scope>
-    </dependency>
-
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-mybatis</artifactId>
-    </dependency>
-  </dependencies>
-
-</project>
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/application.properties b/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/application.properties
deleted file mode 100644
index 1020eb5068..0000000000
--- a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/application.properties
+++ /dev/null
@@ -1,55 +0,0 @@
-#
-# Licensed to the Apache Software Foundation (ASF) under one or more
-# contributor license agreements.  See the NOTICE file distributed with
-# this work for additional information regarding copyright ownership.
-# The ASF licenses this file to You under the Apache License, Version 2.0
-# (the "License"); you may not use this file except in compliance with
-# the License.  You may obtain a copy of the License at
-# http://www.apache.org/licenses/LICENSE-2.0
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# 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.
-#
-
-#wds.linkis.test.mode=true
-wds.linkis.server.version=v1
-
-#test
-wds.linkis.test.mode=true
-wds.linkis.test.user=hadoop
-
-
-##Linkis governance station administrators
-wds.linkis.governance.station.admin=hadoop
-wds.linkis.gateway.conf.publicservice.list=query,jobhistory,application,configuration,filesystem,udf,variable,microservice,errorcode,bml,datasource
-#
-
-#logging.level.root=debug
-#logging.file=./test.log
-#debug=true
-
-spring.datasource.driver-class-name=org.h2.Driver
-spring.datasource.url=jdbc:h2:mem:test;MODE=MySQL;DB_CLOSE_DELAY=-1;DATABASE_TO_LOWER=true
-spring.datasource.schema=classpath:create.sql
-spring.datasource.username=sa
-spring.datasource.password=
-#pgtest
-#spring.datasource.url=jdbc:h2:mem:testPgDb;MODE=PostgreSQL;IGNORECASE=TRUE;DATABASE_TO_LOWER=TRUE;
-#spring.datasource.schema=classpath:create_pg.sql
-
-spring.main.web-application-type=servlet
-server.port=1234
-spring.h2.console.enabled=true
-
-
-#disable eureka discovery client
-spring.cloud.service-registry.auto-registration.enabled=false
-eureka.client.enabled=false
-eureka.client.serviceUrl.registerWithEureka=false
-
-mybatis-plus.mapper-locations=classpath*:mapper/common/*.xml,classpath*:mapper/mysql/*.xml
-#mybatis-plus.mapper-locations=classpath*:mapper/common/*.xml,classpath*:mapper/postgresql/*.xml
-mybatis-plus.type-aliases-package=org.apache.linkis.errorcode.common
-mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl
\ No newline at end of file
diff --git a/linkis-public-enhancements/linkis-error-code/pom.xml b/linkis-public-enhancements/linkis-error-code/pom.xml
deleted file mode 100644
index bf346ac592..0000000000
--- a/linkis-public-enhancements/linkis-error-code/pom.xml
+++ /dev/null
@@ -1,39 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-  ~ Licensed to the Apache Software Foundation (ASF) under one or more
-  ~ contributor license agreements.  See the NOTICE file distributed with
-  ~ this work for additional information regarding copyright ownership.
-  ~ The ASF licenses this file to You under the Apache License, Version 2.0
-  ~ (the "License"); you may not use this file except in compliance with
-  ~ the License.  You may obtain a copy of the License at
-  ~ 
-  ~   http://www.apache.org/licenses/LICENSE-2.0
-  ~ 
-  ~ Unless required by applicable law or agreed to in writing, software
-  ~ distributed under the License is distributed on an "AS IS" BASIS,
-  ~ 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.
-  -->
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
-  <modelVersion>4.0.0</modelVersion>
-  <parent>
-    <groupId>org.apache.linkis</groupId>
-    <artifactId>linkis</artifactId>
-    <version>${revision}</version>
-    <relativePath>../../pom.xml</relativePath>
-  </parent>
-
-  <artifactId>linkis-error-code</artifactId>
-
-  <packaging>pom</packaging>
-
-  <modules>
-
-    <module>linkis-error-code-client</module>
-    <module>linkis-error-code-common</module>
-    <module>linkis-error-code-server</module>
-
-  </modules>
-
-</project>
diff --git a/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-client/pom.xml b/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-client/pom.xml
deleted file mode 100644
index 9c4add9a3c..0000000000
--- a/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-client/pom.xml
+++ /dev/null
@@ -1,54 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-  ~ Licensed to the Apache Software Foundation (ASF) under one or more
-  ~ contributor license agreements.  See the NOTICE file distributed with
-  ~ this work for additional information regarding copyright ownership.
-  ~ The ASF licenses this file to You under the Apache License, Version 2.0
-  ~ (the "License"); you may not use this file except in compliance with
-  ~ the License.  You may obtain a copy of the License at
-  ~ 
-  ~   http://www.apache.org/licenses/LICENSE-2.0
-  ~ 
-  ~ Unless required by applicable law or agreed to in writing, software
-  ~ distributed under the License is distributed on an "AS IS" BASIS,
-  ~ 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.
-  -->
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
-  <modelVersion>4.0.0</modelVersion>
-  <parent>
-    <groupId>org.apache.linkis</groupId>
-    <artifactId>linkis</artifactId>
-    <version>${revision}</version>
-    <relativePath>../../../pom.xml</relativePath>
-  </parent>
-
-  <artifactId>linkis-instance-label-client</artifactId>
-
-  <dependencies>
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-rpc</artifactId>
-      <version>${project.version}</version>
-      <scope>provided</scope>
-    </dependency>
-
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-label-common</artifactId>
-      <version>${project.version}</version>
-    </dependency>
-
-  </dependencies>
-
-  <build>
-    <plugins>
-      <plugin>
-        <groupId>net.alchim31.maven</groupId>
-        <artifactId>scala-maven-plugin</artifactId>
-      </plugin>
-    </plugins>
-  </build>
-
-</project>
diff --git a/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-server/pom.xml b/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-server/pom.xml
index cfcf5ab9b4..bf0ff327f3 100644
--- a/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-server/pom.xml
+++ b/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-server/pom.xml
@@ -6,9 +6,9 @@
   ~ The ASF licenses this file to You under the Apache License, Version 2.0
   ~ (the "License"); you may not use this file except in compliance with
   ~ the License.  You may obtain a copy of the License at
-  ~ 
+  ~
   ~   http://www.apache.org/licenses/LICENSE-2.0
-  ~ 
+  ~
   ~ Unless required by applicable law or agreed to in writing, software
   ~ distributed under the License is distributed on an "AS IS" BASIS,
   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
diff --git a/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-server/src/test/resources/create_pg.sql b/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-server/src/test/resources/create_pg.sql
index 881fa2098b..78e85b75d0 100644
--- a/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-server/src/test/resources/create_pg.sql
+++ b/linkis-public-enhancements/linkis-instance-label/linkis-instance-label-server/src/test/resources/create_pg.sql
@@ -1,65 +1,65 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-DROP TABLE IF EXISTS "linkis_ps_instance_info";
-CREATE TABLE linkis_ps_instance_info (
-	id serial NOT NULL,
-	"instance" varchar(128) NULL,
-	"name" varchar(128) NULL,
-	update_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
-	create_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
-	CONSTRAINT linkis_instance_info_pkey PRIMARY KEY (id)
-);
-CREATE UNIQUE INDEX uniq_instance_ii ON linkis_ps_instance_info USING btree (instance);
-
-
-DROP TABLE IF EXISTS "linkis_ps_instance_label";
-CREATE TABLE linkis_ps_instance_label (
-	id serial NOT NULL,
-	label_key varchar(32) NOT NULL,
-	label_value varchar(255) NOT NULL,
-	label_feature varchar(16) NOT NULL,
-	label_value_size int4 NOT NULL,
-	update_time timestamp(6) NOT NULL DEFAULT CURRENT_TIMESTAMP,
-	create_time timestamp(6) NOT NULL DEFAULT CURRENT_TIMESTAMP,
-	CONSTRAINT linkis_instance_label_pkey PRIMARY KEY (id)
-);
-CREATE UNIQUE INDEX uniq_lk_lv_il ON linkis_ps_instance_label USING btree (label_key, label_value);
-
-DROP TABLE IF EXISTS "linkis_ps_instance_label_relation";
-CREATE TABLE linkis_ps_instance_label_relation (
-	id serial NOT NULL,
-	label_id int4 NULL,
-	service_instance varchar(128) NOT NULL,
-	update_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
-	create_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
-	CONSTRAINT linkis_instance_label_relation_pkey PRIMARY KEY (id)
-);
-CREATE UNIQUE INDEX uniq_lid_instance ON linkis_ps_instance_label_relation USING btree (label_id, service_instance);
-
-
-DROP TABLE IF EXISTS "linkis_ps_instance_label_value_relation";
-CREATE TABLE linkis_ps_instance_label_value_relation (
-	id serial NOT NULL,
-	label_value_key varchar(255) NOT NULL,
-	label_value_content varchar(255) NULL,
-	label_id int4 NULL,
-	update_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
-	create_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
-	CONSTRAINT linkis_ps_instance_label_value_relation_pkey PRIMARY KEY (id)
-);
-CREATE UNIQUE INDEX uniq_lvk_lid_ilvr ON linkis_ps_instance_label_value_relation USING btree (label_value_key, label_id);
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * 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.
+ */
+
+DROP TABLE IF EXISTS "linkis_ps_instance_info";
+CREATE TABLE linkis_ps_instance_info (
+	id serial NOT NULL,
+	"instance" varchar(128) NULL,
+	"name" varchar(128) NULL,
+	update_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
+	create_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
+	CONSTRAINT linkis_instance_info_pkey PRIMARY KEY (id)
+);
+CREATE UNIQUE INDEX uniq_instance_ii ON linkis_ps_instance_info USING btree (instance);
+
+
+DROP TABLE IF EXISTS "linkis_ps_instance_label";
+CREATE TABLE linkis_ps_instance_label (
+	id serial NOT NULL,
+	label_key varchar(32) NOT NULL,
+	label_value varchar(255) NOT NULL,
+	label_feature varchar(16) NOT NULL,
+	label_value_size int4 NOT NULL,
+	update_time timestamp(6) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+	create_time timestamp(6) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+	CONSTRAINT linkis_instance_label_pkey PRIMARY KEY (id)
+);
+CREATE UNIQUE INDEX uniq_lk_lv_il ON linkis_ps_instance_label USING btree (label_key, label_value);
+
+DROP TABLE IF EXISTS "linkis_ps_instance_label_relation";
+CREATE TABLE linkis_ps_instance_label_relation (
+	id serial NOT NULL,
+	label_id int4 NULL,
+	service_instance varchar(128) NOT NULL,
+	update_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
+	create_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
+	CONSTRAINT linkis_instance_label_relation_pkey PRIMARY KEY (id)
+);
+CREATE UNIQUE INDEX uniq_lid_instance ON linkis_ps_instance_label_relation USING btree (label_id, service_instance);
+
+
+DROP TABLE IF EXISTS "linkis_ps_instance_label_value_relation";
+CREATE TABLE linkis_ps_instance_label_value_relation (
+	id serial NOT NULL,
+	label_value_key varchar(255) NOT NULL,
+	label_value_content varchar(255) NULL,
+	label_id int4 NULL,
+	update_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
+	create_time timestamp(6) NULL DEFAULT CURRENT_TIMESTAMP,
+	CONSTRAINT linkis_ps_instance_label_value_relation_pkey PRIMARY KEY (id)
+);
+CREATE UNIQUE INDEX uniq_lvk_lid_ilvr ON linkis_ps_instance_label_value_relation USING btree (label_value_key, label_id);
diff --git a/linkis-public-enhancements/linkis-datasource/linkis-metadata-query/server/pom.xml b/linkis-public-enhancements/linkis-pes-publicservice/pom.xml
similarity index 66%
rename from linkis-public-enhancements/linkis-datasource/linkis-metadata-query/server/pom.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/pom.xml
index 21705e23f9..fb5de1197b 100644
--- a/linkis-public-enhancements/linkis-datasource/linkis-metadata-query/server/pom.xml
+++ b/linkis-public-enhancements/linkis-pes-publicservice/pom.xml
@@ -23,7 +23,8 @@
     <version>${revision}</version>
     <relativePath>../../../../pom.xml</relativePath>
   </parent>
-  <artifactId>linkis-metadata-query-server</artifactId>
+  <artifactId>linkis-pes-publicservice</artifactId>
+  <packaging>jar</packaging>
 
   <dependencies>
     <!--Metadata common-->
@@ -51,6 +52,59 @@
       <version>${project.version}</version>
       <scope>provided</scope>
     </dependency>
+
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-pes-common</artifactId>
+      <version>${project.version}</version>
+    </dependency>
+
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-pes-client</artifactId>
+      <version>${project.version}</version>
+      <exclusions>
+        <exclusion>
+          <groupId>org.apache.linkis</groupId>
+          <artifactId>linkis-storage</artifactId>
+        </exclusion>
+      </exclusions>
+    </dependency>
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-storage</artifactId>
+      <version>${project.version}</version>
+      <scope>provided</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.springframework.boot</groupId>
+      <artifactId>spring-boot-starter-quartz</artifactId>
+      <exclusions>
+        <exclusion>
+          <groupId>org.springframework.boot</groupId>
+          <artifactId>spring-boot-starter-logging</artifactId>
+        </exclusion>
+      </exclusions>
+    </dependency>
+
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-rpc</artifactId>
+      <version>${project.version}</version>
+      <scope>provided</scope>
+    </dependency>
+
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-io_file-client</artifactId>
+      <version>${project.version}</version>
+    </dependency>
+
+    <dependency>
+      <groupId>com.github.oshi</groupId>
+      <artifactId>oshi-core</artifactId>
+      <version>6.2.1</version>
+    </dependency>
   </dependencies>
 
   <build>
diff --git a/linkis-public-enhancements/linkis-pes-publicservice/pom.xml~merged b/linkis-public-enhancements/linkis-pes-publicservice/pom.xml~merged
new file mode 100644
index 0000000000..41f456493f
--- /dev/null
+++ b/linkis-public-enhancements/linkis-pes-publicservice/pom.xml~merged
@@ -0,0 +1,188 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+  <modelVersion>4.0.0</modelVersion>
+  <parent>
+    <groupId>org.apache.linkis</groupId>
+    <artifactId>linkis</artifactId>
+    <version>${revision}</version>
+<<<<<<< HEAD
+    <relativePath>../../pom.xml</relativePath>
+  </parent>
+
+  <artifactId>linkis-pes-publicservice</artifactId>
+  <packaging>jar</packaging>
+
+  <dependencies>
+
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-module</artifactId>
+=======
+    <relativePath>../../../../pom.xml</relativePath>
+  </parent>
+<<<<<<< HEAD:linkis-public-enhancements/linkis-datasource/linkis-metadata-query/server/pom.xml
+  <artifactId>linkis-metadata-query-server</artifactId>
+=======
+
+  <artifactId>linkis-pes-publicservice</artifactId>
+  <packaging>jar</packaging>
+>>>>>>> 9f1dd091197d8e1c08459e0446ccfcf8bf5e25c1:linkis-public-enhancements/linkis-pes-publicservice/pom.xml
+
+  <dependencies>
+    <!--Metadata common-->
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-metadata-query-common</artifactId>
+      <version>${project.version}</version>
+    </dependency>
+    <!-- data source manager common dependency-->
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-datasource-manager-common</artifactId>
+>>>>>>> 9f1dd091197d8e1c08459e0446ccfcf8bf5e25c1
+      <version>${project.version}</version>
+      <exclusions>
+        <exclusion>
+          <groupId>org.ow2.asm</groupId>
+          <artifactId>asm</artifactId>
+        </exclusion>
+      </exclusions>
+    </dependency>
+<<<<<<< HEAD
+
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-mybatis</artifactId>
+      <version>${project.version}</version>
+    </dependency>
+=======
+    <!--rpc-->
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-rpc</artifactId>
+      <version>${project.version}</version>
+      <scope>provided</scope>
+    </dependency>
+<<<<<<< HEAD:linkis-public-enhancements/linkis-datasource/linkis-metadata-query/server/pom.xml
+=======
+>>>>>>> 9f1dd091197d8e1c08459e0446ccfcf8bf5e25c1
+
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-pes-common</artifactId>
+      <version>${project.version}</version>
+    </dependency>
+
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-pes-client</artifactId>
+      <version>${project.version}</version>
+      <exclusions>
+        <exclusion>
+          <groupId>org.apache.linkis</groupId>
+          <artifactId>linkis-storage</artifactId>
+        </exclusion>
+      </exclusions>
+    </dependency>
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-storage</artifactId>
+      <version>${project.version}</version>
+      <scope>provided</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.springframework.boot</groupId>
+      <artifactId>spring-boot-starter-quartz</artifactId>
+      <exclusions>
+        <exclusion>
+          <groupId>org.springframework.boot</groupId>
+          <artifactId>spring-boot-starter-logging</artifactId>
+        </exclusion>
+      </exclusions>
+    </dependency>
+
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-rpc</artifactId>
+      <version>${project.version}</version>
+      <scope>provided</scope>
+    </dependency>
+
+    <dependency>
+      <groupId>org.apache.linkis</groupId>
+      <artifactId>linkis-io_file-client</artifactId>
+      <version>${project.version}</version>
+    </dependency>
+
+    <dependency>
+      <groupId>com.github.oshi</groupId>
+      <artifactId>oshi-core</artifactId>
+      <version>6.2.1</version>
+    </dependency>
+<<<<<<< HEAD
+=======
+>>>>>>> 9f1dd091197d8e1c08459e0446ccfcf8bf5e25c1:linkis-public-enhancements/linkis-pes-publicservice/pom.xml
+>>>>>>> 9f1dd091197d8e1c08459e0446ccfcf8bf5e25c1
+  </dependencies>
+
+  <build>
+    <plugins>
+      <plugin>
+        <groupId>net.alchim31.maven</groupId>
+        <artifactId>scala-maven-plugin</artifactId>
+      </plugin>
+
+      <plugin>
+        <groupId>org.apache.maven.plugins</groupId>
+        <artifactId>maven-assembly-plugin</artifactId>
+        <inherited>false</inherited>
+        <configuration>
+          <skipAssembly>false</skipAssembly>
+          <finalName>out</finalName>
+          <appendAssemblyId>false</appendAssemblyId>
+          <attach>false</attach>
+          <descriptors>
+            <descriptor>src/main/assembly/distribution.xml</descriptor>
+          </descriptors>
+        </configuration>
+        <executions>
+          <execution>
+            <id>make-assembly</id>
+            <goals>
+              <goal>single</goal>
+            </goals>
+            <phase>package</phase>
+            <configuration>
+              <descriptors>
+                <descriptor>src/main/assembly/distribution.xml</descriptor>
+              </descriptors>
+            </configuration>
+          </execution>
+        </executions>
+      </plugin>
+<<<<<<< HEAD
+
+    </plugins>
+  </build>
+
+=======
+    </plugins>
+  </build>
+>>>>>>> 9f1dd091197d8e1c08459e0446ccfcf8bf5e25c1
+</project>
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/assembly/distribution.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/assembly/distribution.xml
similarity index 99%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/assembly/distribution.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/assembly/distribution.xml
index 5183fc6518..c389e0b962 100644
--- a/linkis-public-enhancements/linkis-basedata-manager/src/main/assembly/distribution.xml
+++ b/linkis-public-enhancements/linkis-pes-publicservice/src/main/assembly/distribution.xml
@@ -18,12 +18,12 @@
 
 <assembly xmlns="http://maven.apache.org/ASSEMBLY/2.1.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://maven.apache.org/ASSEMBLY/2.1.1 https://maven.apache.org/xsd/assembly-2.1.1.xsd">
-    <id>linkis-basedata-manager</id>
+    <id>linkis-pes-publicservice</id>
     <formats>
         <format>dir</format>
     </formats>
     <includeBaseDirectory>false</includeBaseDirectory>
-    <baseDirectory>linkis-basedata-manager</baseDirectory>
+    <baseDirectory>linkis-pes-publicservice</baseDirectory>
 
     <dependencySets>
         <dependencySet>
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/LinkisBasedataManagerApplication.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/LinkisBasedataManagerApplication.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/LinkisBasedataManagerApplication.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/LinkisBasedataManagerApplication.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/CgManagerLabelMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/CgManagerLabelMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/CgManagerLabelMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/CgManagerLabelMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigKeyMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigKeyMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigKeyMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigKeyMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigValueMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigValueMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigValueMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigValueMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationKeyEngineRelationMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationKeyEngineRelationMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationKeyEngineRelationMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationKeyEngineRelationMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceAccessMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceAccessMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceAccessMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceAccessMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceEnvMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceEnvMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceEnvMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceEnvMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeKeyMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeKeyMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeKeyMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeKeyMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/EngineConnPluginBmlResourcesMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/EngineConnPluginBmlResourcesMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/EngineConnPluginBmlResourcesMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/EngineConnPluginBmlResourcesMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/GatewayAuthTokenMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/GatewayAuthTokenMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/GatewayAuthTokenMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/GatewayAuthTokenMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/PsErrorCodeMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/PsErrorCodeMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/PsErrorCodeMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/PsErrorCodeMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/RmExternalResourceProviderMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/RmExternalResourceProviderMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/RmExternalResourceProviderMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/RmExternalResourceProviderMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/UdfManagerMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/UdfManagerMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/UdfManagerMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/UdfManagerMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/UdfTreeMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/UdfTreeMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/dao/UdfTreeMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/dao/UdfTreeMapper.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/CgManagerLabel.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/CgManagerLabel.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/CgManagerLabel.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/CgManagerLabel.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationConfigKey.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationConfigKey.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationConfigKey.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationConfigKey.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationConfigValue.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationConfigValue.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationConfigValue.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationConfigValue.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationKeyEngineRelation.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationKeyEngineRelation.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationKeyEngineRelation.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/ConfigurationKeyEngineRelation.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceAccessEntity.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceAccessEntity.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceAccessEntity.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceAccessEntity.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceEnvEntity.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceEnvEntity.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceEnvEntity.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceEnvEntity.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceTypeEntity.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceTypeEntity.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceTypeEntity.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceTypeEntity.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceTypeKeyEntity.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceTypeKeyEntity.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceTypeKeyEntity.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/DatasourceTypeKeyEntity.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/EngineConnPluginBmlResources.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/EngineConnPluginBmlResources.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/EngineConnPluginBmlResources.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/EngineConnPluginBmlResources.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/ErrorCodeEntity.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/ErrorCodeEntity.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/ErrorCodeEntity.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/ErrorCodeEntity.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/GatewayAuthTokenEntity.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/GatewayAuthTokenEntity.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/GatewayAuthTokenEntity.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/GatewayAuthTokenEntity.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/RmExternalResourceProviderEntity.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/RmExternalResourceProviderEntity.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/RmExternalResourceProviderEntity.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/RmExternalResourceProviderEntity.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/UdfManagerEntity.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/UdfManagerEntity.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/UdfManagerEntity.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/UdfManagerEntity.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/UdfTreeEntity.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/UdfTreeEntity.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/domain/UdfTreeEntity.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/domain/UdfTreeEntity.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/request/ConfigurationTemplateSaveRequest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/request/ConfigurationTemplateSaveRequest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/request/ConfigurationTemplateSaveRequest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/request/ConfigurationTemplateSaveRequest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/response/EngineLabelResponse.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/response/EngineLabelResponse.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/response/EngineLabelResponse.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/response/EngineLabelResponse.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/ConfigurationTemplateRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/ConfigurationTemplateRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/ConfigurationTemplateRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/ConfigurationTemplateRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceAccessRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceAccessRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceAccessRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceAccessRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceEnvRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceEnvRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceEnvRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceEnvRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeKeyRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeKeyRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeKeyRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeKeyRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/ErrorCodeRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/ErrorCodeRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/ErrorCodeRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/ErrorCodeRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/GatewayAuthTokenRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/GatewayAuthTokenRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/GatewayAuthTokenRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/GatewayAuthTokenRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/RmExternalResourceProviderRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/RmExternalResourceProviderRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/RmExternalResourceProviderRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/RmExternalResourceProviderRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/UdfManagerRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/UdfManagerRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/UdfManagerRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/UdfManagerRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/UdfTreeRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/UdfTreeRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/restful/UdfTreeRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/restful/UdfTreeRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/ConfigurationTemplateService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/ConfigurationTemplateService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/ConfigurationTemplateService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/ConfigurationTemplateService.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceAccessService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceAccessService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceAccessService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceAccessService.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceEnvService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceEnvService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceEnvService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceEnvService.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeKeyService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeKeyService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeKeyService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeKeyService.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeService.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/ErrorCodeService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/ErrorCodeService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/ErrorCodeService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/ErrorCodeService.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/GatewayAuthTokenService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/GatewayAuthTokenService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/GatewayAuthTokenService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/GatewayAuthTokenService.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/RmExternalResourceProviderService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/RmExternalResourceProviderService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/RmExternalResourceProviderService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/RmExternalResourceProviderService.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/UdfManagerService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/UdfManagerService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/UdfManagerService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/UdfManagerService.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/UdfTreeService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/UdfTreeService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/UdfTreeService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/UdfTreeService.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/ConfigurationTemplateServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/ConfigurationTemplateServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/ConfigurationTemplateServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/ConfigurationTemplateServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceAccessServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceAccessServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceAccessServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceAccessServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceEnvServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceEnvServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceEnvServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceEnvServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceTypeKeyServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceTypeKeyServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceTypeKeyServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceTypeKeyServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceTypeServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceTypeServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceTypeServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/DatasourceTypeServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/ErrorCodeServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/ErrorCodeServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/ErrorCodeServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/ErrorCodeServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/GatewayAuthTokenServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/GatewayAuthTokenServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/GatewayAuthTokenServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/GatewayAuthTokenServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/RmExternalResourceProviderServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/RmExternalResourceProviderServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/RmExternalResourceProviderServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/RmExternalResourceProviderServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/UdfManagerServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/UdfManagerServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/UdfManagerServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/UdfManagerServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/UdfTreeServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/UdfTreeServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/UdfTreeServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/basedatamanager/server/service/impl/UdfTreeServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/java/org/apache/linkis/errorcode/server/ErrorCodeServer.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/errorcode/server/ErrorCodeServer.java
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/java/org/apache/linkis/errorcode/server/ErrorCodeServer.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/errorcode/server/ErrorCodeServer.java
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/java/org/apache/linkis/errorcode/server/dao/ErrorCodeMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/errorcode/server/dao/ErrorCodeMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/java/org/apache/linkis/errorcode/server/dao/ErrorCodeMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/errorcode/server/dao/ErrorCodeMapper.java
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/java/org/apache/linkis/errorcode/server/restful/LinkisErrorCodeRestful.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/errorcode/server/restful/LinkisErrorCodeRestful.java
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/java/org/apache/linkis/errorcode/server/restful/LinkisErrorCodeRestful.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/errorcode/server/restful/LinkisErrorCodeRestful.java
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/java/org/apache/linkis/errorcode/server/service/LinkisErrorCodeService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/errorcode/server/service/LinkisErrorCodeService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/java/org/apache/linkis/errorcode/server/service/LinkisErrorCodeService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/errorcode/server/service/LinkisErrorCodeService.java
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/java/org/apache/linkis/errorcode/server/service/impl/LinkisErrorCodeServiceImpl.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/errorcode/server/service/impl/LinkisErrorCodeServiceImpl.java
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/java/org/apache/linkis/errorcode/server/service/impl/LinkisErrorCodeServiceImpl.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/errorcode/server/service/impl/LinkisErrorCodeServiceImpl.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/LinkisPublicServiceApp.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/LinkisPublicServiceApp.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/LinkisPublicServiceApp.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/LinkisPublicServiceApp.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/conf/WorkSpaceConfiguration.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/conf/WorkSpaceConfiguration.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/conf/WorkSpaceConfiguration.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/conf/WorkSpaceConfiguration.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/constant/WorkSpaceConstants.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/constant/WorkSpaceConstants.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/constant/WorkSpaceConstants.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/constant/WorkSpaceConstants.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/entity/DirFileTree.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/entity/DirFileTree.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/entity/DirFileTree.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/entity/DirFileTree.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/entity/LogLevel.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/entity/LogLevel.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/entity/LogLevel.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/entity/LogLevel.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/exception/WorkSpaceException.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/exception/WorkSpaceException.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/exception/WorkSpaceException.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/exception/WorkSpaceException.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/exception/WorkspaceExceptionManager.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/exception/WorkspaceExceptionManager.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/exception/WorkspaceExceptionManager.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/exception/WorkspaceExceptionManager.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/restful/api/BMLFsRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/restful/api/BMLFsRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/restful/api/BMLFsRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/restful/api/BMLFsRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/restful/api/FsRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/restful/api/FsRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/restful/api/FsRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/restful/api/FsRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/util/WorkspaceUtil.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/util/WorkspaceUtil.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/java/org/apache/linkis/filesystem/util/WorkspaceUtil.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/filesystem/util/WorkspaceUtil.java
diff --git a/linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/dao/VarMapper.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/dao/VarMapper.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/dao/VarMapper.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/dao/VarMapper.java
diff --git a/linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/entity/VarKey.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/entity/VarKey.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/entity/VarKey.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/entity/VarKey.java
diff --git a/linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/entity/VarKeyAndValue.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/entity/VarKeyAndValue.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/entity/VarKeyAndValue.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/entity/VarKeyAndValue.java
diff --git a/linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/entity/VarKeyUser.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/entity/VarKeyUser.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/entity/VarKeyUser.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/entity/VarKeyUser.java
diff --git a/linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/entity/VarKeyValueVO.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/entity/VarKeyValueVO.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/entity/VarKeyValueVO.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/entity/VarKeyValueVO.java
diff --git a/linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/entity/VarTree.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/entity/VarTree.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/entity/VarTree.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/entity/VarTree.java
diff --git a/linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/exception/VariableException.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/exception/VariableException.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/exception/VariableException.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/exception/VariableException.java
diff --git a/linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/restful/api/VariableRestfulApi.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/restful/api/VariableRestfulApi.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/restful/api/VariableRestfulApi.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/restful/api/VariableRestfulApi.java
diff --git a/linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/service/VariableService.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/service/VariableService.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/service/VariableService.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/service/VariableService.java
diff --git a/linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/util/Constants.java b/linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/util/Constants.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/java/org/apache/linkis/variable/util/Constants.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/java/org/apache/linkis/variable/util/Constants.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/CgManagerLabelMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/common/CgManagerLabelMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/CgManagerLabelMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/common/CgManagerLabelMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/ConfigurationConfigValueMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/common/ConfigurationConfigValueMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/ConfigurationConfigValueMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/common/ConfigurationConfigValueMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/ConfigurationKeyEngineRelationMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/common/ConfigurationKeyEngineRelationMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/ConfigurationKeyEngineRelationMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/common/ConfigurationKeyEngineRelationMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/EngineConnPluginBmlResourcesMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/common/EngineConnPluginBmlResourcesMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/EngineConnPluginBmlResourcesMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/common/EngineConnPluginBmlResourcesMapper.xml
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/resources/mapper/common/ErrorCodeMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/common/ErrorCodeMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/main/resources/mapper/common/ErrorCodeMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/common/ErrorCodeMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/mysql/ConfigurationConfigKeyMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/ConfigurationConfigKeyMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/mysql/ConfigurationConfigKeyMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/ConfigurationConfigKeyMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/DatasourceAccessMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/DatasourceAccessMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/DatasourceAccessMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/DatasourceAccessMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/DatasourceEnvMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/DatasourceEnvMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/DatasourceEnvMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/DatasourceEnvMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/mysql/DatasourceTypeKeyMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/DatasourceTypeKeyMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/mysql/DatasourceTypeKeyMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/DatasourceTypeKeyMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/mysql/DatasourceTypeMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/DatasourceTypeMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/mysql/DatasourceTypeMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/DatasourceTypeMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/GatewayAuthTokenMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/GatewayAuthTokenMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/GatewayAuthTokenMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/GatewayAuthTokenMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/mysql/PsErrorCodeMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/PsErrorCodeMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/mysql/PsErrorCodeMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/PsErrorCodeMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/RmExternalResourceProviderMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/RmExternalResourceProviderMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/RmExternalResourceProviderMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/RmExternalResourceProviderMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/UdfManagerMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/UdfManagerMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/UdfManagerMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/UdfManagerMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/UdfTreeMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/UdfTreeMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/common/UdfTreeMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/UdfTreeMapper.xml
diff --git a/linkis-public-enhancements/linkis-variable/src/main/resources/mapper/mysql/VarMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/VarMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/resources/mapper/mysql/VarMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/mysql/VarMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/postgresql/ConfigurationConfigKeyMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/ConfigurationConfigKeyMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/postgresql/ConfigurationConfigKeyMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/ConfigurationConfigKeyMapper.xml
diff --git a/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceAccessMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceAccessMapper.xml
new file mode 100644
index 0000000000..14a96f82b7
--- /dev/null
+++ b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceAccessMapper.xml
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+
+<!DOCTYPE mapper
+        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+
+<mapper namespace="org.apache.linkis.basedatamanager.server.dao.DatasourceAccessMapper">
+
+    <resultMap id="BaseResultMap" type="org.apache.linkis.basedatamanager.server.domain.DatasourceAccessEntity">
+            <id property="id" column="id" jdbcType="BIGINT"/>
+            <result property="tableId" column="table_id" jdbcType="BIGINT"/>
+            <result property="visitor" column="visitor" jdbcType="VARCHAR"/>
+            <result property="fields" column="fields" jdbcType="VARCHAR"/>
+            <result property="applicationId" column="application_id" jdbcType="INTEGER"/>
+            <result property="accessTime" column="access_time" jdbcType="TIMESTAMP"/>
+    </resultMap>
+
+    <sql id="Base_Column_List">
+        id,table_id,visitor,
+        fields,application_id,access_time
+    </sql>
+
+    <select id="getListByPage" resultMap="BaseResultMap">
+        SELECT
+        <include refid="Base_Column_List"></include>
+        FROM linkis_ps_datasource_access
+        <if test="searchName != null and searchName!=''">
+            WHERE visitor LIKE concat('%',#{searchName}::text,'%')
+            OR fields LIKE concat('%',#{searchName}::text,'%')
+        </if>
+    </select>
+</mapper>
diff --git a/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceEnvMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceEnvMapper.xml
new file mode 100644
index 0000000000..ecff962236
--- /dev/null
+++ b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceEnvMapper.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+<!DOCTYPE mapper
+        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="org.apache.linkis.basedatamanager.server.dao.DatasourceEnvMapper">
+
+    <resultMap id="BaseResultMap" type="org.apache.linkis.basedatamanager.server.domain.DatasourceEnvEntity">
+            <id property="id" column="id" jdbcType="INTEGER"/>
+            <result property="envName" column="env_name" jdbcType="VARCHAR"/>
+            <result property="envDesc" column="env_desc" jdbcType="VARCHAR"/>
+            <result property="datasourceTypeId" column="datasource_type_id" jdbcType="INTEGER"/>
+            <result property="parameter" column="parameter" jdbcType="VARCHAR"/>
+            <result property="createTime" column="create_time" jdbcType="TIMESTAMP"/>
+            <result property="createUser" column="create_user" jdbcType="VARCHAR"/>
+            <result property="modifyTime" column="modify_time" jdbcType="TIMESTAMP"/>
+            <result property="modifyUser" column="modify_user" jdbcType="VARCHAR"/>
+    </resultMap>
+
+    <sql id="Base_Column_List">
+        id,env_name,env_desc,
+        datasource_type_id,parameter,create_time,
+        create_user,modify_time,modify_user
+    </sql>
+
+    <select id="getListByPage" resultMap="BaseResultMap">
+        SELECT
+        <include refid="Base_Column_List"></include>
+        FROM linkis_ps_dm_datasource_env
+        <if test="searchName != null and searchName!=''">
+            WHERE env_name LIKE concat('%',#{searchName}::text,'%')
+            OR env_desc LIKE concat('%',#{searchName}::text,'%')
+            OR parameter LIKE concat('%',#{searchName}::text,'%')
+        </if>
+    </select>
+</mapper>
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/postgresql/DatasourceTypeKeyMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceTypeKeyMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/postgresql/DatasourceTypeKeyMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceTypeKeyMapper.xml
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/postgresql/DatasourceTypeMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceTypeMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/postgresql/DatasourceTypeMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/DatasourceTypeMapper.xml
diff --git a/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/GatewayAuthTokenMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/GatewayAuthTokenMapper.xml
new file mode 100644
index 0000000000..80051880b4
--- /dev/null
+++ b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/GatewayAuthTokenMapper.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+<!DOCTYPE mapper
+        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="org.apache.linkis.basedatamanager.server.dao.GatewayAuthTokenMapper">
+
+    <resultMap id="BaseResultMap" type="org.apache.linkis.basedatamanager.server.domain.GatewayAuthTokenEntity">
+            <id property="id" column="id" jdbcType="INTEGER"/>
+            <result property="tokenName" column="token_name" jdbcType="VARCHAR"/>
+            <result property="legalUsers" column="legal_users" jdbcType="VARCHAR"/>
+            <result property="legalHosts" column="legal_hosts" jdbcType="VARCHAR"/>
+            <result property="businessOwner" column="business_owner" jdbcType="VARCHAR"/>
+            <result property="createTime" column="create_time" jdbcType="DATE"/>
+            <result property="updateTime" column="update_time" jdbcType="DATE"/>
+            <result property="elapseDay" column="elapse_day" jdbcType="BIGINT"/>
+            <result property="updateBy" column="update_by" jdbcType="VARCHAR"/>
+    </resultMap>
+
+    <sql id="Base_Column_List">
+        id,token_name,legal_users,
+        legal_hosts,business_owner,create_time,
+        update_time,elapse_day,update_by
+    </sql>
+
+    <select id="getListByPage" resultMap="BaseResultMap">
+        SELECT
+        <include refid="Base_Column_List"></include>
+        FROM linkis_mg_gateway_auth_token
+        <if test="searchName != null and searchName!=''">
+            WHERE token_name LIKE concat('%',#{searchName}::text,'%')
+            OR legal_users LIKE concat('%',#{searchName}::text,'%')
+            OR legal_hosts LIKE concat('%',#{searchName}::text,'%')
+        </if>
+    </select>
+</mapper>
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/postgresql/PsErrorCodeMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/PsErrorCodeMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/main/resources/mapper/postgresql/PsErrorCodeMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/PsErrorCodeMapper.xml
diff --git a/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/RmExternalResourceProviderMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/RmExternalResourceProviderMapper.xml
new file mode 100644
index 0000000000..b27c8dcd9f
--- /dev/null
+++ b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/RmExternalResourceProviderMapper.xml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+<!DOCTYPE mapper
+        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="org.apache.linkis.basedatamanager.server.dao.RmExternalResourceProviderMapper">
+
+    <resultMap id="BaseResultMap" type="org.apache.linkis.basedatamanager.server.domain.RmExternalResourceProviderEntity">
+            <id property="id" column="id" jdbcType="INTEGER"/>
+            <result property="resourceType" column="resource_type" jdbcType="VARCHAR"/>
+            <result property="name" column="name" jdbcType="VARCHAR"/>
+            <result property="labels" column="labels" jdbcType="VARCHAR"/>
+            <result property="config" column="config" jdbcType="VARCHAR"/>
+    </resultMap>
+
+    <sql id="Base_Column_List">
+        id,resource_type,name,
+        labels,config
+    </sql>
+
+    <select id="getListByPage" resultMap="BaseResultMap">
+        SELECT
+        <include refid="Base_Column_List"></include>
+        FROM linkis_cg_rm_external_resource_provider
+        <if test="searchName != null and searchName!=''">
+            WHERE resource_type LIKE concat('%',#{searchName}::text,'%')
+            OR name LIKE concat('%',#{searchName}::text,'%')
+            OR labels LIKE concat('%',#{searchName}::text,'%')
+            OR config LIKE concat('%',#{searchName}::text,'%')
+        </if>
+    </select>
+</mapper>
diff --git a/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/UdfManagerMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/UdfManagerMapper.xml
new file mode 100644
index 0000000000..799243f9fb
--- /dev/null
+++ b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/UdfManagerMapper.xml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+<!DOCTYPE mapper
+        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="org.apache.linkis.basedatamanager.server.dao.UdfManagerMapper">
+
+    <resultMap id="BaseResultMap" type="org.apache.linkis.basedatamanager.server.domain.UdfManagerEntity">
+            <id property="id" column="id" jdbcType="BIGINT"/>
+            <result property="userName" column="user_name" jdbcType="VARCHAR"/>
+    </resultMap>
+
+    <sql id="Base_Column_List">
+        id,user_name
+    </sql>
+
+    <select id="getListByPage" resultMap="BaseResultMap">
+        SELECT
+        <include refid="Base_Column_List"></include>
+        FROM linkis_ps_udf_manager
+        <if test="searchName != null and searchName!=''">
+            WHERE user_name LIKE concat('%',#{searchName}::text,'%')
+        </if>
+    </select>
+</mapper>
diff --git a/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/UdfTreeMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/UdfTreeMapper.xml
new file mode 100644
index 0000000000..0a8422afe1
--- /dev/null
+++ b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/UdfTreeMapper.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+<!DOCTYPE mapper
+        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="org.apache.linkis.basedatamanager.server.dao.UdfTreeMapper">
+
+    <resultMap id="BaseResultMap" type="org.apache.linkis.basedatamanager.server.domain.UdfTreeEntity">
+            <id property="id" column="id" jdbcType="BIGINT"/>
+            <result property="parent" column="parent" jdbcType="BIGINT"/>
+            <result property="name" column="name" jdbcType="VARCHAR"/>
+            <result property="userName" column="user_name" jdbcType="VARCHAR"/>
+            <result property="description" column="description" jdbcType="VARCHAR"/>
+            <result property="createTime" column="create_time" jdbcType="TIMESTAMP"/>
+            <result property="updateTime" column="update_time" jdbcType="TIMESTAMP"/>
+            <result property="category" column="category" jdbcType="VARCHAR"/>
+    </resultMap>
+
+    <sql id="Base_Column_List">
+        id,parent,name,
+        user_name,description,create_time,
+        update_time,category
+    </sql>
+
+    <select id="getListByPage" resultMap="BaseResultMap">
+        SELECT
+        <include refid="Base_Column_List"></include>
+        FROM linkis_ps_udf_tree
+        <if test="searchName != null and searchName!=''">
+            WHERE user_name LIKE concat('%',#{searchName}::text,'%')
+            OR name LIKE concat('%',#{searchName}::text,'%')
+            OR description LIKE concat('%',#{searchName}::text,'%')
+            OR category LIKE concat('%',#{searchName}::text,'%')
+        </if>
+    </select>
+</mapper>
diff --git a/linkis-public-enhancements/linkis-variable/src/main/resources/mapper/postgresql/VarMapper.xml b/linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/VarMapper.xml
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/resources/mapper/postgresql/VarMapper.xml
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/resources/mapper/postgresql/VarMapper.xml
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/bml/BMLHelper.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/bml/BMLHelper.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/bml/BMLHelper.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/bml/BMLHelper.scala
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/cache/FsCache.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/cache/FsCache.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/cache/FsCache.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/cache/FsCache.scala
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/conf/WorkspaceSpringConfiguration.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/conf/WorkspaceSpringConfiguration.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/conf/WorkspaceSpringConfiguration.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/conf/WorkspaceSpringConfiguration.scala
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/entity/FSInfo.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/entity/FSInfo.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/entity/FSInfo.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/entity/FSInfo.scala
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/quartz/FSQuartz.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/quartz/FSQuartz.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/quartz/FSQuartz.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/quartz/FSQuartz.scala
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/service/FsService.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/service/FsService.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/service/FsService.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/service/FsService.scala
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/utils/UserGroupInfo.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/utils/UserGroupInfo.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/utils/UserGroupInfo.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/utils/UserGroupInfo.scala
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/validator/PathValidator.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/validator/PathValidator.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/main/scala/org/apache/linkis/filesystem/validator/PathValidator.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/filesystem/validator/PathValidator.scala
diff --git a/linkis-public-enhancements/linkis-variable/src/main/scala/org/apache/linkis/variable/receiver/VariableReceiver.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/variable/receiver/VariableReceiver.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/scala/org/apache/linkis/variable/receiver/VariableReceiver.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/variable/receiver/VariableReceiver.scala
diff --git a/linkis-public-enhancements/linkis-variable/src/main/scala/org/apache/linkis/variable/receiver/VariableReceiverChooser.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/variable/receiver/VariableReceiverChooser.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/scala/org/apache/linkis/variable/receiver/VariableReceiverChooser.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/variable/receiver/VariableReceiverChooser.scala
diff --git a/linkis-public-enhancements/linkis-variable/src/main/scala/org/apache/linkis/variable/service/VariableServiceImpl.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/variable/service/VariableServiceImpl.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/main/scala/org/apache/linkis/variable/service/VariableServiceImpl.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/main/scala/org/apache/linkis/variable/service/VariableServiceImpl.scala
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/Scan.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/Scan.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/Scan.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/Scan.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/WebApplicationServer.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/WebApplicationServer.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/WebApplicationServer.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/WebApplicationServer.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/BaseDaoTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/BaseDaoTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/BaseDaoTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/BaseDaoTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/CgManagerLabelMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/CgManagerLabelMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/CgManagerLabelMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/CgManagerLabelMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigKeyMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigKeyMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigKeyMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigKeyMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigValueMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigValueMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigValueMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationConfigValueMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationKeyEngineRelationMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationKeyEngineRelationMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationKeyEngineRelationMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/ConfigurationKeyEngineRelationMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceAccessMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceAccessMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceAccessMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceAccessMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceEnvMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceEnvMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceEnvMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceEnvMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeKeyMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeKeyMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeKeyMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeKeyMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/DatasourceTypeMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/EngineConnPluginBmlResourcesMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/EngineConnPluginBmlResourcesMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/EngineConnPluginBmlResourcesMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/EngineConnPluginBmlResourcesMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/GatewayAuthTokenMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/GatewayAuthTokenMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/GatewayAuthTokenMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/GatewayAuthTokenMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/PsErrorCodeMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/PsErrorCodeMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/PsErrorCodeMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/PsErrorCodeMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/RmExternalResourceProviderMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/RmExternalResourceProviderMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/RmExternalResourceProviderMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/RmExternalResourceProviderMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/UdfManagerMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/UdfManagerMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/UdfManagerMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/UdfManagerMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/UdfTreeMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/UdfTreeMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/dao/UdfTreeMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/dao/UdfTreeMapperTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/ConfigurationTemplateRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/ConfigurationTemplateRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/ConfigurationTemplateRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/ConfigurationTemplateRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceAccessRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceAccessRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceAccessRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceAccessRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceEnvRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceEnvRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceEnvRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceEnvRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeKeyRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeKeyRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeKeyRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeKeyRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/DatasourceTypeRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/ErrorCodeRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/ErrorCodeRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/ErrorCodeRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/ErrorCodeRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/GatewayAuthTokenRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/GatewayAuthTokenRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/GatewayAuthTokenRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/GatewayAuthTokenRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/MvcUtils.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/MvcUtils.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/MvcUtils.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/MvcUtils.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/RmExternalResourceProviderRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/RmExternalResourceProviderRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/RmExternalResourceProviderRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/RmExternalResourceProviderRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/UdfManagerRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/UdfManagerRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/UdfManagerRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/UdfManagerRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/UdfTreeRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/UdfTreeRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/restful/UdfTreeRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/restful/UdfTreeRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceAccessServiceTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceAccessServiceTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceAccessServiceTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceAccessServiceTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceEnvServiceTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceEnvServiceTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceEnvServiceTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceEnvServiceTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeKeyServiceTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeKeyServiceTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeKeyServiceTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeKeyServiceTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeServiceTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeServiceTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeServiceTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/DatasourceTypeServiceTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/ErrorCodeServiceTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/ErrorCodeServiceTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/ErrorCodeServiceTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/ErrorCodeServiceTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/GatewayAuthTokenServiceTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/GatewayAuthTokenServiceTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/GatewayAuthTokenServiceTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/GatewayAuthTokenServiceTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/RmExternalResourceProviderServiceTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/RmExternalResourceProviderServiceTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/RmExternalResourceProviderServiceTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/RmExternalResourceProviderServiceTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/UdfManagerServiceTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/UdfManagerServiceTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/UdfManagerServiceTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/UdfManagerServiceTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/UdfTreeServiceTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/UdfTreeServiceTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/java/org/apache/linkis/basedatamanager/server/service/UdfTreeServiceTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/basedatamanager/server/service/UdfTreeServiceTest.java
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/java/org/apache/linkis/errorcode/server/Scan.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/errorcode/server/Scan.java
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/java/org/apache/linkis/errorcode/server/Scan.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/errorcode/server/Scan.java
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/java/org/apache/linkis/errorcode/server/WebApplicationServer.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/errorcode/server/WebApplicationServer.java
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/java/org/apache/linkis/errorcode/server/WebApplicationServer.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/errorcode/server/WebApplicationServer.java
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/java/org/apache/linkis/errorcode/server/dao/BaseDaoTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/errorcode/server/dao/BaseDaoTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/java/org/apache/linkis/errorcode/server/dao/BaseDaoTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/errorcode/server/dao/BaseDaoTest.java
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/java/org/apache/linkis/errorcode/server/dao/ErrorCodeMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/errorcode/server/dao/ErrorCodeMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/java/org/apache/linkis/errorcode/server/dao/ErrorCodeMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/errorcode/server/dao/ErrorCodeMapperTest.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/Scan.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/Scan.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/Scan.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/Scan.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/WebApplicationServer.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/WebApplicationServer.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/WebApplicationServer.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/WebApplicationServer.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/conf/WorkSpaceConfigurationTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/conf/WorkSpaceConfigurationTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/conf/WorkSpaceConfigurationTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/conf/WorkSpaceConfigurationTest.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/constant/WorkSpaceConstantsTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/constant/WorkSpaceConstantsTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/constant/WorkSpaceConstantsTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/constant/WorkSpaceConstantsTest.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/exception/WorkSpaceExceptionTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/exception/WorkSpaceExceptionTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/exception/WorkSpaceExceptionTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/exception/WorkSpaceExceptionTest.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/exception/WorkspaceExceptionManagerTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/exception/WorkspaceExceptionManagerTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/exception/WorkspaceExceptionManagerTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/exception/WorkspaceExceptionManagerTest.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/restful/api/BMLFsRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/restful/api/BMLFsRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/restful/api/BMLFsRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/restful/api/BMLFsRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/restful/api/FsRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/restful/api/FsRestfulApiTest.java
similarity index 99%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/restful/api/FsRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/restful/api/FsRestfulApiTest.java
index 2996d5d90c..72ebc0c098 100644
--- a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/restful/api/FsRestfulApiTest.java
+++ b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/restful/api/FsRestfulApiTest.java
@@ -207,7 +207,7 @@ public void openLogTest() throws Exception {
 
       Mockito.when(fsService.getFileSystem(Mockito.anyString(), Mockito.any(FsPath.class)))
           .thenReturn(fs);
-      String path = this.getClass().getResource("/").getPath() + "info.log";
+      String path = this.getClass().getResource("/").getPath() + "info.text";
 
       MvcResult mvcResult =
           mockMvc
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/util/WorkspaceUtilTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/util/WorkspaceUtilTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/java/org/apache/linkis/filesystem/util/WorkspaceUtilTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/filesystem/util/WorkspaceUtilTest.java
diff --git a/linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/Scan.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/Scan.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/Scan.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/Scan.java
diff --git a/linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/WebApplicationServer.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/WebApplicationServer.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/WebApplicationServer.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/WebApplicationServer.java
diff --git a/linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/dao/BaseDaoTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/dao/BaseDaoTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/dao/BaseDaoTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/dao/BaseDaoTest.java
diff --git a/linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/dao/VarMapperTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/dao/VarMapperTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/dao/VarMapperTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/dao/VarMapperTest.java
diff --git a/linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/restful/MvcUtils.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/restful/MvcUtils.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/restful/MvcUtils.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/restful/MvcUtils.java
diff --git a/linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/restful/api/VariableRestfulApiTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/restful/api/VariableRestfulApiTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/restful/api/VariableRestfulApiTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/restful/api/VariableRestfulApiTest.java
diff --git a/linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/service/VariableServiceTest.java b/linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/service/VariableServiceTest.java
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/test/java/org/apache/linkis/variable/service/VariableServiceTest.java
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/java/org/apache/linkis/variable/service/VariableServiceTest.java
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/resources/application.properties b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/application.properties
similarity index 76%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/resources/application.properties
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/application.properties
index bc29d4cf26..f997dc0727 100644
--- a/linkis-public-enhancements/linkis-basedata-manager/src/test/resources/application.properties
+++ b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/application.properties
@@ -20,6 +20,14 @@ wds.linkis.server.version=v1
 wds.linkis.test.mode=true
 wds.linkis.test.user=hadoop
 
+wds.linkis.storage.enable.io.proxy=true
+linkis.workspace.filesystem.auto.create=true
+wds.linkis.is.gateway=true
+wds.linkis.server.web.session.timeout=1h
+wds.linkis.gateway.conf.enable.proxy.user=false
+wds.linkis.gateway.conf.url.pass.auth=/dss/
+wds.linkis.gateway.conf.enable.token.auth=true
+wds.linkis.login_encrypt.enable=false
 
 ##Linkis governance station administrators
 wds.linkis.governance.station.admin=hadoop
@@ -33,12 +41,12 @@ logging.level.org.springframework.web=trace
 
 spring.datasource.driver-class-name=org.h2.Driver
 spring.datasource.url=jdbc:h2:mem:test;MODE=MySQL;DB_CLOSE_DELAY=-1;DATABASE_TO_LOWER=true
-spring.datasource.schema=classpath:create.sql
+spring.datasource.schema=classpath:basedata_manager_create.sql,classpath:error_code_create.sql,classpath:variable_create.sql
 spring.datasource.username=sa
 spring.datasource.password=
 #pgtest
 #spring.datasource.url=jdbc:h2:mem:testPgDb;MODE=PostgreSQL;IGNORECASE=TRUE;DATABASE_TO_LOWER=TRUE;
-#spring.datasource.schema=classpath:create_pg.sql
+#spring.datasource.schema=classpath:basedata_manager_create_pg.sql,classpath:error_code_create_pg.sql,classpath:variable_create_pg.sql
 
 spring.main.web-application-type=servlet
 server.port=1234
@@ -52,5 +60,5 @@ eureka.client.serviceUrl.registerWithEureka=false
 
 mybatis-plus.mapper-locations=classpath*:mapper/common/*.xml,classpath*:mapper/mysql/*.xml
 #mybatis-plus.mapper-locations=classpath*:mapper/common/*.xml,classpath*:mapper/postgresql/*.xml
-mybatis-plus.type-aliases-package=org.apache.linkis.basedatamanager.server.domain
+mybatis-plus.type-aliases-package=org.apache.linkis.basedatamanager.server.domain,org.apache.linkis.errorcode.common,org.apache.linkis.variable.entity
 mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl
\ No newline at end of file
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/resources/create.sql b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/basedata_manager_create.sql
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/resources/create.sql
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/basedata_manager_create.sql
diff --git a/linkis-public-enhancements/linkis-basedata-manager/src/test/resources/create_pg.sql b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/basedata_manager_create_pg.sql
similarity index 100%
rename from linkis-public-enhancements/linkis-basedata-manager/src/test/resources/create_pg.sql
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/basedata_manager_create_pg.sql
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/deleteFile.sql b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/deleteFile.sql
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/deleteFile.sql
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/deleteFile.sql
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/create.sql b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/error_code_create.sql
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/create.sql
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/error_code_create.sql
diff --git a/linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/create_pg.sql b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/error_code_create_pg.sql
similarity index 100%
rename from linkis-public-enhancements/linkis-error-code/linkis-error-code-server/src/test/resources/create_pg.sql
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/error_code_create_pg.sql
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/existsSql.sql b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/existsSql.sql
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/existsSql.sql
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/existsSql.sql
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/info.log b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/info.text
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/info.log
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/info.text
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/linkis.properties b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/linkis.properties
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/linkis.properties
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/linkis.properties
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/query.sql b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/query.sql
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/query.sql
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/query.sql
diff --git a/linkis-public-enhancements/linkis-variable/src/test/resources/create.sql b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/variable_create.sql
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/test/resources/create.sql
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/variable_create.sql
diff --git a/linkis-public-enhancements/linkis-variable/src/test/resources/create_pg.sql b/linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/variable_create_pg.sql
similarity index 100%
rename from linkis-public-enhancements/linkis-variable/src/test/resources/create_pg.sql
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/resources/variable_create_pg.sql
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/scala/org/apache/linkis/filesystem/entity/FSInfoTest.scala b/linkis-public-enhancements/linkis-pes-publicservice/src/test/scala/org/apache/linkis/filesystem/entity/FSInfoTest.scala
similarity index 100%
rename from linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/scala/org/apache/linkis/filesystem/entity/FSInfoTest.scala
rename to linkis-public-enhancements/linkis-pes-publicservice/src/test/scala/org/apache/linkis/filesystem/entity/FSInfoTest.scala
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/pom.xml b/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/pom.xml
deleted file mode 100644
index b3310186f1..0000000000
--- a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/pom.xml
+++ /dev/null
@@ -1,90 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-  ~ Licensed to the Apache Software Foundation (ASF) under one or more
-  ~ contributor license agreements.  See the NOTICE file distributed with
-  ~ this work for additional information regarding copyright ownership.
-  ~ The ASF licenses this file to You under the Apache License, Version 2.0
-  ~ (the "License"); you may not use this file except in compliance with
-  ~ the License.  You may obtain a copy of the License at
-  ~ 
-  ~   http://www.apache.org/licenses/LICENSE-2.0
-  ~ 
-  ~ Unless required by applicable law or agreed to in writing, software
-  ~ distributed under the License is distributed on an "AS IS" BASIS,
-  ~ 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.
-  -->
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
-  <modelVersion>4.0.0</modelVersion>
-
-  <parent>
-    <groupId>org.apache.linkis</groupId>
-    <artifactId>linkis</artifactId>
-    <version>${revision}</version>
-    <relativePath>../../../pom.xml</relativePath>
-  </parent>
-  <artifactId>linkis-storage-script-dev-server</artifactId>
-  <packaging>jar</packaging>
-
-  <dependencies>
-
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-bml-client</artifactId>
-      <version>${project.version}</version>
-      <exclusions>
-        <exclusion>
-          <groupId>org.apache.linkis</groupId>
-          <artifactId>linkis-storage</artifactId>
-        </exclusion>
-      </exclusions>
-    </dependency>
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-storage</artifactId>
-      <version>${project.version}</version>
-      <scope>provided</scope>
-    </dependency>
-    <dependency>
-      <groupId>org.springframework.boot</groupId>
-      <artifactId>spring-boot-starter-quartz</artifactId>
-      <exclusions>
-        <exclusion>
-          <groupId>org.springframework.boot</groupId>
-          <artifactId>spring-boot-starter-logging</artifactId>
-        </exclusion>
-      </exclusions>
-    </dependency>
-
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-rpc</artifactId>
-      <version>${project.version}</version>
-      <scope>provided</scope>
-    </dependency>
-
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-io_file-client</artifactId>
-      <version>${project.version}</version>
-    </dependency>
-
-    <dependency>
-      <groupId>com.github.oshi</groupId>
-      <artifactId>oshi-core</artifactId>
-      <version>6.2.1</version>
-    </dependency>
-
-  </dependencies>
-
-  <build>
-    <plugins>
-      <plugin>
-        <groupId>net.alchim31.maven</groupId>
-        <artifactId>scala-maven-plugin</artifactId>
-      </plugin>
-    </plugins>
-  </build>
-
-</project>
diff --git a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/application.properties b/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/application.properties
deleted file mode 100644
index d1222e33b9..0000000000
--- a/linkis-public-enhancements/linkis-script-dev/linkis-storage-script-dev-server/src/test/resources/application.properties
+++ /dev/null
@@ -1,63 +0,0 @@
-# 
-# Licensed to the Apache Software Foundation (ASF) under one or more
-# contributor license agreements.  See the NOTICE file distributed with
-# this work for additional information regarding copyright ownership.
-# The ASF licenses this file to You under the Apache License, Version 2.0
-# (the "License"); you may not use this file except in compliance with
-# the License.  You may obtain a copy of the License at
-# http://www.apache.org/licenses/LICENSE-2.0
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# 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.
-#
-
-#wds.linkis.test.mode=true
-wds.linkis.server.version=v1
-
-#test
-wds.linkis.test.mode=true
-wds.linkis.test.user=hadoop
-
-wds.linkis.is.gateway=true
-wds.linkis.server.web.session.timeout=1h
-wds.linkis.gateway.conf.enable.proxy.user=false
-wds.linkis.gateway.conf.url.pass.auth=/dss/
-wds.linkis.gateway.conf.enable.token.auth=true
-wds.linkis.login_encrypt.enable=false
-#logging.level.root=debug
-#logging.file=./test.log
-#debug=true
-
-#spring.datasource.driver-class-name=org.h2.Driver
-#spring.datasource.url=jdbc:h2:mem:test;MODE=MySQL;DB_CLOSE_DELAY=-1;DATABASE_TO_LOWER=true
-#spring.datasource.schema=classpath:create.sql
-#spring.datasource.data=classpath:data.sql
-##spring.datasource.username=sa
-#spring.datasource.password=
-#spring.datasource.hikari.connection-test-query=select 1
-##spring.datasource.hikari.minimum-idle=5
-#spring.datasource.hikari.auto-commit=true
-#spring.datasource.hikari.validation-timeout=3000
-#spring.datasource.hikari.pool-name=linkis-test
-#spring.datasource.hikari.maximum-pool-size=50
-#spring.datasource.hikari.connection-timeout=30000
-#spring.datasource.hikari.idle-timeout=600000
-#spring.datasource.hikari.leak-detection-threshold=0
-#spring.datasource.hikari.initialization-fail-timeout=1
-
-#spring.main.web-application-type=servlet
-#server.port=1234
-#spring.h2.console.enabled=true
-
-#disable eureka discovery client
-spring.cloud.service-registry.auto-registration.enabled=false
-eureka.client.enabled=false
-eureka.client.serviceUrl.registerWithEureka=false
-linkis.workspace.filesystem.auto.create=true
-
-#mybatis-plus.mapper-locations=classpath*:mapper/common/*.xml,classpath*:mapper/mysql/*.xml
-#mybatis-plus.type-aliases-package=org.apache.linkis.udf.entity
-#mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl
-
diff --git a/linkis-public-enhancements/linkis-variable/pom.xml b/linkis-public-enhancements/linkis-variable/pom.xml
deleted file mode 100644
index ad4e1e7ec2..0000000000
--- a/linkis-public-enhancements/linkis-variable/pom.xml
+++ /dev/null
@@ -1,53 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-  ~ Licensed to the Apache Software Foundation (ASF) under one or more
-  ~ contributor license agreements.  See the NOTICE file distributed with
-  ~ this work for additional information regarding copyright ownership.
-  ~ The ASF licenses this file to You under the Apache License, Version 2.0
-  ~ (the "License"); you may not use this file except in compliance with
-  ~ the License.  You may obtain a copy of the License at
-  ~ 
-  ~   http://www.apache.org/licenses/LICENSE-2.0
-  ~ 
-  ~ Unless required by applicable law or agreed to in writing, software
-  ~ distributed under the License is distributed on an "AS IS" BASIS,
-  ~ 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.
-  -->
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
-  <modelVersion>4.0.0</modelVersion>
-
-  <parent>
-    <groupId>org.apache.linkis</groupId>
-    <artifactId>linkis</artifactId>
-    <version>${revision}</version>
-    <relativePath>../../pom.xml</relativePath>
-  </parent>
-  <artifactId>linkis-variable</artifactId>
-
-  <dependencies>
-
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-mybatis</artifactId>
-      <version>${project.version}</version>
-    </dependency>
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-rpc</artifactId>
-      <version>${project.version}</version>
-      <scope>provided</scope>
-    </dependency>
-  </dependencies>
-
-  <build>
-    <plugins>
-      <plugin>
-        <groupId>net.alchim31.maven</groupId>
-        <artifactId>scala-maven-plugin</artifactId>
-      </plugin>
-    </plugins>
-  </build>
-
-</project>
diff --git a/linkis-public-enhancements/linkis-variable/src/test/resources/application.properties b/linkis-public-enhancements/linkis-variable/src/test/resources/application.properties
deleted file mode 100644
index b60cb57d18..0000000000
--- a/linkis-public-enhancements/linkis-variable/src/test/resources/application.properties
+++ /dev/null
@@ -1,53 +0,0 @@
-#
-# Licensed to the Apache Software Foundation (ASF) under one or more
-# contributor license agreements.  See the NOTICE file distributed with
-# this work for additional information regarding copyright ownership.
-# The ASF licenses this file to You under the Apache License, Version 2.0
-# (the "License"); you may not use this file except in compliance with
-# the License.  You may obtain a copy of the License at
-# http://www.apache.org/licenses/LICENSE-2.0
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# 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.
-#
-
-#wds.linkis.test.mode=true
-wds.linkis.server.version=v1
-
-#test
-wds.linkis.test.mode=true
-wds.linkis.test.user=hadoop
-
-
-##Linkis governance station administrators
-wds.linkis.governance.station.admin=hadoop
-wds.linkis.gateway.conf.publicservice.list=query,jobhistory,application,configuration,filesystem,udf,variable,microservice,errorcode,bml,datasource
-#
-
-#logging.level.root=debug
-#logging.file=./test.log
-#debug=true
-
-spring.datasource.driver-class-name=org.h2.Driver
-spring.datasource.url=jdbc:h2:mem:test;MODE=MySQL;DB_CLOSE_DELAY=-1;DATABASE_TO_LOWER=true
-spring.datasource.schema=classpath:create.sql
-spring.datasource.username=sa
-#pgtest
-#spring.datasource.url=jdbc:h2:mem:testPgDb;MODE=PostgreSQL;IGNORECASE=TRUE;DATABASE_TO_LOWER=TRUE;
-#spring.datasource.schema=classpath:create_pg.sql
-
-spring.main.web-application-type=servlet
-server.port=1234
-spring.h2.console.enabled=true
-
-#disable eureka discovery client
-spring.cloud.service-registry.auto-registration.enabled=false
-eureka.client.enabled=false
-eureka.client.serviceUrl.registerWithEureka=false
-
-mybatis-plus.mapper-locations=classpath*:mapper/common/*.xml,classpath*:mapper/mysql/*.xml
-#mybatis-plus.mapper-locations=classpath*:mapper/common/*.xml,classpath*:mapper/postgresql/*.xml
-mybatis-plus.type-aliases-package=org.apache.linkis.variable.entity
-mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl
\ No newline at end of file
diff --git a/linkis-public-enhancements/pom.xml b/linkis-public-enhancements/pom.xml
index c3eb423cff..760ea05698 100644
--- a/linkis-public-enhancements/pom.xml
+++ b/linkis-public-enhancements/pom.xml
@@ -28,22 +28,18 @@
   <packaging>pom</packaging>
 
   <modules>
+    <module>linkis-pes-common</module>
+    <module>linkis-pes-client</module>
+    <module>linkis-pes-rpc-client</module>
+    <module>linkis-pes-publicservice</module>
     <module>linkis-bml</module>
     <module>linkis-context-service</module>
     <module>linkis-datasource/linkis-metadata</module>
     <module>linkis-datasource</module>
-    <module>linkis-udf/linkis-udf-client</module>
-    <module>linkis-udf/linkis-udf-common</module>
     <module>linkis-udf/linkis-udf-service</module>
     <module>linkis-jobhistory</module>
     <module>linkis-configuration</module>
-    <module>linkis-variable</module>
-    <module>linkis-instance-label/linkis-instance-label-client</module>
     <module>linkis-instance-label/linkis-instance-label-server</module>
-    <module>linkis-script-dev/linkis-storage-script-dev-client</module>
-    <module>linkis-script-dev/linkis-storage-script-dev-server</module>
-    <module>linkis-basedata-manager</module>
-    <module>linkis-error-code</module>
     <module>linkis-ps-common-lock</module>
   </modules>
 
@@ -53,11 +49,6 @@
       <artifactId>linkis-cs-server</artifactId>
       <version>${project.version}</version>
     </dependency>
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-datasource-manager-server</artifactId>
-      <version>${project.version}</version>
-    </dependency>
     <dependency>
       <groupId>org.apache.linkis</groupId>
       <artifactId>linkis-metadata</artifactId>
@@ -65,7 +56,7 @@
     </dependency>
     <dependency>
       <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-metadata-query-server</artifactId>
+      <artifactId>linkis-datasource-manager-server</artifactId>
       <version>${project.version}</version>
     </dependency>
     <dependency>
@@ -95,22 +86,7 @@
     </dependency>
     <dependency>
       <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-variable</artifactId>
-      <version>${project.version}</version>
-    </dependency>
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-storage-script-dev-server</artifactId>
-      <version>${project.version}</version>
-    </dependency>
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-error-code-server</artifactId>
-      <version>${project.version}</version>
-    </dependency>
-    <dependency>
-      <groupId>org.apache.linkis</groupId>
-      <artifactId>linkis-basedata-manager</artifactId>
+      <artifactId>linkis-pes-publicservice</artifactId>
       <version>${project.version}</version>
     </dependency>
   </dependencies>
diff --git a/linkis-web-next/.env b/linkis-web-next/.env
index 07a726a9b3..77f22d8781 100644
--- a/linkis-web-next/.env
+++ b/linkis-web-next/.env
@@ -2,4 +2,4 @@ VITE_VUE_APP_HOST=
 VITE_BACKEND_URL=
 VITE_VUE_APP_MN_CONFIG_PREFIX=
 VITE_VUE_APP_MN_CONFIG_SOCKET=
-VITE_VUE_APP_VERSION=
\ No newline at end of file
+VITE_VUE_APP_VERSION=
diff --git a/linkis-web-next/package-lock.json b/linkis-web-next/package-lock.json
index 8d7ae68218..b66cf7ddd0 100644
--- a/linkis-web-next/package-lock.json
+++ b/linkis-web-next/package-lock.json
@@ -10,6 +10,7 @@
             "dependencies": {
                 "@fesjs/fes-design": "^0.7.31",
                 "@types/lodash": "^4.14.198",
+                "@vitejs/plugin-vue": "^4.1.0",
                 "axios": "^1.5.0",
                 "dayjs": "^1.11.10",
                 "dexie": "^3.2.4",
@@ -17,6 +18,7 @@
                 "md5": "^2.3.0",
                 "monaco-editor": "^0.43.0",
                 "qs": "^6.11.2",
+                "vite": "^4.3.9",
                 "vue": "^3.2.47",
                 "vue-i18n": "^9.4.1",
                 "vue-router": "^4.2.2"
@@ -26,7 +28,6 @@
                 "@commitlint/config-conventional": "^17.6.1",
                 "@typescript-eslint/eslint-plugin": "^5.59.9",
                 "@typescript-eslint/parser": "^5.59.9",
-                "@vitejs/plugin-vue": "^4.1.0",
                 "eslint": "^8.41.0",
                 "eslint-config-airbnb-base": "^15.0.0",
                 "eslint-config-prettier": "^8.8.0",
@@ -39,7 +40,6 @@
                 "lint-staged": "^13.3.0",
                 "prettier": "2.8.8",
                 "typescript": "^5.0.2",
-                "vite": "^4.3.9",
                 "vue-eslint-parser": "^9.3.0"
             }
         },
@@ -517,7 +517,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "optional": true,
             "os": [
                 "win32"
@@ -725,7 +724,6 @@
             "version": "0.3.3",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
             "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-            "dev": true,
             "optional": true,
             "peer": true,
             "dependencies": {
@@ -741,7 +739,7 @@
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
             "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
-            "dev": true,
+            "devOptional": true,
             "engines": {
                 "node": ">=6.0.0"
             }
@@ -750,7 +748,6 @@
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
             "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-            "dev": true,
             "optional": true,
             "peer": true,
             "engines": {
@@ -761,7 +758,6 @@
             "version": "0.3.5",
             "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
             "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
-            "dev": true,
             "optional": true,
             "peer": true,
             "dependencies": {
@@ -778,7 +774,7 @@
             "version": "0.3.9",
             "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
             "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
-            "dev": true,
+            "devOptional": true,
             "dependencies": {
                 "@jridgewell/resolve-uri": "^3.0.3",
                 "@jridgewell/sourcemap-codec": "^1.4.10"
@@ -883,7 +879,7 @@
             "version": "20.4.7",
             "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.7.tgz",
             "integrity": "sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g==",
-            "dev": true
+            "devOptional": true
         },
         "node_modules/@types/normalize-package-data": {
             "version": "2.4.1",
@@ -1094,7 +1090,6 @@
             "version": "4.3.4",
             "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.3.4.tgz",
             "integrity": "sha512-ciXNIHKPriERBisHFBvnTbfKa6r9SAesOYXeGDzgegcvy9Q4xdScSHAmKbNT0M3O0S9LKhIf5/G+UYG4NnnzYw==",
-            "dev": true,
             "engines": {
                 "node": "^14.18.0 || >=16.0.0"
             },
@@ -1297,7 +1292,7 @@
             "version": "8.10.0",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
             "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
-            "dev": true,
+            "devOptional": true,
             "bin": {
                 "acorn": "bin/acorn"
             },
@@ -1603,7 +1598,6 @@
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
             "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-            "dev": true,
             "optional": true,
             "peer": true
         },
@@ -1881,7 +1875,7 @@
             "version": "2.0.6",
             "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
             "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
-            "dev": true,
+            "devOptional": true,
             "dependencies": {
                 "is-what": "^3.14.1"
             },
@@ -2274,7 +2268,6 @@
             "version": "0.18.20",
             "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
             "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
-            "dev": true,
             "hasInstallScript": true,
             "bin": {
                 "esbuild": "bin/esbuild"
@@ -3716,7 +3709,7 @@
             "version": "3.14.1",
             "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
             "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
-            "dev": true
+            "devOptional": true
         },
         "node_modules/isarray": {
             "version": "2.0.5",
@@ -3848,7 +3841,7 @@
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz",
             "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
-            "dev": true,
+            "devOptional": true,
             "dependencies": {
                 "copy-anything": "^2.0.1",
                 "parse-node-version": "^1.0.1",
@@ -3874,7 +3867,7 @@
             "version": "2.6.2",
             "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
             "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
-            "dev": true
+            "devOptional": true
         },
         "node_modules/levn": {
             "version": "0.4.1",
@@ -4751,7 +4744,7 @@
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
             "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
-            "dev": true,
+            "devOptional": true,
             "engines": {
                 "node": ">= 0.10"
             }
@@ -5259,7 +5252,6 @@
             "version": "3.28.1",
             "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.1.tgz",
             "integrity": "sha512-R9OMQmIHJm9znrU3m3cpE8uhN0fGdXiawME7aZIpQqvpS/85+Vt1Hq1/yVIcYfOmaQiHjvXkQAoJukvLpau6Yw==",
-            "dev": true,
             "bin": {
                 "rollup": "dist/bin/rollup"
             },
@@ -5456,7 +5448,6 @@
             "version": "0.6.1",
             "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
             "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
             "optional": true,
             "engines": {
                 "node": ">=0.10.0"
@@ -5474,7 +5465,6 @@
             "version": "0.5.21",
             "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
             "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-            "dev": true,
             "optional": true,
             "peer": true,
             "dependencies": {
@@ -5726,7 +5716,6 @@
             "version": "5.19.4",
             "resolved": "https://registry.npmjs.org/terser/-/terser-5.19.4.tgz",
             "integrity": "sha512-6p1DjHeuluwxDXcuT9VR8p64klWJKo1ILiy19s6C9+0Bh2+NWTX6nD9EPppiER4ICkHDVB1RkVpin/YW2nQn/g==",
-            "dev": true,
             "optional": true,
             "peer": true,
             "dependencies": {
@@ -5746,7 +5735,6 @@
             "version": "2.20.3",
             "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
             "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-            "dev": true,
             "optional": true,
             "peer": true
         },
@@ -6038,7 +6026,6 @@
             "version": "4.4.9",
             "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.9.tgz",
             "integrity": "sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==",
-            "dev": true,
             "dependencies": {
                 "esbuild": "^0.18.10",
                 "postcss": "^8.4.27",
@@ -6783,7 +6770,6 @@
             "version": "0.18.20",
             "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
             "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
-            "dev": true,
             "optional": true
         },
         "@eslint-community/eslint-utils": {
@@ -6934,7 +6920,6 @@
             "version": "0.3.3",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
             "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-            "dev": true,
             "optional": true,
             "peer": true,
             "requires": {
@@ -6947,13 +6932,12 @@
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
             "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
-            "dev": true
+            "devOptional": true
         },
         "@jridgewell/set-array": {
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
             "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-            "dev": true,
             "optional": true,
             "peer": true
         },
@@ -6961,7 +6945,6 @@
             "version": "0.3.5",
             "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
             "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
-            "dev": true,
             "optional": true,
             "peer": true,
             "requires": {
@@ -6978,7 +6961,7 @@
             "version": "0.3.9",
             "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
             "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
-            "dev": true,
+            "devOptional": true,
             "requires": {
                 "@jridgewell/resolve-uri": "^3.0.3",
                 "@jridgewell/sourcemap-codec": "^1.4.10"
@@ -7074,7 +7057,7 @@
             "version": "20.4.7",
             "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.7.tgz",
             "integrity": "sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g==",
-            "dev": true
+            "devOptional": true
         },
         "@types/normalize-package-data": {
             "version": "2.4.1",
@@ -7196,7 +7179,6 @@
             "version": "4.3.4",
             "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.3.4.tgz",
             "integrity": "sha512-ciXNIHKPriERBisHFBvnTbfKa6r9SAesOYXeGDzgegcvy9Q4xdScSHAmKbNT0M3O0S9LKhIf5/G+UYG4NnnzYw==",
-            "dev": true,
             "requires": {}
         },
         "@vue/compiler-core": {
@@ -7347,7 +7329,7 @@
             "version": "8.10.0",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
             "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
-            "dev": true
+            "devOptional": true
         },
         "acorn-jsx": {
             "version": "5.3.2",
@@ -7571,7 +7553,6 @@
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
             "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-            "dev": true,
             "optional": true,
             "peer": true
         },
@@ -7779,7 +7760,7 @@
             "version": "2.0.6",
             "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
             "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
-            "dev": true,
+            "devOptional": true,
             "requires": {
                 "is-what": "^3.14.1"
             }
@@ -8070,7 +8051,6 @@
             "version": "0.18.20",
             "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
             "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
-            "dev": true,
             "requires": {
                 "@esbuild/android-arm": "0.18.20",
                 "@esbuild/android-arm64": "0.18.20",
@@ -9107,7 +9087,7 @@
             "version": "3.14.1",
             "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
             "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
-            "dev": true
+            "devOptional": true
         },
         "isarray": {
             "version": "2.0.5",
@@ -9219,7 +9199,7 @@
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz",
             "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
-            "dev": true,
+            "devOptional": true,
             "requires": {
                 "copy-anything": "^2.0.1",
                 "errno": "^0.1.1",
@@ -9237,7 +9217,7 @@
                     "version": "2.6.2",
                     "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
                     "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
-                    "dev": true
+                    "devOptional": true
                 }
             }
         },
@@ -9875,7 +9855,7 @@
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
             "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
-            "dev": true
+            "devOptional": true
         },
         "path-exists": {
             "version": "4.0.0",
@@ -10217,7 +10197,6 @@
             "version": "3.28.1",
             "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.1.tgz",
             "integrity": "sha512-R9OMQmIHJm9znrU3m3cpE8uhN0fGdXiawME7aZIpQqvpS/85+Vt1Hq1/yVIcYfOmaQiHjvXkQAoJukvLpau6Yw==",
-            "dev": true,
             "requires": {
                 "fsevents": "~2.3.2"
             }
@@ -10342,7 +10321,6 @@
             "version": "0.6.1",
             "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
             "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-            "dev": true,
             "optional": true
         },
         "source-map-js": {
@@ -10354,7 +10332,6 @@
             "version": "0.5.21",
             "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
             "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-            "dev": true,
             "optional": true,
             "peer": true,
             "requires": {
@@ -10545,7 +10522,6 @@
             "version": "5.19.4",
             "resolved": "https://registry.npmjs.org/terser/-/terser-5.19.4.tgz",
             "integrity": "sha512-6p1DjHeuluwxDXcuT9VR8p64klWJKo1ILiy19s6C9+0Bh2+NWTX6nD9EPppiER4ICkHDVB1RkVpin/YW2nQn/g==",
-            "dev": true,
             "optional": true,
             "peer": true,
             "requires": {
@@ -10559,7 +10535,6 @@
                     "version": "2.20.3",
                     "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
                     "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-                    "dev": true,
                     "optional": true,
                     "peer": true
                 }
@@ -10776,7 +10751,6 @@
             "version": "4.4.9",
             "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.9.tgz",
             "integrity": "sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==",
-            "dev": true,
             "requires": {
                 "esbuild": "^0.18.10",
                 "fsevents": "~2.3.2",
diff --git a/linkis-web-next/package.json b/linkis-web-next/package.json
index 299c2c8f9b..875bf9f891 100644
--- a/linkis-web-next/package.json
+++ b/linkis-web-next/package.json
@@ -14,11 +14,8 @@
         "@types/lodash": "^4.14.198",
         "axios": "^1.5.0",
         "dayjs": "^1.11.10",
-        "dexie": "^3.2.4",
-        "jsencrypt": "^3.3.2",
         "md5": "^2.3.0",
         "monaco-editor": "^0.43.0",
-        "qs": "^6.11.2",
         "vue": "^3.2.47",
         "vue-i18n": "^9.4.1",
         "vue-router": "^4.2.2",
diff --git a/linkis-web-next/src/components/editor/editor.vue b/linkis-web-next/src/components/editor/editor.vue
index df4d29f50e..a601be2911 100644
--- a/linkis-web-next/src/components/editor/editor.vue
+++ b/linkis-web-next/src/components/editor/editor.vue
@@ -53,7 +53,6 @@ export default defineComponent({
         // modelValue(val) {
         //     val !== this.getEditor()?.getValue() && this.updateMonacoVal(val);
         // },
-
         // editorName() {
         //     return `we-editor-${this.type}`;
         // },
diff --git a/linkis-web-next/src/components/editor/editorNext.vue b/linkis-web-next/src/components/editor/editorNext.vue
new file mode 100644
index 0000000000..741ca1808c
--- /dev/null
+++ b/linkis-web-next/src/components/editor/editorNext.vue
@@ -0,0 +1,617 @@
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~   http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ 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.
+  -->
+
+<template>
+    <div :class="editorName" class="we-editor" />
+</template>
+<script lang="ts">
+import { merge, debounce } from 'lodash';
+import { defineComponent, ref } from 'vue';
+import monaco from './monaco-loader';
+import highRiskGrammar from './highRiskGrammar';
+
+const types = {
+    code: {
+        theme: 'defaultView',
+    },
+    log: {
+        language: 'log',
+        theme: 'logview',
+        readOnly: true,
+        glyphMargin: false,
+        selectOnLineNumbers: false,
+        wordWrap: 'on',
+    },
+};
+
+export default defineComponent({
+    props: {
+        id: {
+            type: String,
+            required: false,
+        },
+        type: {
+            type: String,
+            default: 'code',
+        },
+        theme: String,
+        language: String,
+        value: String,
+        readOnly: {
+            type: Boolean,
+            default: false,
+        },
+        options: Object,
+        executable: {
+            type: Boolean,
+            default: true,
+        },
+        scriptType: String,
+        application: String,
+    },
+    setup() {
+        return {
+            editor: null,
+            editorModel: null,
+            decorations: null,
+            isParserClose: true, // Syntax validation is turned off by default(默认关闭语法验证)
+            closeParser: null,
+            openParser: null,
+            sqlParser: null,
+        };
+    },
+    computed: {
+        editorName() {
+            return `we-editor-${this.type}`;
+        },
+        currentConfig() {
+            const typeConfig = types[this.type];
+            const config = merge(
+                {
+                    automaticLayout: false,
+                    scrollBeyondLastLine: false,
+                    minimap: {
+                        enabled: false,
+                    },
+                    readOnly: this.readOnly,
+                    glyphMargin: true,
+                },
+                typeConfig,
+                this.options,
+                {
+                    value: this.value,
+                    theme: this.theme,
+                    language: this.language,
+                },
+            );
+            return config;
+        },
+    },
+    watch: {
+        'currentConfig.readOnly': function (val) {
+            this.editor.updateOptions({ readOnly: val });
+        },
+        value(newValue) {
+            if (this.editor) {
+                this.$emit('on-operator');
+                this.deltaDecorations(newValue);
+                if (newValue == this.getValue()) {
+                    return;
+                }
+                const { readOnly } = this.currentConfig;
+                if (readOnly) {
+                    // Both editor.setValue and model.setValue lose the undo stack(editor.setValue 和 model.setValue 都会丢失撤销栈)
+                    // this.editorModel.setValue(newValue);
+                    const range = this.editor.getModel().getFullModelRange();
+                    const text = newValue;
+                    const op = {
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editorModel.pushEditOperations('insertValue', [op]);
+                } else {
+                    // With undo stack(有撤销栈)
+                    const range = this.editor.getModel().getFullModelRange();
+                    const text = newValue;
+                    const op = {
+                        identifier: {
+                            major: 1,
+                            minor: 1,
+                        },
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editor.executeEdits('insertValue', [op]);
+                }
+            }
+        },
+        language() {
+            this.initParser();
+        },
+    },
+    mounted() {
+        this.initMonaco();
+    },
+    beforeUnmount() {
+        // 销毁 editor，进行gc(销毁 editor，进行gc)
+        this.editor && this.editor.dispose();
+    },
+    methods: {
+        // initialization(初始化)
+        initMonaco() {
+            this.editor = monaco.editor.create(this.$el, this.currentConfig);
+            this.monaco = monaco;
+            this.editorModel = this.editor.getModel();
+            if (this.type !== 'log') {
+                if (this.scriptType !== 'hdfsScript' && !this.readOnly) {
+                    this.addCommands();
+                    this.addActions();
+                }
+                if (this.language === 'hql') {
+                    this.initParser();
+                } else {
+                    this.deltaDecorations(this.value);
+                }
+            }
+            this.$emit('onload');
+            this.editor.onDidChangeModelContent(
+                debounce(() => {
+                    this.$emit('input', this.getValue());
+                }),
+                100,
+            );
+            this.editor.onContextMenu(
+                debounce(() => {
+                    // The right-click menu function that needs to change the text(需要调换文字的右键菜单功能)
+                    const selectList = [
+                        {
+                            label: 'Change All Occurrences',
+                            text: '改变所有出现',
+                        },
+                        { label: 'Format Document', text: '格式化' },
+                        { label: 'Command Palette', text: '命令面板' },
+                        { label: 'Cut', text: '剪切' },
+                        { label: 'Copy', text: '复制' },
+                    ];
+                    if (localStorage.getItem('locale') === 'zh-CN') {
+                        selectList.forEach((item) => {
+                            const elmentList = document.querySelectorAll(
+                                `.actions-container .action-label[aria-label="${item.label}"]`,
+                            );
+                            this.changeInnerText(elmentList, item.text);
+                        });
+                    }
+                }),
+                100,
+            );
+        },
+        changeInnerText(elList, text) {
+            elList.forEach((el) => {
+                el.innerText = text;
+            });
+        },
+        undo() {
+            this.editor.trigger('anyString', 'undo');
+        },
+        redo() {
+            this.editor.trigger('anyString', 'redo');
+        },
+        // save the current value(保存当前的值)
+        save() {
+            if (this.editorModel) {
+                this.deltaDecorations();
+            }
+        },
+        // Saved edit state ViewState(保存的编辑状态 ViewState)
+        /**
+     *  Yes, editor.saveViewState stores:
+        cursor position
+        scroll location
+        folded sections
+        for a certain model when it is connected to an editor instance.
+        Once the same model is connected to the same or a different editor instance, editor.restoreViewState can be used to restore the above listed state.
+
+        There are very many things that influence how rendering occurs:
+        the current theme
+        the current wrapping settings set on the editor
+        the enablement of a minimap, etc.
+        the current language configured for a model
+        etc.
+      */
+        saveViewState() {
+            if (this.editorModel) {
+                this.editorModel.viewState = this.editor.saveViewState();
+            }
+        },
+        // Reset the previously saved edit state ViewState(重置之前保存的编辑状态 ViewState)
+        restoreViewState() {
+            if (this.editorModel && this.editorModel.viewState) {
+                this.editor.restoreViewState(this.editorModel.viewState);
+            }
+        },
+        // Get editor content(获取编辑器内容)
+        getValue() {
+            return this.editor.getValue({
+                lineEnding: '\n',
+                preserveBOM: false,
+            });
+        },
+        // Get selected content(获取选择的内容)
+        getValueInRange() {
+            const selection = this.editor.getSelection();
+            return selection.isEmpty()
+                ? null
+                : this.editor.getModel().getValueInRange(selection);
+        },
+        // Insert a value in the selected range in the editor(在编辑器选中的范围插入值)
+        insertValueIntoEditor(value) {
+            if (this.editor) {
+                const SelectedRange = this.editor.getSelection();
+                let range = null;
+                if (SelectedRange) {
+                    range = new monaco.Range(
+                        SelectedRange.startLineNumber,
+                        SelectedRange.startColumn,
+                        SelectedRange.endLineNumber,
+                        SelectedRange.endColumn,
+                    );
+                    const text = value;
+                    const op = {
+                        identifier: {
+                            major: 1,
+                            minor: 1,
+                        },
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editor.executeEdits('insertValue', [op]);
+                }
+            }
+        },
+        addCommands() {
+            // save the current script(保存当前脚本)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_S,
+                () => {
+                    this.$emit('on-save');
+                },
+            );
+            // run the current script(运行当前脚本)
+            if (this.executable) {
+                this.editor.addCommand(monaco.KeyCode.F3, () => {
+                    this.$emit('on-run');
+                });
+            }
+            // Invokes the convert lowercase action of the browser itself(调用浏览器本身的转换小写动作)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd +
+                    monaco.KeyMod.Shift +
+                    monaco.KeyCode.KEY_U,
+                () => {
+                    this.editor.trigger(
+                        'toLowerCase',
+                        'editor.action.transformToLowercase',
+                    );
+                },
+            );
+            // Invokes the convert caps action of the browser itself(调用浏览器本身的转换大写动作)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_U,
+                () => {
+                    this.editor.trigger(
+                        'toUpperCase',
+                        'editor.action.transformToUppercase',
+                    );
+                },
+            );
+        },
+        addActions() {
+            const vm = this;
+
+            this.editor.addAction({
+                id: 'editor.action.execute',
+                label: this.$t('message.common.monacoMenu.YXJB'),
+                keybindings: [monaco.KeyCode.F3],
+                keybindingContext: null,
+                contextMenuGroupId: 'navigation',
+                contextMenuOrder: 1.5,
+                run() {
+                    vm.$emit('on-run');
+                },
+            });
+
+            // this.editor.addAction({
+            //   id: 'format',
+            //   label: this.$t('message.common.monacoMenu.GSH'),
+            //   keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyMod.Shift | monaco.KeyCode.KEY_L],
+            //   keybindingContext: null,
+            //   contextMenuGroupId: 'control',
+            //   contextMenuOrder: 1.5,
+            //   run(editor) {
+            //     editor.trigger('anyString', 'editor.action.formatDocument');
+            //   },
+            // });
+
+            this.editor.addAction({
+                id: 'find',
+                label: this.$t('message.common.monacoMenu.CZ'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_F],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.6,
+                run(editor) {
+                    editor.trigger('find', 'actions.find');
+                },
+            });
+
+            this.editor.addAction({
+                id: 'replace',
+                label: this.$t('message.common.monacoMenu.TH'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_H],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.7,
+                run(editor) {
+                    editor.trigger(
+                        'findReplace',
+                        'editor.action.startFindReplaceAction',
+                    );
+                },
+            });
+
+            this.editor.addAction({
+                id: 'commentLine',
+                label: this.$t('message.common.monacoMenu.HZS'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.US_SLASH],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.8,
+                run(editor) {
+                    editor.trigger('commentLine', 'editor.action.commentLine');
+                },
+            });
+
+            this.editor.addAction({
+                id: 'paste',
+                label: this.$t('message.common.monacoMenu.ZT'),
+                keybindings: [],
+                keybindingContext: null,
+                contextMenuGroupId: '9_cutcopypaste',
+                contextMenuOrder: 2,
+                run() {
+                    const copyString = storage.get('copyString');
+                    if (!copyString || copyString.length < 0) {
+                        vm.$Message.warning(
+                            this.$t('message.common.monacoMenu.HBQWJCFZWB'),
+                        );
+                    } else {
+                        vm.insertValueIntoEditor(copyString);
+                    }
+                    return null;
+                },
+            });
+
+            this.editor.addAction({
+                id: 'gotoLine',
+                label: this.$t('message.common.monacoMenu.TDZDH'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_G],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.9,
+                run(editor) {
+                    editor.trigger('gotoLine', 'editor.action.gotoLine');
+                },
+            });
+
+            if (this.language === 'hql') {
+                // Control grammar check(控制语法检查)
+                this.closeParser = this.editor.createContextKey(
+                    'closeParser',
+                    !this.isParserClose,
+                );
+                this.openParser = this.editor.createContextKey(
+                    'openParser',
+                    this.isParserClose,
+                );
+                this.editor.addAction({
+                    id: 'closeParser',
+                    label: this.$t('message.common.monacoMenu.GBYFJC'),
+                    keybindings: [],
+                    keybindingContext: null,
+                    // Used to control the display of the right-click menu(用于控制右键菜单的显示)
+                    precondition: 'closeParser',
+                    contextMenuGroupId: 'control',
+                    contextMenuOrder: 2.0,
+                    run() {
+                        vm.isParserClose = true;
+                        // Controls the display of the right-click menu(控制右键菜单的显示)
+                        vm.openParser.set(true);
+                        vm.closeParser.set(false);
+                        vm.deltaDecorations();
+                    },
+                });
+
+                this.editor.addAction({
+                    id: 'openParser',
+                    label: this.$t('message.common.monacoMenu.DKYFJC'),
+                    keybindings: [],
+                    keybindingContext: null,
+                    precondition: 'openParser',
+                    contextMenuGroupId: 'control',
+                    contextMenuOrder: 2.1,
+                    run() {
+                        vm.isParserClose = false;
+                        vm.openParser.set(false);
+                        vm.closeParser.set(true);
+                        vm.deltaDecorations();
+                    },
+                });
+            }
+        },
+        deltaDecorations: debounce(function (value, cb) {
+            const vm = this;
+            if (!vm.isParserClose) {
+                let highRiskList = [];
+                const lang = vm.language;
+                const app = vm.application;
+                if (
+                    lang === 'python' ||
+                    (app === 'spark' && ['java', 'hql'].indexOf(lang) !== -1) ||
+                    app === 'hive'
+                ) {
+                    // High-risk syntax highlighting(高危语法的高亮)
+                    highRiskList = vm.setHighRiskGrammar();
+                    const decora = vm.decorations || [];
+                    let isParseSuccess = true;
+                    if (lang === 'hql') {
+                        const val = value || vm.value;
+                        const validParser = !vm.sqlParser
+                            ? null
+                            : vm.sqlParser.parser.parseSyntax(val, 'hive');
+                        let newDecora = [];
+                        if (validParser) {
+                            isParseSuccess = false;
+                            const warningLalbel = `编译语句时异常：在行${validParser.loc.first_line}:${validParser.loc.first_column}，输入词'${validParser.text}'附近可能存在sql语法错误`;
+                            const range = new monaco.Range(
+                                validParser.loc.first_line,
+                                validParser.loc.first_column,
+                                validParser.loc.last_line,
+                                validParser.loc.last_column + 1,
+                            );
+                            // The first element is highlighting the wrong keywords, the second is highlighting lines and margin blocks(第一个元素是对错误的关键词做高亮的，第二个元素是对行和margin块做高亮)的
+                            newDecora = [
+                                {
+                                    range,
+                                    options: {
+                                        inlineClassName: 'inlineDecoration',
+                                    },
+                                },
+                                {
+                                    range,
+                                    options: {
+                                        isWholeLine: true,
+                                        className: 'contentClass',
+                                        // To use color blocks in margin, the editor must set glyphMargin to true(要在margin中使用色块，编辑器必须将glyphMargin设置为true)
+                                        glyphMarginClassName:
+                                            'glyphMarginClass',
+                                        // hover prompt, the use of glyphHoverMessage in the documentation is wrong(hover提示，文档中使用glyphHoverMessage是错的)
+                                        hoverMessage: {
+                                            value: warningLalbel,
+                                        },
+                                    },
+                                },
+                            ];
+                        }
+                        // The first parameter is old, used to clear decorations(第一个参数是旧的，用于清空decorations)
+                        vm.decorations = vm.editor.deltaDecorations(
+                            decora,
+                            newDecora.concat(highRiskList),
+                        );
+                        vm.$emit('is-parse-success', isParseSuccess);
+                    } else {
+                        vm.decorations = vm.editor.deltaDecorations(
+                            decora,
+                            highRiskList,
+                        );
+                    }
+                    if (cb) {
+                        cb(isParseSuccess);
+                    }
+                } else if (cb) {
+                    cb(true);
+                }
+            } else {
+                // When the grammar check is turned off, if there is an error color block on the editor, clear it first(关闭语法检查时，如果编辑器上有错误色块，先清除)
+                const decora = vm.decorations || [];
+                vm.decorations = vm.editor.deltaDecorations(decora, []);
+                if (cb) {
+                    cb(true);
+                }
+            }
+        }, 500),
+        setHighRiskGrammar() {
+            let highRiskList = [];
+            const HOVER_MESSAGE = this.$t(
+                'message.common.monacoMenu.GYFSYGWYF',
+            );
+            let highRiskGrammarToken = highRiskGrammar[this.language];
+            if (this.language === 'java') {
+                highRiskGrammarToken = highRiskGrammar.scala;
+            }
+            if (highRiskGrammarToken && highRiskGrammarToken.length) {
+                // Because there are multiple regular tokens, use all the rules to traverse(因为正则的token有多个，所以要用所有的规则去遍历)
+                highRiskGrammarToken.forEach((key) => {
+                    // Use regular to grab the matching text in the editor, which is an array(使用正则去抓取编辑器中的匹配文本，是一个数组)
+                    const errorLabel = this.editorModel.findMatches(
+                        key,
+                        false,
+                        true,
+                        false,
+                        null,
+                        true,
+                    );
+                    if (errorLabel.length) {
+                        const formatedRiskGrammer = [];
+                        errorLabel.forEach((item) => {
+                            // Get the content of the current entire line(拿到当前整行的内容)
+                            const lineContent = this.editorModel.getLineContent(
+                                item.range.startLineNumber,
+                            );
+                            let reg = /^[^\-\-]\s*/;
+                            if (this.language === 'python') {
+                                reg = /^[^\#]\s*/;
+                            } else if (this.language === 'java') {
+                                reg = /^[^\/\/]\s*/;
+                            }
+                            const isHasComment = reg.test(lineContent);
+                            // Determine if there are annotations(判断是否有注释)
+                            if (isHasComment) {
+                                formatedRiskGrammer.push({
+                                    range: item.range,
+                                    options: {
+                                        inlineClassName: 'highRiskGrammar',
+                                        hoverMessage: {
+                                            value: HOVER_MESSAGE,
+                                        },
+                                    },
+                                });
+                            }
+                        });
+                        highRiskList = highRiskList.concat(formatedRiskGrammer);
+                    }
+                });
+            }
+            return highRiskList;
+        },
+        async initParser() {
+            this.monaco.editor.setModelLanguage(
+                this.editorModel,
+                this.language,
+            );
+            // if (this.language === 'hql' && !this.sqlParser) {
+            //     this.sqlParser = await import('dt-sql-parser');
+            // }
+            this.deltaDecorations(this.value);
+        },
+    },
+});
+</script>
+
+<style src="./index.less"></style>
diff --git a/linkis-web-next/src/components/editor/editorNext2.vue b/linkis-web-next/src/components/editor/editorNext2.vue
new file mode 100644
index 0000000000..588cfa0f0f
--- /dev/null
+++ b/linkis-web-next/src/components/editor/editorNext2.vue
@@ -0,0 +1,603 @@
+<template>
+    <div class="editor-area" :style="{ width, height }"></div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { merge, debounce } from 'lodash';
+import useMonaco from './util2';
+
+const types = {
+    code: {
+        theme: 'defaultView',
+    },
+    log: {
+        language: 'log',
+        theme: 'logview',
+        readOnly: true,
+        glyphMargin: false,
+        selectOnLineNumbers: false,
+        wordWrap: 'on',
+    },
+};
+
+export default defineComponent({
+    props: {
+        width: {
+            type: String,
+            default: '100%',
+        },
+        height: {
+            type: String,
+            default: '90vh',
+        },
+        language: {
+            type: String,
+            default: 'json',
+        },
+        preComment: {
+            type: String,
+            default: '',
+        },
+        modelValue: {
+            type: String,
+            default: '',
+        },
+        editorOptions: {
+            type: Object,
+            default: () => ({}),
+        },
+    },
+    watch: {
+        modelValue(val) {
+            val !== this.getEditor()?.getValue() && this.updateMonacoVal(val);
+        },
+
+        editorName() {
+            return `we-editor-${this.type}`;
+        },
+        currentConfig() {
+            const typeConfig = types[this.type];
+            const config = merge(
+                {
+                    automaticLayout: false,
+                    scrollBeyondLastLine: false,
+                    minimap: {
+                        enabled: false,
+                    },
+                    readOnly: this.readOnly,
+                    glyphMargin: true,
+                },
+                typeConfig,
+                this.options,
+                {
+                    value: this.value,
+                    theme: this.theme,
+                    language: this.language,
+                },
+            );
+            return config;
+        },
+    },
+    setup(props) {
+        const { updateVal, getEditor, createEditor, onFormatDoc } = useMonaco(
+            props.language,
+        );
+        return {
+            updateVal,
+            getEditor,
+            createEditor,
+            onFormatDoc,
+
+            editor: null,
+            editorModel: null,
+            decorations: null,
+            isParserClose: true, // Syntax validation is turned off by default(默认关闭语法验证)
+            closeParser: null,
+            openParser: null,
+            sqlParser: null,
+        };
+    },
+    methods: {
+        updateMonacoVal(_val?: string) {
+            const { modelValue, preComment } = this.$props;
+            const val = preComment
+                ? `${preComment}\n${_val || modelValue}`
+                : _val || modelValue;
+            this.updateVal(val);
+        },
+
+        // initialization(初始化)
+        initMonaco() {
+            this.editor = monaco.editor.create(this.$el, this.currentConfig);
+            this.monaco = monaco;
+            this.editorModel = this.editor.getModel();
+            if (this.type !== 'log') {
+                if (this.scriptType !== 'hdfsScript' && !this.readOnly) {
+                    this.addCommands();
+                    this.addActions();
+                }
+                if (this.language === 'hql') {
+                    this.initParser();
+                } else {
+                    this.deltaDecorations(this.value);
+                }
+            }
+            this.$emit('onload');
+            this.editor.onDidChangeModelContent(
+                debounce(() => {
+                    this.$emit('input', this.getValue());
+                }),
+                100,
+            );
+            this.editor.onContextMenu(
+                debounce(() => {
+                    // The right-click menu function that needs to change the text(需要调换文字的右键菜单功能)
+                    const selectList = [
+                        {
+                            label: 'Change All Occurrences',
+                            text: '改变所有出现',
+                        },
+                        { label: 'Format Document', text: '格式化' },
+                        { label: 'Command Palette', text: '命令面板' },
+                        { label: 'Cut', text: '剪切' },
+                        { label: 'Copy', text: '复制' },
+                    ];
+                    if (localStorage.getItem('locale') === 'zh-CN') {
+                        selectList.forEach((item) => {
+                            const elmentList = document.querySelectorAll(
+                                `.actions-container .action-label[aria-label="${item.label}"]`,
+                            );
+                            this.changeInnerText(elmentList, item.text);
+                        });
+                    }
+                }),
+                100,
+            );
+        },
+
+        undo() {
+            this.editor.trigger('anyString', 'undo');
+        },
+        redo() {
+            this.editor.trigger('anyString', 'redo');
+        },
+        // save the current value(保存当前的值)
+        save() {
+            if (this.editorModel) {
+                this.deltaDecorations();
+            }
+        },
+        // Saved edit state ViewState(保存的编辑状态 ViewState)
+        saveViewState() {
+            if (this.editorModel) {
+                this.editorModel.viewState = this.editor.saveViewState();
+            }
+        },
+        // Reset the previously saved edit state ViewState(重置之前保存的编辑状态 ViewState)
+        restoreViewState() {
+            if (this.editorModel && this.editorModel.viewState) {
+                this.editor.restoreViewState(this.editorModel.viewState);
+            }
+        },
+        // Get editor content(获取编辑器内容)
+        getValue() {
+            return this.editor.getValue({
+                lineEnding: '\n',
+                preserveBOM: false,
+            });
+        },
+        // Get selected content(获取选择的内容)
+        getValueInRange() {
+            const selection = this.editor.getSelection();
+            return selection.isEmpty()
+                ? null
+                : this.editor.getModel().getValueInRange(selection);
+        },
+        // Insert a value in the selected range in the editor(在编辑器选中的范围插入值)
+        insertValueIntoEditor(value) {
+            if (this.editor) {
+                const SelectedRange = this.editor.getSelection();
+                let range = null;
+                if (SelectedRange) {
+                    range = new monaco.Range(
+                        SelectedRange.startLineNumber,
+                        SelectedRange.startColumn,
+                        SelectedRange.endLineNumber,
+                        SelectedRange.endColumn,
+                    );
+                    const text = value;
+                    const op = {
+                        identifier: {
+                            major: 1,
+                            minor: 1,
+                        },
+                        range,
+                        text,
+                        forceMoveMarkers: true,
+                    };
+                    this.editor.executeEdits('insertValue', [op]);
+                }
+            }
+        },
+        addCommands() {
+            // save the current script(保存当前脚本)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_S,
+                () => {
+                    this.$emit('on-save');
+                },
+            );
+            // run the current script(运行当前脚本)
+            if (this.executable) {
+                this.editor.addCommand(monaco.KeyCode.F3, () => {
+                    this.$emit('on-run');
+                });
+            }
+            // Invokes the convert lowercase action of the browser itself(调用浏览器本身的转换小写动作)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd +
+                    monaco.KeyMod.Shift +
+                    monaco.KeyCode.KEY_U,
+                () => {
+                    this.editor.trigger(
+                        'toLowerCase',
+                        'editor.action.transformToLowercase',
+                    );
+                },
+            );
+            // Invokes the convert caps action of the browser itself(调用浏览器本身的转换大写动作)
+            this.editor.addCommand(
+                monaco.KeyMod.CtrlCmd + monaco.KeyCode.KEY_U,
+                () => {
+                    this.editor.trigger(
+                        'toUpperCase',
+                        'editor.action.transformToUppercase',
+                    );
+                },
+            );
+        },
+        addActions() {
+            const vm = this;
+
+            this.editor.addAction({
+                id: 'editor.action.execute',
+                label: this.$t('message.common.monacoMenu.YXJB'),
+                keybindings: [monaco.KeyCode.F3],
+                keybindingContext: null,
+                contextMenuGroupId: 'navigation',
+                contextMenuOrder: 1.5,
+                run() {
+                    vm.$emit('on-run');
+                },
+            });
+
+            // this.editor.addAction({
+            //   id: 'format',
+            //   label: this.$t('message.common.monacoMenu.GSH'),
+            //   keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyMod.Shift | monaco.KeyCode.KEY_L],
+            //   keybindingContext: null,
+            //   contextMenuGroupId: 'control',
+            //   contextMenuOrder: 1.5,
+            //   run(editor) {
+            //     editor.trigger('anyString', 'editor.action.formatDocument');
+            //   },
+            // });
+
+            this.editor.addAction({
+                id: 'find',
+                label: this.$t('message.common.monacoMenu.CZ'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_F],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.6,
+                run(editor) {
+                    editor.trigger('find', 'actions.find');
+                },
+            });
+
+            this.editor.addAction({
+                id: 'replace',
+                label: this.$t('message.common.monacoMenu.TH'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_H],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.7,
+                run(editor) {
+                    editor.trigger(
+                        'findReplace',
+                        'editor.action.startFindReplaceAction',
+                    );
+                },
+            });
+
+            this.editor.addAction({
+                id: 'commentLine',
+                label: this.$t('message.common.monacoMenu.HZS'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.US_SLASH],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.8,
+                run(editor) {
+                    editor.trigger('commentLine', 'editor.action.commentLine');
+                },
+            });
+
+            this.editor.addAction({
+                id: 'paste',
+                label: this.$t('message.common.monacoMenu.ZT'),
+                keybindings: [],
+                keybindingContext: null,
+                contextMenuGroupId: '9_cutcopypaste',
+                contextMenuOrder: 2,
+                run() {
+                    const copyString = storage.get('copyString');
+                    if (!copyString || copyString.length < 0) {
+                        vm.$Message.warning(
+                            this.$t('message.common.monacoMenu.HBQWJCFZWB'),
+                        );
+                    } else {
+                        vm.insertValueIntoEditor(copyString);
+                    }
+                    return null;
+                },
+            });
+
+            this.editor.addAction({
+                id: 'gotoLine',
+                label: this.$t('message.common.monacoMenu.TDZDH'),
+                keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_G],
+                keybindingContext: null,
+                contextMenuGroupId: 'control',
+                contextMenuOrder: 1.9,
+                run(editor) {
+                    editor.trigger('gotoLine', 'editor.action.gotoLine');
+                },
+            });
+
+            if (this.language === 'hql') {
+                // Control grammar check(控制语法检查)
+                this.closeParser = this.editor.createContextKey(
+                    'closeParser',
+                    !this.isParserClose,
+                );
+                this.openParser = this.editor.createContextKey(
+                    'openParser',
+                    this.isParserClose,
+                );
+                this.editor.addAction({
+                    id: 'closeParser',
+                    label: this.$t('message.common.monacoMenu.GBYFJC'),
+                    keybindings: [],
+                    keybindingContext: null,
+                    // Used to control the display of the right-click menu(用于控制右键菜单的显示)
+                    precondition: 'closeParser',
+                    contextMenuGroupId: 'control',
+                    contextMenuOrder: 2.0,
+                    run() {
+                        vm.isParserClose = true;
+                        // Controls the display of the right-click menu(控制右键菜单的显示)
+                        vm.openParser.set(true);
+                        vm.closeParser.set(false);
+                        vm.deltaDecorations();
+                    },
+                });
+
+                this.editor.addAction({
+                    id: 'openParser',
+                    label: this.$t('message.common.monacoMenu.DKYFJC'),
+                    keybindings: [],
+                    keybindingContext: null,
+                    precondition: 'openParser',
+                    contextMenuGroupId: 'control',
+                    contextMenuOrder: 2.1,
+                    run() {
+                        vm.isParserClose = false;
+                        vm.openParser.set(false);
+                        vm.closeParser.set(true);
+                        vm.deltaDecorations();
+                    },
+                });
+            }
+        },
+        deltaDecorations: debounce(function (value, cb) {
+            // eslint-disable-next-line @typescript-eslint/no-this-alias
+            const vm: any = this;
+            if (!vm.isParserClose) {
+                let highRiskList = [];
+                const lang = vm.language;
+                const app = vm.application;
+                if (
+                    lang === 'python' ||
+                    (app === 'spark' && ['java', 'hql'].indexOf(lang) !== -1) ||
+                    app === 'hive'
+                ) {
+                    // High-risk syntax highlighting(高危语法的高亮)
+                    highRiskList = vm.setHighRiskGrammar();
+                    const decora = vm.decorations || [];
+                    let isParseSuccess = true;
+                    if (lang === 'hql') {
+                        const val = value || vm.value;
+                        const validParser = !vm.sqlParser
+                            ? null
+                            : vm.sqlParser.parser.parseSyntax(val, 'hive');
+                        let newDecora = [];
+                        if (validParser) {
+                            isParseSuccess = false;
+                            const warningLalbel = `编译语句时异常：在行${validParser.loc.first_line}:${validParser.loc.first_column}，输入词'${validParser.text}'附近可能存在sql语法错误`;
+                            const range = new monaco.Range(
+                                validParser.loc.first_line,
+                                validParser.loc.first_column,
+                                validParser.loc.last_line,
+                                validParser.loc.last_column + 1,
+                            );
+                            // The first element is highlighting the wrong keywords, the second is highlighting lines and margin blocks(第一个元素是对错误的关键词做高亮的，第二个元素是对行和margin块做高亮)的
+                            newDecora = [
+                                {
+                                    range,
+                                    options: {
+                                        inlineClassName: 'inlineDecoration',
+                                    },
+                                },
+                                {
+                                    range,
+                                    options: {
+                                        isWholeLine: true,
+                                        className: 'contentClass',
+                                        // To use color blocks in margin, the editor must set glyphMargin to true(要在margin中使用色块，编辑器必须将glyphMargin设置为true)
+                                        glyphMarginClassName:
+                                            'glyphMarginClass',
+                                        // hover prompt, the use of glyphHoverMessage in the documentation is wrong(hover提示，文档中使用glyphHoverMessage是错的)
+                                        hoverMessage: {
+                                            value: warningLalbel,
+                                        },
+                                    },
+                                },
+                            ];
+                        }
+                        // The first parameter is old, used to clear decorations(第一个参数是旧的，用于清空decorations)
+                        vm.decorations = vm.editor.deltaDecorations(
+                            decora,
+                            newDecora.concat(highRiskList),
+                        );
+                        vm.$emit('is-parse-success', isParseSuccess);
+                    } else {
+                        vm.decorations = vm.editor.deltaDecorations(
+                            decora,
+                            highRiskList,
+                        );
+                    }
+                    if (cb) {
+                        cb(isParseSuccess);
+                    }
+                } else if (cb) {
+                    cb(true);
+                }
+            } else {
+                // When the grammar check is turned off, if there is an error color block on the editor, clear it first(关闭语法检查时，如果编辑器上有错误色块，先清除)
+                const decora = vm.decorations || [];
+                vm.decorations = vm.editor.deltaDecorations(decora, []);
+                if (cb) {
+                    cb(true);
+                }
+            }
+        }, 500),
+        setHighRiskGrammar() {
+            let highRiskList = [];
+            const HOVER_MESSAGE = this.$t(
+                'message.common.monacoMenu.GYFSYGWYF',
+            );
+            let highRiskGrammarToken = highRiskGrammar[this.language];
+            if (this.language === 'java') {
+                highRiskGrammarToken = highRiskGrammar.scala;
+            }
+            if (highRiskGrammarToken && highRiskGrammarToken.length) {
+                // Because there are multiple regular tokens, use all the rules to traverse(因为正则的token有多个，所以要用所有的规则去遍历)
+                highRiskGrammarToken.forEach((key) => {
+                    // Use regular to grab the matching text in the editor, which is an array(使用正则去抓取编辑器中的匹配文本，是一个数组)
+                    const errorLabel = this.editorModel.findMatches(
+                        key,
+                        false,
+                        true,
+                        false,
+                        null,
+                        true,
+                    );
+                    if (errorLabel.length) {
+                        const formatedRiskGrammer = [];
+                        errorLabel.forEach((item) => {
+                            // Get the content of the current entire line(拿到当前整行的内容)
+                            const lineContent = this.editorModel.getLineContent(
+                                item.range.startLineNumber,
+                            );
+                            let reg = /^[^\-\-]\s*/;
+                            if (this.language === 'python') {
+                                reg = /^[^\#]\s*/;
+                            } else if (this.language === 'java') {
+                                reg = /^[^\/\/]\s*/;
+                            }
+                            const isHasComment = reg.test(lineContent);
+                            // Determine if there are annotations(判断是否有注释)
+                            if (isHasComment) {
+                                formatedRiskGrammer.push({
+                                    range: item.range,
+                                    options: {
+                                        inlineClassName: 'highRiskGrammar',
+                                        hoverMessage: {
+                                            value: HOVER_MESSAGE,
+                                        },
+                                    },
+                                });
+                            }
+                        });
+                        highRiskList = highRiskList.concat(formatedRiskGrammer);
+                    }
+                });
+            }
+            return highRiskList;
+        },
+        async initParser() {
+            this.monaco.editor.setModelLanguage(
+                this.editorModel,
+                this.language,
+            );
+            // if (this.language === 'hql' && !this.sqlParser) {
+            //     this.sqlParser = await import('dt-sql-parser');
+            // }
+            this.deltaDecorations(this.value);
+        },
+    },
+    mounted() {
+        console.log(this.$el, this.$props);
+        if (this.$el) {
+            // this.editor = monaco.editor.create(this.$el, this.currentConfig);
+            // this.monaco = monaco;
+            // this.editorModel = this.editor.getModel();
+
+            this.editor = this.createEditor(
+                this.$el,
+                this.$props.editorOptions,
+            );
+            this.updateMonacoVal();
+            this.editor!.onDidChangeModelContent(() => {
+                this.$emit('update:modelValue', monacoEditor!.getValue());
+            });
+            this.editor!.onDidBlurEditorText(() => {
+                this.$emit('blur');
+            });
+        }
+    },
+    beforeUnmount() {
+        // 销毁 editor，进行gc(销毁 editor，进行gc)
+        this.editor!.dispose();
+    },
+});
+</script>
+
+<style lang="less" scoped>
+.editor-area {
+    position: relative;
+    border: 1px solid #ddd;
+    overflow: hidden;
+    background-color: #fff;
+    box-sizing: border-box;
+
+    .tools {
+        z-index: 888;
+        position: absolute;
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        padding: 0 2px;
+        border-right: 1px solid rgba(0, 0, 0, 0.1);
+        left: 0;
+        bottom: 0px;
+        top: 0;
+        .expand {
+            cursor: pointer;
+            line-height: 0;
+            margin-top: 5px;
+        }
+    }
+}
+</style>
diff --git a/linkis-web-next/src/components/sidebar/index.vue b/linkis-web-next/src/components/sidebar/index.vue
index ef2e43d004..d8c9318d71 100644
--- a/linkis-web-next/src/components/sidebar/index.vue
+++ b/linkis-web-next/src/components/sidebar/index.vue
@@ -11,10 +11,16 @@
                             </div>
                         </template>
                         <f-menu-group>
-                            <template v-for="subMenuItem in menuItem.items" :key="subMenuItem.title">
-                                <f-menu-item :value="menuItem.title + subMenuItem.title" @click="
-                                    handleClick(subMenuItem?.path ?? '/')
-                                    ">
+                            <template
+                                v-for="subMenuItem in menuItem.items"
+                                :key="subMenuItem.title"
+                            >
+                                <f-menu-item
+                                    :value="menuItem.title + subMenuItem.title"
+                                    @click="
+                                        handleClick(subMenuItem?.path ?? '/')
+                                    "
+                                >
                                     <template #label>
                                         <div class="submenu-item">
                                             {{ $t(subMenuItem.title) }}123
@@ -26,7 +32,10 @@
                     </f-sub-menu>
                 </template>
                 <template v-else>
-                    <f-menu-item :value="menuItem.title" @click="handleClick(menuItem?.path ?? '/')">
+                    <f-menu-item
+                        :value="menuItem.title"
+                        @click="handleClick(menuItem?.path ?? '/')"
+                    >
                         <template #label>
                             <img :src="menuItem.icon" />
                             <div class="title-text">
diff --git a/linkis-web-next/src/layout.vue b/linkis-web-next/src/layout.vue
index c656169cae..2d79990f68 100644
--- a/linkis-web-next/src/layout.vue
+++ b/linkis-web-next/src/layout.vue
@@ -7,11 +7,13 @@
                     <f-aside style="margin-right: 16px">
                         <Sidebar></Sidebar>
                     </f-aside>
-                    <f-main style="
+                    <f-main
+                        style="
                             margin-top: 16px;
                             padding: 24px;
                             background-color: #fff;
-                        ">
+                        "
+                    >
                         <router-view></router-view>
                     </f-main>
                 </f-layout>
@@ -22,8 +24,7 @@
 <script setup lang="ts">
 import Sidebar from '@/components/sidebar/index.vue';
 
-const changeMenusDisplay = () => {
-};
+const changeMenusDisplay = () => {};
 </script>
 <style lang="less" scoped>
 @import '@/style/variable.less';
@@ -178,7 +179,8 @@ const changeMenusDisplay = () => {
             background: rgba(83, 132, 255, 0.06);
 
             .wd-menu-icon {
-                filter: invert(45%) sepia(13%) saturate(4258%) hue-rotate(197deg) brightness(108%) contrast(100%);
+                filter: invert(45%) sepia(13%) saturate(4258%)
+                    hue-rotate(197deg) brightness(108%) contrast(100%);
             }
 
             &::after {
diff --git a/linkis-web-next/src/pages/globalHistoryManagement/table.vue b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
index c580783207..9a2b9e7aee 100644
--- a/linkis-web-next/src/pages/globalHistoryManagement/table.vue
+++ b/linkis-web-next/src/pages/globalHistoryManagement/table.vue
@@ -323,7 +323,6 @@ onMounted(() => {
     position: relative;
     height: 100vh;
     overflow: auto;
-
     .table {
         /* height: calc(100% - 350px); */
         /* overflow-y: auto; */
diff --git a/linkis-web-next/src/pages/parameterConfig/drawer.vue b/linkis-web-next/src/pages/parameterConfig/drawer.vue
index df12969e8c..e258c68c26 100644
--- a/linkis-web-next/src/pages/parameterConfig/drawer.vue
+++ b/linkis-web-next/src/pages/parameterConfig/drawer.vue
@@ -222,6 +222,7 @@ const engineConfigList = reactive([
 ]);
 
 // TODO: replace mock data with the real
+
 const data = reactive([
     {
         taskId: '1',
diff --git a/linkis-web-next/src/pages/parameterConfig/index.vue b/linkis-web-next/src/pages/parameterConfig/index.vue
index bb94cc7f8a..4966ec8918 100644
--- a/linkis-web-next/src/pages/parameterConfig/index.vue
+++ b/linkis-web-next/src/pages/parameterConfig/index.vue
@@ -25,8 +25,7 @@
                 <div class="delimiter"></div>
                 <FButton type="link" @click="openModal">全局配置</FButton>
                 <Drawer ref="drawerRef"></Drawer>
-                <Modal ref="modalRef">
-                </Modal>
+                <Modal ref="modalRef"> </Modal>
             </div>
         </f-header>
         <f-main>
diff --git a/linkis-web-next/vite.config.ts b/linkis-web-next/vite.config.ts
index c56f308730..8de9978bbe 100644
--- a/linkis-web-next/vite.config.ts
+++ b/linkis-web-next/vite.config.ts
@@ -14,7 +14,7 @@ export default defineConfig(({ mode }) => {
             },
         },
         server: {
-            // port: 3000,
+            port: 5137,
             host: 'localhost',
             proxy: {
                 '/api': {