fix: add tooltips for list graphs (#47)

src/views/dashboard/controls/Tab.vue

@@ -83,8 +83,8 @@ limitations under the License. -->
       v-model:layout="dashboardStore.currentTabItems"
       :col-num="24"
       :row-height="10"
-      :is-draggable="true"
-      :is-resizable="true"
+      :is-draggable="dashboardStore.editMode"
+      :is-resizable="dashboardStore.editMode"
       @layout-updated="layoutUpdatedEvent"
     >
       <grid-item
@@ -320,7 +320,7 @@ export default defineComponent({
 .vue-grid-item:not(.vue-grid-placeholder) {
   background: #fff;
   box-shadow: 0px 1px 4px 0px #00000029;
-  border-radius: 5px;
+  border-radius: 3px;
 }
 
 .tab-layout {

src/views/dashboard/controls/Text.vue

@@ -36,21 +36,21 @@ limitations under the License. -->
     </div>
     <div
       class="body"
-      :class="data.graph.textAlign === 'center' ? 'center' : ''"
       :style="{
-        backgroundColor: TextColors[data.graph.backgroundColor],
-        color: TextColors[data.graph.fontColor],
-        fontSize: data.graph.fontSize + 'px',
-        textAlign: data.graph.textAlign,
+        backgroundColor: TextColors[graph.backgroundColor],
+        color: TextColors[graph.fontColor],
+        fontSize: graph.fontSize + 'px',
+        textAlign: graph.textAlign,
       }"
     >
-      <a :href="data.graph.url" target="_blank">
-        {{ data.graph.content }}
+      <a :href="graph.url" target="_blank">
+        {{ graph.content }}
       </a>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
+import { computed } from "vue";
 import type { PropType } from "vue";
 import { useI18n } from "vue-i18n";
 import { useDashboardStore } from "@/store/modules/dashboard";
@@ -65,6 +65,7 @@ const props = defineProps({
   activeIndex: { type: String, default: "" },
 });
 const { t } = useI18n();
+const graph = computed(() => props.data.graph || {});
 const dashboardStore = useDashboardStore();
 
 function removeTopo() {
@@ -93,16 +94,11 @@ function editConfig() {
 }
 
 .body {
-  text-align: center;
+  padding: 5px 20px 0 10px;
   width: 100%;
   height: 100%;
   line-height: 100%;
   cursor: pointer;
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: center;
-  box-sizing: border-box;
-  display: -webkit-box;
-  // -webkit-box-align: left;
 }
 
 .tools {