From 82b348a76674292ba42ac4ad4ff0090dfd415f60 Mon Sep 17 00:00:00 2001
From: Fine0830 <fanxue0830@gmail.com>
Date: Fri, 26 Aug 2022 16:26:25 +0800
Subject: [PATCH 1/9] feat: add a calculation to convert nanoseconds to
 milliseconds (#148)

---
 src/hooks/data.ts           | 1 +
 src/hooks/useProcessor.ts   | 5 ++++-
 src/views/dashboard/data.ts | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/hooks/data.ts b/src/hooks/data.ts
index 73eef8d1..1656122f 100644
--- a/src/hooks/data.ts
+++ b/src/hooks/data.ts
@@ -37,6 +37,7 @@ export enum Calculations {
   PercentageAvg = "percentageAvg",
   ApdexAvg = "apdexAvg",
   SecondToDay = "secondToDay",
+  NanosecondToMillisecond = "nanosecondToMillisecond",
 }
 export enum sizeEnum {
   XS = "XS",
diff --git a/src/hooks/useProcessor.ts b/src/hooks/useProcessor.ts
index dea25185..55f2edc7 100644
--- a/src/hooks/useProcessor.ts
+++ b/src/hooks/useProcessor.ts
@@ -397,7 +397,7 @@ export function aggregation(
       data = (val / 1024 / 1024 / 1024).toFixed(2);
       break;
     case Calculations.Apdex:
-      data = val / 10000;
+      data = (val / 10000).toFixed(2);
       break;
     case Calculations.ConvertSeconds:
       data = dayjs(val * 1000).format("YYYY-MM-DD HH:mm:ss");
@@ -414,6 +414,9 @@ export function aggregation(
     case Calculations.SecondToDay:
       data = (val / 86400).toFixed(2);
       break;
+    case Calculations.NanosecondToMillisecond:
+      data = (val / 1000 / 1000).toFixed(2);
+      break;
     default:
       data;
       break;
diff --git a/src/views/dashboard/data.ts b/src/views/dashboard/data.ts
index e79af1c0..78536e37 100644
--- a/src/views/dashboard/data.ts
+++ b/src/views/dashboard/data.ts
@@ -297,4 +297,5 @@ export const CalculationOpts = [
   { label: "Precision is 2", value: "precision" },
   { label: "Milliseconds to seconds", value: "msTos" },
   { label: "Seconds to days", value: "secondToDay" },
+  { label: "Nanoseconds to milliseconds", value: "nanosecondToMillisecond" },
 ];

From 1a989a1434da052788ba5e7f5b37620527300e52 Mon Sep 17 00:00:00 2001
From: Fine0830 <fanxue0830@gmail.com>
Date: Mon, 29 Aug 2022 17:02:42 +0800
Subject: [PATCH 2/9] fix widget name (#149)

---
 .../dashboard/configuration/widget/AssociateOptions.vue  | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/views/dashboard/configuration/widget/AssociateOptions.vue b/src/views/dashboard/configuration/widget/AssociateOptions.vue
index 967bc337..765baa95 100644
--- a/src/views/dashboard/configuration/widget/AssociateOptions.vue
+++ b/src/views/dashboard/configuration/widget/AssociateOptions.vue
@@ -40,15 +40,16 @@ const widgetIds = ref<string[]>(
   associate.map((d: { widgetId: string }) => d.widgetId)
 );
 const widgets: any = computed(() => {
-  const all = getDashboard(dashboardStore.currentDashboard).widgets;
-  const items = all.filter((d: any) => {
+  const widgetList = getDashboard(dashboardStore.currentDashboard).widgets;
+  const items = [];
+  for (const d of widgetList) {
     const isLinear = ["Bar", "Line", "Area"].includes(
       (d.graph && d.graph.type) || ""
     );
     if (isLinear && d.id && dashboardStore.selectedGrid.id !== d.id) {
-      return { value: d.id, label: (d.widget && d.widget.name) || d.id };
+      items.push({ value: d.id, label: (d.widget && d.widget.name) || d.id });
     }
-  });
+  }
   return items;
 });
 function updateWidgetConfig(options: Option[]) {

From d8889f178716e5358bf37787385142e5a317d427 Mon Sep 17 00:00:00 2001
From: Fine0830 <fanxue0830@gmail.com>
Date: Mon, 29 Aug 2022 17:32:49 +0800
Subject: [PATCH 3/9] fix: set configurations for process topology (#150)

---
 src/views/dashboard/controls/NetworkProfiling.vue      |  2 +-
 .../dashboard/related/network-profiling/Content.vue    | 10 +++++++++-
 .../related/network-profiling/components/Settings.vue  |  5 +----
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/views/dashboard/controls/NetworkProfiling.vue b/src/views/dashboard/controls/NetworkProfiling.vue
index d5dfd490..5dc6ab59 100644
--- a/src/views/dashboard/controls/NetworkProfiling.vue
+++ b/src/views/dashboard/controls/NetworkProfiling.vue
@@ -30,7 +30,7 @@ limitations under the License. -->
         <span>{{ t("delete") }}</span>
       </div>
     </el-popover>
-    <Content />
+    <Content :config="props.data" />
   </div>
 </template>
 <script lang="ts" setup>
diff --git a/src/views/dashboard/related/network-profiling/Content.vue b/src/views/dashboard/related/network-profiling/Content.vue
index b320ac0e..12495af2 100644
--- a/src/views/dashboard/related/network-profiling/Content.vue
+++ b/src/views/dashboard/related/network-profiling/Content.vue
@@ -20,7 +20,7 @@ limitations under the License. -->
       v-if="networkProfilingStore.nodes.length"
       v-loading="networkProfilingStore.loadNodes"
     >
-      <process-topology />
+      <process-topology :config="config" />
     </div>
     <div class="text" v-else v-loading="networkProfilingStore.loadNodes">
       {{ t("noData") }}
@@ -28,11 +28,19 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
+import type { PropType } from "vue";
 import { useI18n } from "vue-i18n";
 import Tasks from "./components/Tasks.vue";
 import ProcessTopology from "./components/ProcessTopology.vue";
 import { useNetworkProfilingStore } from "@/store/modules/network-profiling";
 
+/*global defineProps */
+defineProps({
+  config: {
+    type: Object as PropType<any>,
+    default: () => ({ graph: {} }),
+  },
+});
 const networkProfilingStore = useNetworkProfilingStore();
 const { t } = useI18n();
 </script>
diff --git a/src/views/dashboard/related/network-profiling/components/Settings.vue b/src/views/dashboard/related/network-profiling/components/Settings.vue
index b0cb5aaa..a12a2cc8 100644
--- a/src/views/dashboard/related/network-profiling/components/Settings.vue
+++ b/src/views/dashboard/related/network-profiling/components/Settings.vue
@@ -15,7 +15,7 @@ limitations under the License. -->
 <template>
   <div class="label">{{ t("linkDashboard") }}</div>
   <Selector
-    :value="linkDashboard"
+    :value="dashboardStore.selectedGrid.linkDashboard || ''"
     :options="linkDashboards"
     size="small"
     placeholder="Please input a dashboard name for calls"
@@ -37,8 +37,6 @@ const dashboardStore = useDashboardStore();
 const linkDashboards = ref<
   (DashboardItem & { label: string; value: string })[]
 >([]);
-const { selectedGrid } = dashboardStore;
-const linkDashboard = ref<string>(selectedGrid.linkDashboard || "");
 
 onMounted(() => {
   getDashboards();
@@ -64,7 +62,6 @@ function getDashboards() {
 }
 
 function changeLinkDashboard(opt: { value: string }[]) {
-  linkDashboard.value = opt[0].value;
   const p = {
     ...dashboardStore.selectedGrid,
     linkDashboard: opt[0].value,

From b88356ba465d6135c87a2a4538746f0403d06e22 Mon Sep 17 00:00:00 2001
From: Fine0830 <fanxue0830@gmail.com>
Date: Tue, 30 Aug 2022 13:20:45 +0800
Subject: [PATCH 4/9] fix: polish the network profiling widget, bugfix (#151)

---
 .../related/network-profiling/Content.vue     | 19 +++++++++----------
 .../components/Graph/linkProcess.ts           |  8 ++++++--
 .../components/ProcessTopology.vue            | 16 ++++++++--------
 .../network-profiling/components/Settings.vue |  3 ++-
 4 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/src/views/dashboard/related/network-profiling/Content.vue b/src/views/dashboard/related/network-profiling/Content.vue
index 12495af2..f041b75f 100644
--- a/src/views/dashboard/related/network-profiling/Content.vue
+++ b/src/views/dashboard/related/network-profiling/Content.vue
@@ -15,15 +15,14 @@ limitations under the License. -->
 <template>
   <div class="flex-h content">
     <Tasks />
-    <div
-      class="vis-graph ml-5"
-      v-if="networkProfilingStore.nodes.length"
-      v-loading="networkProfilingStore.loadNodes"
-    >
-      <process-topology :config="config" />
-    </div>
-    <div class="text" v-else v-loading="networkProfilingStore.loadNodes">
-      {{ t("noData") }}
+    <div class="vis-graph ml-5" v-loading="networkProfilingStore.loadNodes">
+      <process-topology
+        v-if="networkProfilingStore.nodes.length"
+        :config="config"
+      />
+      <div class="text" v-else>
+        {{ t("noData") }}
+      </div>
     </div>
   </div>
 </template>
@@ -60,7 +59,7 @@ const { t } = useI18n();
 }
 
 .text {
-  width: calc(100% - 330px);
+  width: 100%;
   text-align: center;
   margin-top: 30px;
 }
diff --git a/src/views/dashboard/related/network-profiling/components/Graph/linkProcess.ts b/src/views/dashboard/related/network-profiling/components/Graph/linkProcess.ts
index 562a509f..858e090a 100644
--- a/src/views/dashboard/related/network-profiling/components/Graph/linkProcess.ts
+++ b/src/views/dashboard/related/network-profiling/components/Graph/linkProcess.ts
@@ -30,7 +30,10 @@ export const linkElement = (graph: any) => {
         0.5
       );
       if (d.lowerArc) {
-        controlPos[1] = -controlPos[1] - 10;
+        controlPos[1] =
+          Math.abs(controlPos[1]) < 50
+            ? -controlPos[1] + 90
+            : -controlPos[1] - 10;
       }
       return (
         "M" +
@@ -141,7 +144,8 @@ function getMidpoint(d: Call) {
     0.5
   );
   if (d.lowerArc) {
-    controlPos[1] = -controlPos[1];
+    controlPos[1] =
+      Math.abs(controlPos[1]) < 50 ? -controlPos[1] + 100 : -controlPos[1] - 10;
   }
   const p = quadraticBezier(
     0.5,
diff --git a/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue b/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
index fbf9f810..23df6290 100644
--- a/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
+++ b/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
@@ -14,14 +14,14 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div ref="chart" class="process-topo"></div>
-  <el-popover placement="bottom" :width="295" trigger="click">
+  <el-popover
+    placement="bottom"
+    :width="295"
+    trigger="click"
+    v-if="dashboardStore.editMode"
+  >
     <template #reference>
-      <div
-        class="switch-icon-edit ml-5"
-        title="Settings"
-        @click="setConfig"
-        v-if="dashboardStore.editMode"
-      >
+      <div class="switch-icon-edit ml-5" title="Settings" @click="setConfig">
         <Icon size="middle" iconName="setting_empty" />
       </div>
     </template>
@@ -76,7 +76,7 @@ const link = ref<any>(null);
 const anchor = ref<any>(null);
 const arrow = ref<any>(null);
 const oldVal = ref<{ width: number; height: number }>({ width: 0, height: 0 });
-const config = ref<any>({});
+const config = ref<any>(props.config || {});
 const diff = ref<number[]>([220, 200]);
 const radius = 210;
 const dates = ref<Nullable<{ start: number; end: number }>>(null);
diff --git a/src/views/dashboard/related/network-profiling/components/Settings.vue b/src/views/dashboard/related/network-profiling/components/Settings.vue
index a12a2cc8..a9cb9118 100644
--- a/src/views/dashboard/related/network-profiling/components/Settings.vue
+++ b/src/views/dashboard/related/network-profiling/components/Settings.vue
@@ -62,9 +62,10 @@ function getDashboards() {
 }
 
 function changeLinkDashboard(opt: { value: string }[]) {
+  const linkDashboard = opt.length ? opt[0].value : "";
   const p = {
     ...dashboardStore.selectedGrid,
-    linkDashboard: opt[0].value,
+    linkDashboard,
   };
   dashboardStore.selectWidget(p);
   dashboardStore.setConfigs(p);

From 0b4e7386999856ea101147849841dbddec76e3d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=91=E6=B3=A5?= <1656081615@qq.com>
Date: Thu, 1 Sep 2022 15:49:15 +0800
Subject: [PATCH 5/9] fix: tab active incorrectly, when click tab space (#152)

---
 src/views/dashboard/controls/Tab.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/dashboard/controls/Tab.vue b/src/views/dashboard/controls/Tab.vue
index fbe0df99..a643ada9 100644
--- a/src/views/dashboard/controls/Tab.vue
+++ b/src/views/dashboard/controls/Tab.vue
@@ -194,6 +194,7 @@ export default defineComponent({
       editTabIndex.value = index;
     }
     function handleClick(el: any) {
+      el.stopPropagation();
       needQuery.value = true;
       if (["tab-name", "edit-tab"].includes(el.target.className)) {
         return;

From 61a4d2f759831b9f1d9067ebb2ed5607ccfac02c Mon Sep 17 00:00:00 2001
From: Lv Lifeng <lvlifen9@gmail.com>
Date: Sat, 3 Sep 2022 19:45:54 +0800
Subject: [PATCH 6/9] Add impala icon 4 impala jdbc plugin (#153)

---
 src/assets/img/technologies/IMPALA.png | Bin 0 -> 5278 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/assets/img/technologies/IMPALA.png

diff --git a/src/assets/img/technologies/IMPALA.png b/src/assets/img/technologies/IMPALA.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc2bd774c5bb2b23b5163665bdfe880dda86f3f9
GIT binary patch
literal 5278
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

literal 0
HcmV?d00001


From 49bc3490642a82f56f3cd6ca15988d7338fb7d95 Mon Sep 17 00:00:00 2001
From: kezhenxu94 <kezhenxu94@apache.org>
Date: Tue, 6 Sep 2022 14:31:52 +0800
Subject: [PATCH 7/9] Keep package.json and package-lock.json in sync (#154)

---
 .github/workflows/nodejs.yml |   4 +-
 package-lock.json            | 209 +++++++++++++++++++++++++++++------
 2 files changed, 175 insertions(+), 38 deletions(-)

diff --git a/.github/workflows/nodejs.yml b/.github/workflows/nodejs.yml
index a6858bcd..1a8961c1 100644
--- a/.github/workflows/nodejs.yml
+++ b/.github/workflows/nodejs.yml
@@ -44,9 +44,9 @@ jobs:
         uses: actions/setup-node@v1
         with:
           node-version: ${{ matrix.node-version }}
-      - name: npm install, lint, build, and test
+      - name: npm ci, lint, build, and test
         run: |
-          npm install
+          npm ci
           npm run lint
           npm run build --if-present
           npm run test:unit
diff --git a/package-lock.json b/package-lock.json
index 1f0ebb18..27bcc9e3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -510,9 +510,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.16.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.8.tgz",
-      "integrity": "sha512-i7jDUfrVBWc+7OKcBzEe5n7fbv3i2fWtxKzzCvOjnzSxMfWMigAhtfJ7qzZNGFNMsCCd67+uz553dYKWXPvCKw==",
+      "version": "7.19.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.0.tgz",
+      "integrity": "sha512-74bEXKX2h+8rrfQUfsBfuZZHzsEs6Eql4pqy/T4Nn6Y9wNPggQOqD6z6pn5Bl8ZfysKouFZT/UXEH94ummEeQw==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -3433,8 +3433,16 @@
     "node_modules/@types/lodash": {
       "version": "4.14.179",
       "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.179.tgz",
-      "integrity": "sha512-uwc1x90yCKqGcIOAT6DwOSuxnrAbpkdPsUOZtwrXb4D/6wZs+6qG7QnIawDuZWg0sWpxl+ltIKCaLoMlna678w==",
-      "dev": true
+      "integrity": "sha512-uwc1x90yCKqGcIOAT6DwOSuxnrAbpkdPsUOZtwrXb4D/6wZs+6qG7QnIawDuZWg0sWpxl+ltIKCaLoMlna678w=="
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.6",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.6.tgz",
+      "integrity": "sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==",
+      "peer": true,
+      "dependencies": {
+        "@types/lodash": "*"
+      }
     },
     "node_modules/@types/mime": {
       "version": "1.3.2",
@@ -4948,6 +4956,46 @@
         "@vue/cli-service": "^3.0.0 || ^4.0.0-0"
       }
     },
+    "node_modules/@vue/cli-plugin-unit-jest/node_modules/@vue/compiler-sfc": {
+      "version": "2.7.10",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.10.tgz",
+      "integrity": "sha512-55Shns6WPxlYsz4WX7q9ZJBL77sKE1ZAYNYStLs6GbhIOMrNtjMvzcob6gu3cGlfpCR4bT7NXgyJ3tly2+Hx8Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.18.4",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/@vue/cli-plugin-unit-jest/node_modules/@vue/compiler-sfc/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,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@vue/cli-plugin-unit-jest/node_modules/csstype": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+      "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@vue/cli-plugin-unit-jest/node_modules/vue": {
+      "version": "2.7.10",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.10.tgz",
+      "integrity": "sha512-HmFC70qarSHPXcKtW8U8fgIkF6JGvjEmDiVInTkKZP0gIlEPhlVlcJJLkdGIDiNkIeA2zJPQTWJUI4iWe+AVfg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-sfc": "2.7.10",
+        "csstype": "^3.1.0"
+      }
+    },
     "node_modules/@vue/cli-plugin-unit-jest/node_modules/vue-jest": {
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/vue-jest/-/vue-jest-3.0.7.tgz",
@@ -9967,6 +10015,13 @@
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.7.tgz",
       "integrity": "sha512-P6twpd70BcPK34K26uJ1KT3wlhpuOAPoMwJzpsIWUxHZ7wpmbdZL/hQqBDfz7hGurYSa5PhzdhDHtt319hL3ig=="
     },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/deasync": {
       "version": "0.1.24",
       "resolved": "https://registry.npmjs.org/deasync/-/deasync-0.1.24.tgz",
@@ -18831,9 +18886,9 @@
       "dev": true
     },
     "node_modules/nanoid": {
-      "version": "3.1.32",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.32.tgz",
-      "integrity": "sha512-F8mf7R3iT9bvThBoW4tGXhXFHCctyCiUUPrWF8WaTqa3h96d9QybkSeba43XVOOE3oiLfkVDe4bT8MeGmkrTxw==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
       "bin": {
         "nanoid": "bin/nanoid.cjs"
       },
@@ -20451,20 +20506,26 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.5",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-      "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
+      "version": "8.4.16",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
+      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        }
+      ],
       "dependencies": {
-        "nanoid": "^3.1.30",
+        "nanoid": "^3.3.4",
         "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.1"
+        "source-map-js": "^1.0.2"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
       }
     },
     "node_modules/postcss-calc": {
@@ -24413,9 +24474,9 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz",
-      "integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==",
+      "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"
       }
@@ -27845,6 +27906,17 @@
       "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=",
       "dev": true
     },
+    "node_modules/vue-template-compiler": {
+      "version": "2.7.10",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.10.tgz",
+      "integrity": "sha512-QO+8R9YRq1Gudm8ZMdo/lImZLJVUIAM8c07Vp84ojdDAf8HmPJc7XB556PcXV218k2AkKznsRz6xB5uOjAC4EQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
     "node_modules/vue-template-es2015-compiler": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
@@ -29975,9 +30047,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.16.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.8.tgz",
-      "integrity": "sha512-i7jDUfrVBWc+7OKcBzEe5n7fbv3i2fWtxKzzCvOjnzSxMfWMigAhtfJ7qzZNGFNMsCCd67+uz553dYKWXPvCKw=="
+      "version": "7.19.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.0.tgz",
+      "integrity": "sha512-74bEXKX2h+8rrfQUfsBfuZZHzsEs6Eql4pqy/T4Nn6Y9wNPggQOqD6z6pn5Bl8ZfysKouFZT/UXEH94ummEeQw=="
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.16.7",
@@ -32249,8 +32321,16 @@
     "@types/lodash": {
       "version": "4.14.179",
       "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.179.tgz",
-      "integrity": "sha512-uwc1x90yCKqGcIOAT6DwOSuxnrAbpkdPsUOZtwrXb4D/6wZs+6qG7QnIawDuZWg0sWpxl+ltIKCaLoMlna678w==",
-      "dev": true
+      "integrity": "sha512-uwc1x90yCKqGcIOAT6DwOSuxnrAbpkdPsUOZtwrXb4D/6wZs+6qG7QnIawDuZWg0sWpxl+ltIKCaLoMlna678w=="
+    },
+    "@types/lodash-es": {
+      "version": "4.17.6",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.6.tgz",
+      "integrity": "sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==",
+      "peer": true,
+      "requires": {
+        "@types/lodash": "*"
+      }
     },
     "@types/mime": {
       "version": "1.3.2",
@@ -33439,6 +33519,45 @@
         "vue-jest": "^3.0.5"
       },
       "dependencies": {
+        "@vue/compiler-sfc": {
+          "version": "2.7.10",
+          "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.10.tgz",
+          "integrity": "sha512-55Shns6WPxlYsz4WX7q9ZJBL77sKE1ZAYNYStLs6GbhIOMrNtjMvzcob6gu3cGlfpCR4bT7NXgyJ3tly2+Hx8Q==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "@babel/parser": "^7.18.4",
+            "postcss": "^8.4.14",
+            "source-map": "^0.6.1"
+          },
+          "dependencies": {
+            "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,
+              "peer": true
+            }
+          }
+        },
+        "csstype": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+          "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==",
+          "dev": true,
+          "peer": true
+        },
+        "vue": {
+          "version": "2.7.10",
+          "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.10.tgz",
+          "integrity": "sha512-HmFC70qarSHPXcKtW8U8fgIkF6JGvjEmDiVInTkKZP0gIlEPhlVlcJJLkdGIDiNkIeA2zJPQTWJUI4iWe+AVfg==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "@vue/compiler-sfc": "2.7.10",
+            "csstype": "^3.1.0"
+          }
+        },
         "vue-jest": {
           "version": "3.0.7",
           "resolved": "https://registry.npmjs.org/vue-jest/-/vue-jest-3.0.7.tgz",
@@ -37456,6 +37575,13 @@
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.7.tgz",
       "integrity": "sha512-P6twpd70BcPK34K26uJ1KT3wlhpuOAPoMwJzpsIWUxHZ7wpmbdZL/hQqBDfz7hGurYSa5PhzdhDHtt319hL3ig=="
     },
+    "de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+      "dev": true,
+      "peer": true
+    },
     "deasync": {
       "version": "0.1.24",
       "resolved": "https://registry.npmjs.org/deasync/-/deasync-0.1.24.tgz",
@@ -44424,9 +44550,9 @@
       "dev": true
     },
     "nanoid": {
-      "version": "3.1.32",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.32.tgz",
-      "integrity": "sha512-F8mf7R3iT9bvThBoW4tGXhXFHCctyCiUUPrWF8WaTqa3h96d9QybkSeba43XVOOE3oiLfkVDe4bT8MeGmkrTxw=="
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
     },
     "nanomatch": {
       "version": "1.2.13",
@@ -45679,13 +45805,13 @@
       "dev": true
     },
     "postcss": {
-      "version": "8.4.5",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-      "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
+      "version": "8.4.16",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
+      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
       "requires": {
-        "nanoid": "^3.1.30",
+        "nanoid": "^3.3.4",
         "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.1"
+        "source-map-js": "^1.0.2"
       },
       "dependencies": {
         "picocolors": {
@@ -48795,9 +48921,9 @@
       "dev": true
     },
     "source-map-js": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz",
-      "integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA=="
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
     },
     "source-map-resolve": {
       "version": "0.5.3",
@@ -51480,6 +51606,17 @@
         }
       }
     },
+    "vue-template-compiler": {
+      "version": "2.7.10",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.10.tgz",
+      "integrity": "sha512-QO+8R9YRq1Gudm8ZMdo/lImZLJVUIAM8c07Vp84ojdDAf8HmPJc7XB556PcXV218k2AkKznsRz6xB5uOjAC4EQ==",
+      "dev": true,
+      "peer": true,
+      "requires": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
     "vue-template-es2015-compiler": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",

From 5da441ff9a5099fcde20ea009fad0155a78ef272 Mon Sep 17 00:00:00 2001
From: Fine0830 <fanxue0830@gmail.com>
Date: Thu, 8 Sep 2022 21:46:37 +0800
Subject: [PATCH 8/9] fix: polish the endpoint list graph (#155)

---
 src/locales/lang/en.ts                      |  1 +
 src/locales/lang/es.ts                      |  1 +
 src/locales/lang/zh.ts                      |  1 +
 src/views/dashboard/graphs/EndpointList.vue | 18 ++++++++----------
 src/views/dashboard/graphs/InstanceList.vue | 11 +----------
 src/views/dashboard/graphs/ServiceList.vue  |  7 +------
 src/views/dashboard/graphs/style.scss       | 15 ++++++++++++++-
 7 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index 58fd4945..7af04a65 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -152,6 +152,7 @@ const msg = {
   text: "Text",
   query: "Query",
   postgreSQL: "PostgreSQL",
+  endpointTips: "The table shows up to 20 pieces of endpoints.",
   seconds: "Seconds",
   hourTip: "Select Hour",
   minuteTip: "Select Minute",
diff --git a/src/locales/lang/es.ts b/src/locales/lang/es.ts
index 0b167791..136cd56f 100644
--- a/src/locales/lang/es.ts
+++ b/src/locales/lang/es.ts
@@ -152,6 +152,7 @@ const msg = {
   enableAssociate: "Activar asociación",
   query: "Consulta",
   postgreSQL: "PostgreSQL",
+  endpointTips: "Aquí, la tabla muestra hasta 20 punto final.",
   seconds: "Segundos",
   hourTip: "Seleccione Hora",
   minuteTip: "Seleccione Minuto",
diff --git a/src/locales/lang/zh.ts b/src/locales/lang/zh.ts
index e180079a..e0f50e98 100644
--- a/src/locales/lang/zh.ts
+++ b/src/locales/lang/zh.ts
@@ -149,6 +149,7 @@ const msg = {
   text: "文本",
   query: "查询",
   postgreSQL: "PostgreSQL",
+  endpointTips: "这里最多展示20条endpoints。",
   seconds: "秒",
   hourTip: "选择小时",
   minuteTip: "选择分钟",
diff --git a/src/views/dashboard/graphs/EndpointList.vue b/src/views/dashboard/graphs/EndpointList.vue
index 2967a567..c4654b22 100644
--- a/src/views/dashboard/graphs/EndpointList.vue
+++ b/src/views/dashboard/graphs/EndpointList.vue
@@ -17,17 +17,17 @@ limitations under the License. -->
     <div class="search">
       <el-input
         v-model="searchText"
-        placeholder="Please input endpoint name"
-        size="small"
+        placeholder="Search for more endpoints"
         @change="searchList"
         class="inputs"
       >
         <template #append>
-          <el-button size="small" @click="searchList">
-            <Icon size="sm" iconName="search" />
+          <el-button @click="searchList" class="btn">
+            <Icon size="middle" iconName="search" />
           </el-button>
         </template>
       </el-input>
+      <span class="ml-5 tips">{{ t("endpointTips") }}</span>
     </div>
     <div class="list">
       <el-table v-loading="chartLoading" :data="endpoints" style="width: 100%">
@@ -56,6 +56,7 @@ limitations under the License. -->
 import { ref, watch, computed } from "vue";
 import { useSelectorStore } from "@/store/modules/selectors";
 import { ElMessage } from "element-plus";
+import { useI18n } from "vue-i18n";
 import type { PropType } from "vue";
 import { EndpointListConfig } from "@/types/dashboard";
 import { Endpoint } from "@/types/selector";
@@ -92,6 +93,7 @@ const props = defineProps({
   intervalTime: { type: Array as PropType<string[]>, default: () => [] },
 });
 
+const { t } = useI18n();
 const selectorStore = useSelectorStore();
 const dashboardStore = useDashboardStore();
 const chartLoading = ref<boolean>(false);
@@ -191,11 +193,7 @@ watch(
 <style lang="scss" scoped>
 @import "./style.scss";
 
-.chart {
-  height: 60px;
-}
-
-.inputs {
-  width: 300px;
+.tips {
+  color: rgba(255, 0, 0, 0.5);
 }
 </style>
diff --git a/src/views/dashboard/graphs/InstanceList.vue b/src/views/dashboard/graphs/InstanceList.vue
index 412973ca..04ae5412 100644
--- a/src/views/dashboard/graphs/InstanceList.vue
+++ b/src/views/dashboard/graphs/InstanceList.vue
@@ -18,12 +18,11 @@ limitations under the License. -->
       <el-input
         v-model="searchText"
         placeholder="Please input instance name"
-        size="small"
         @change="searchList"
         class="inputs"
       >
         <template #append>
-          <el-button size="small" @click="searchList">
+          <el-button class="btn" @click="searchList">
             <Icon size="sm" iconName="search" />
           </el-button>
         </template>
@@ -243,14 +242,6 @@ watch(
 <style lang="scss" scoped>
 @import "./style.scss";
 
-.chart {
-  height: 60px;
-}
-
-.inputs {
-  width: 300px;
-}
-
 .attributes {
   max-height: 400px;
   overflow: auto;
diff --git a/src/views/dashboard/graphs/ServiceList.vue b/src/views/dashboard/graphs/ServiceList.vue
index bfeb4553..a08d22ca 100644
--- a/src/views/dashboard/graphs/ServiceList.vue
+++ b/src/views/dashboard/graphs/ServiceList.vue
@@ -18,12 +18,11 @@ limitations under the License. -->
       <el-input
         v-model="searchText"
         placeholder="Please input service name"
-        size="small"
         @change="searchList"
         class="inputs mt-5"
       >
         <template #append>
-          <el-button size="small" @click="searchList">
+          <el-button class="btn" @click="searchList">
             <Icon size="sm" iconName="search" />
           </el-button>
         </template>
@@ -286,8 +285,4 @@ watch(
 </script>
 <style lang="scss" scoped>
 @import "./style.scss";
-
-.inputs {
-  width: 300px;
-}
 </style>
diff --git a/src/views/dashboard/graphs/style.scss b/src/views/dashboard/graphs/style.scss
index a1b83a93..261abc2f 100644
--- a/src/views/dashboard/graphs/style.scss
+++ b/src/views/dashboard/graphs/style.scss
@@ -23,6 +23,7 @@
 .list {
   margin-top: 10px;
   margin-bottom: 10px;
+  height: calc(100% - 90px);
 }
 
 .pagination {
@@ -40,9 +41,21 @@
 }
 
 .search {
-  text-align: right;
+  margin-top: 5px;
 }
 
 .input-with-search {
   width: 400px;
 }
+
+.btn {
+  margin-top: -12px;
+}
+
+.chart {
+  height: 60px;
+}
+
+.inputs {
+  width: 300px;
+}

From 0d63d538c3aada85d55082ee92d239d4d3ae51e2 Mon Sep 17 00:00:00 2001
From: Fine0830 <fanxue0830@gmail.com>
Date: Thu, 8 Sep 2022 22:41:02 +0800
Subject: [PATCH 9/9] fix: set up a new time range after clicking the refresh
 button (#156)

---
 src/layout/components/NavBar.vue | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/layout/components/NavBar.vue b/src/layout/components/NavBar.vue
index 19355743..d5710e7c 100644
--- a/src/layout/components/NavBar.vue
+++ b/src/layout/components/NavBar.vue
@@ -18,7 +18,7 @@ limitations under the License. -->
     <div class="app-config">
       <span class="red" v-show="timeRange">{{ t("timeTips") }}</span>
       <TimePicker
-        :value="time"
+        :value="[appStore.durationRow.start, appStore.durationRow.end]"
         position="bottom"
         format="YYYY-MM-DD HH:mm"
         @input="changeTimeRange"
@@ -55,17 +55,12 @@ import { useI18n } from "vue-i18n";
 import timeFormat from "@/utils/timeFormat";
 import { useAppStoreWithOut } from "@/store/modules/app";
 import { ElMessage } from "element-plus";
-import getLocalTime from "@/utils/localtime";
 
 const { t } = useI18n();
 const appStore = useAppStoreWithOut();
 const route = useRoute();
 const pageName = ref<string>("");
 const timeRange = ref<number>(0);
-const time = ref<Date[]>([
-  appStore.durationRow.start,
-  appStore.durationRow.end,
-]);
 
 resetDuration();
 getVersion();
@@ -73,15 +68,13 @@ const setConfig = (value: string) => {
   pageName.value = value || "";
 };
 
-const handleReload = () => {
+function handleReload() {
   const gap =
     appStore.duration.end.getTime() - appStore.duration.start.getTime();
-  const dates: Date[] = [
-    getLocalTime(appStore.utc, new Date(new Date().getTime() - gap)),
-    getLocalTime(appStore.utc, new Date()),
-  ];
+  const dates: Date[] = [new Date(new Date().getTime() - gap), new Date()];
   appStore.setDuration(timeFormat(dates));
-};
+}
+
 function changeTimeRange(val: Date[] | any) {
   timeRange.value =
     val[1].getTime() - val[0].getTime() > 60 * 24 * 60 * 60 * 1000 ? 1 : 0;
@@ -114,7 +107,6 @@ function resetDuration() {
       step: d.step,
     });
     appStore.updateUTC(d.utc);
-    time.value = [new Date(d.start), new Date(d.end)];
   }
 }
 </script>