perf: adjust TextComponent font size

@@ -92,13 +92,15 @@
         placement="topLeft"
         :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)"
       >
-        <span>更新时间:</span>
-        <span
+        <div
           :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }) }"
           class="truncate"
         >
-          {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }}
-        </span>
+          <span class="mr-1">更新时间:</span>
+          <span class="truncate">
+            {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }}
+          </span>
+        </div>
       </Tooltip>
     </div>
   </div>

 <script lang="ts" setup>
-  import { MoreOutlined, LineChartOutlined } from '@ant-design/icons-vue';
+  import { MoreOutlined } from '@ant-design/icons-vue';
   import { DropMenu } from '/@/components/Dropdown';
   import Dropdown from '/@/components/Dropdown/src/Dropdown.vue';
   import { Tooltip } from 'ant-design-vue';
   import SvgIcon from '/@/components/Icon/src/SvgIcon.vue';
-  import { MoreActionEvent } from '../../config/config';
+  import { isBataBoardSharePage, MoreActionEvent } from '../../config/config';
   import { computed } from '@vue/reactivity';
   import { usePermission } from '/@/hooks/web/usePermission';
   import { DataSource } from '/@/api/dataBoard/model';
+  import { useRoute } from 'vue-router';
 
   const emit = defineEmits(['action']);
   const props = defineProps<{
@@ -41,6 +42,12 @@
     return basicMenu;
   });
 
+  const ROUTE = useRoute();
+
+  const getIsSharePage = computed(() => {
+    return isBataBoardSharePage(ROUTE.path);
+  });
+
   const handleMenuEvent = (event: DropMenu) => {
     emit('action', event, props.id);
   };
@@ -72,7 +79,7 @@
         @menu-event="handleMenuEvent"
       >
         <Tooltip title="更多">
-          <MoreOutlined class="transform rotate-90 cursor-pointer" />
+          <MoreOutlined v-if="!getIsSharePage" class="transform rotate-90 cursor-pointer" />
         </Tooltip>
       </Dropdown>
     </div>

@@ -9,10 +9,21 @@ export enum MoreActionEvent {
 export const DEFAULT_WIDGET_WIDTH = 6;
 export const DEFAULT_WIDGET_HEIGHT = 6;
 
-export const DATA_BOARD_SHARE_URL = (boardId = ':boardId', tenantId = ':tenantId') =>
-  `/data/board/share/${boardId}/${tenantId}`;
+export const DATA_BOARD_SHARE_URL = (
+  boardId = ':boardId',
+  tenantId = ':tenantId',
+  name = ':boardName?'
+) => `/data/board/share/${boardId}/${tenantId}/${name}`;
 
 export const isBataBoardSharePage = (url: string) => {
   const reg = /^\/data\/board\/share/g;
   return reg.test(url);
 };
+
+export const encode = (string: string) => {
+  return encodeURIComponent(string);
+};
+
+export const decode = (string: string) => {
+  return decodeURIComponent(string);
+};

@@ -9,6 +9,7 @@
   import { useModalInner } from '/@/components/Modal';
   import { DataBoardLayoutInfo } from '../../types/type';
   import { useMessage } from '/@/hooks/web/useMessage';
+  import { decode } from '../../config/config';
 
   interface DataComponentRouteParams extends RouteParams {
     id: string;
@@ -21,7 +22,7 @@
   const { createMessage } = useMessage();
 
   const boardId = computed(() => {
-    return (ROUTE.params as DataComponentRouteParams).id;
+    return decode((ROUTE.params as DataComponentRouteParams).boardId as string);
   });
 
   const frontId = ref('');

@@ -9,6 +9,7 @@
   import DataBindModal from './components/DataBindModal.vue';
   import { useModal } from '/@/components/Modal';
   import {
+    decode,
     DEFAULT_WIDGET_HEIGHT,
     DEFAULT_WIDGET_WIDTH,
     isBataBoardSharePage,
@@ -41,12 +42,16 @@
   const { createMessage, createConfirm } = useMessage();
 
   const getBoardId = computed(() => {
-    return (ROUTE.params as { id: string }).id;
+    return decode((ROUTE.params as { boardId: string }).boardId);
+  });
+
+  const getDataBoardName = computed(() => {
+    return decode((ROUTE.params as { boardName: string }).boardName || '');
   });
 
   const getSharePageParams = computed(() => {
     const { boardId, tenantId } = ROUTE.params as { boardId: string; tenantId: string };
-    return { boardId, tenantId };
+    return { boardId: decode(boardId), tenantId: decode(tenantId) };
   });
 
   const getIsSharePage = computed(() => {
@@ -303,7 +308,7 @@
       <template #title>
         <div class="flex items-center">
           <RollbackOutlined v-if="!getIsSharePage" class="mr-3" @click="handleBack" />
-          <span>看板名称</span>
+          <span>{{ getDataBoardName }}</span>
         </div>
       </template>
       <template #extra>

@@ -18,6 +18,7 @@
   import Authority from '/@/components/Authority/src/Authority.vue';
   import { computed } from '@vue/reactivity';
   import { usePermission } from '/@/hooks/web/usePermission';
+  import { encode } from './config/config';
 
   const ListItem = List.Item;
   const router = useRouter();
@@ -50,14 +51,14 @@
     pageSize.value = size;
   }
 
-  const createShareUrl = (boardId: string, tenantId: string) => {
+  const createShareUrl = (boardId: string, tenantId: string, name: string) => {
     const { origin } = location;
-    return `${origin}${DATA_BOARD_SHARE_URL(boardId, tenantId)}`;
+    return `${origin}${DATA_BOARD_SHARE_URL(encode(boardId), encode(tenantId), encode(name))}`;
   };
 
   const { clipboardRef } = useCopyToClipboard();
   const handleCopyShareUrl = (record: DataBoardRecord) => {
-    clipboardRef.value = createShareUrl(record.id, record.tenantId);
+    clipboardRef.value = createShareUrl(record.id, record.tenantId, record.name);
     unref(clipboardRef) ? createMessage.success('复制成功') : createMessage.error('未找到分享链接');
   };
 
@@ -133,7 +134,8 @@
 
   const handleViewBoard = (record: DataBoardRecord) => {
     const hasDetailPermission = hasPermission('api:yt:dataBoard:detail');
-    if (hasDetailPermission) router.push(`/data/board/detail/${record.id}`);
+    if (hasDetailPermission)
+      router.push(`/data/board/detail/${encode(record.id)}/${encode(record.name)}`);
   };
 
   const handlePagenationPosition = () => {