perf(share): 优化分享页面渲染

@@ -25,7 +25,7 @@ export const getPublicToken = (publicId: string) => {
  * @param id string
  */
 export const checkSharePageNeedAccessToken = (id: string) => {
-  return defHttp.get<{data: boolean}>({
+  return defHttp.get<{ data: boolean }>({
     url: `${Api.CHECK}/${ViewTypeEnum.LARGE_SCREEN}/${id}`
   })
 }
@@ -35,8 +35,9 @@ export const checkSharePageNeedAccessToken = (id: string) => {
  * @param options 
  */
 export const getShareContentData = (options: Record<'id' | 'accessCredentials', string>) => {
+  const { accessCredentials } = options
   return defHttp.get<{ data: any }>({
     url: `${Api.SHARE_CONTENT}/${ViewTypeEnum.LARGE_SCREEN}/share_data/${options.id}`,
-    params: { accessCredentials: options.accessCredentials }
+    params: accessCredentials ? { accessCredentials } : {}
   })
 }

 <template>
   <section>
     <preview v-if="!allowLoadPreviewPage" :key="key"></preview>
-    <NModal :show="allowLoadPreviewPage" :maskClosable="false" :closable="false" style="width: 300px;">
+    <NModal :show="showModal" :maskClosable="false" :closable="false" style="width: 300px;">
       <NCard>
         <NForm @keyup.enter="handleSubmit">
           <NFormItem label="访问令牌">
@@ -31,6 +31,7 @@ import { checkSharePageNeedAccessToken, getPublicToken, getShareContentData } fr
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 
 const allowLoadPreviewPage = ref(true)
+const showModal = ref(false)
 const ROUTE = useRoute()
 const accessCredentials = ref('')
 const loading = ref(false)
@@ -54,8 +55,11 @@ const checkNeedAccessToken = async () => {
 const sharePageHandlerProcess = async () => {
   await getToken()
   const flag = await checkNeedAccessToken()
-  if (!flag) {
+  if (flag) {
+    showModal.value = true
+  } else {
     allowLoadPreviewPage.value = false
+    await getSharePageContentData()
   }
 }
 
@@ -73,6 +77,7 @@ const getSharePageContentData = async () => {
       chartEditStore.requestGlobalConfig = requestGlobalConfig
       chartEditStore.componentList = componentList
     }
+    showModal.value = false
     allowLoadPreviewPage.value = false
   } catch (error) {
     console.log(error)