Merge branch 'dev-ww' into 'main_dev'

perf(share page): 优化分享页面的携带token影响当前用户在IOT平台操作

See merge request yunteng/thingskit-view!43

+import type { ErrorMessageMode } from '/#/external/axios'; 
+
+export function checkStatus(
+  status: number,
+  msg: string,
+  errorMessageMode: ErrorMessageMode = 'message'
+) {  
+  let errMessage = msg;
+  switch (status) {
+    case 400:
+      errMessage = `${msg}`;
+      break;
+    // 401: Not logged in
+    // Jump to the login page if not logged in, and carry the path of the current page
+    // Return to the current page after successful login. This step needs to be operated on the login page.
+    case 401:
+      errMessage = '没有权限'; 
+      break;
+    case 403:
+      errMessage = '未授权';
+      break;
+    // 404请求不存在
+    case 404:
+      errMessage = '未找到该资源!';
+      break;
+    case 405:
+      errMessage = '网络请求错误,请求方法未允许!';
+      break;
+    case 408:
+      errMessage = '网络请求超时!';
+      break;
+    case 500:
+      errMessage = '服务器错误,请联系管理员!';
+      break;
+    case 501:
+      errMessage = '网络未实现!';
+      break;
+    case 502:
+      errMessage = '网络错误!';
+      break;
+    case 503:
+      errMessage = '服务不可用,服务器暂时过载或维护!';
+      break;
+    case 504:
+      errMessage = '网络超时!';
+      break;
+    case 505:
+      errMessage = 'http版本不支持该请求!';
+      break;
+    default:
+  }
+  
+  if (errMessage) { 
+    if (errorMessageMode === 'message') {
+      const { error } = window['$message']
+      error(errMessage);
+    }
+  }
+  return !!errMessage
+}

+import type { AxiosResponse } from 'axios';
+import type { RequestOptions, Result } from '/#/external/axios';
+import type { AxiosTransform, CreateAxiosOptions } from '@/utils/external/http/axios/axiosTransform';
+import { useGlobSetting } from '@/hooks/external/setting';
+import { RequestEnum, ContentTypeEnum } from '@/enums/external/httpEnum';
+import { isString } from '@/utils/external/is';
+import { getJwtToken, getShareJwtToken } from '@/utils/external/auth';
+import { setObjToUrlParams, deepMerge } from '@/utils/external';
+import { formatRequestDate, joinTimestamp } from '@/utils/external/http/axios/helper';
+import { VAxios } from '@/utils/external/http/axios/Axios';
+import { checkStatus } from './checkStatus';
+
+const globSetting = useGlobSetting();
+const urlPrefix = globSetting.urlPrefix;
+
+/**
+ * @description: 数据处理，方便区分多种处理方式
+ */
+const transform: AxiosTransform = {
+  /**
+   * @description: 处理请求数据。如果数据不是预期格式，可直接抛出错误
+   */
+  transformRequestHook: (res: AxiosResponse<Result>, options: RequestOptions) => {
+    const { isReturnNativeResponse } = options;
+    // 是否返回原生响应头 比如：需要获取响应头时使用该属性
+    if (isReturnNativeResponse) {
+      return res;
+    }
+    return res.data;
+  },
+
+  // 请求之前处理config
+  beforeRequestHook: (config, options) => {
+    const { apiUrl, joinPrefix, joinParamsToUrl, formatDate, joinTime = true } = options;
+
+    if (joinPrefix) {
+      config.url = `${urlPrefix}${config.url}`;
+    }
+
+    if (apiUrl && isString(apiUrl)) {
+      config.url = `${apiUrl}${config.url}`;
+    }
+
+    const params = config.params || {};
+    const data = config.data || false;
+    formatDate && data && !isString(data) && formatRequestDate(data);
+    if (config.method?.toUpperCase() === RequestEnum.GET) {
+      if (!isString(params)) {
+        // 给 get 请求加上时间戳参数，避免从缓存中拿数据。
+        config.params = Object.assign(params || {}, joinTimestamp(joinTime, false));
+      } else {
+        // 兼容restful风格
+        config.url = config.url + params + `${joinTimestamp(joinTime, true)}`;
+        config.params = undefined;
+      }
+    } else {
+      if (!isString(params)) {
+        formatDate && formatRequestDate(params);
+        if (Reflect.has(config, 'data') && config.data && Object.keys(config.data).length > 0) {
+          config.data = data;
+          config.params = params;
+        } else {
+          // 非GET请求如果没有提供data，则将params视为data
+          config.data = params;
+          config.params = undefined;
+        }
+        if (joinParamsToUrl) {
+          config.url = setObjToUrlParams(
+            config.url as string,
+            Object.assign({}, config.params, config.data)
+          );
+        }
+      } else {
+        // 兼容restful风格
+        config.url = config.url + params;
+        config.params = undefined;
+      }
+    }
+    return config;
+  },
+
+  /**
+   * @description: 请求拦截器处理
+   */
+  requestInterceptors: (config, options) => {
+    // 请求之前处理config
+    const { requestOptions } = config;
+    const { withShareToken } = requestOptions || {};
+    const { requestOptions: { withToken } = {} } = options;
+    if (withToken !== false) {
+      const shareToken = getShareJwtToken();
+      if (withShareToken && shareToken) {
+        config.headers!['X-Authorization'] = options.authenticationScheme
+          ? `${options.authenticationScheme} ${shareToken}`
+          : shareToken;
+      } else {
+        const token = getJwtToken();
+        if (token) {
+          config.headers!['X-Authorization'] = options.authenticationScheme
+            ? `${options.authenticationScheme} ${token}`
+            : token;
+        }
+      }
+    }
+    return config
+  },
+
+  /**
+   * @description: 响应拦截器处理
+   */
+  responseInterceptors: (res: AxiosResponse<any>) => {
+    return res;
+  },
+
+  /**
+   * @description: 响应错误处理
+   */
+  responseInterceptorsCatch: (error: any) => {
+
+    const { response, config } = error || {};
+    const errorMessageMode = config?.requestOptions?.errorMessageMode || 'none';
+    const errorMsgIsObj = typeof response?.data === 'object';
+    const msg: string = errorMsgIsObj
+      ? response?.data?.message || response?.data?.msg
+      : response?.data;
+
+    const flag = checkStatus(error?.response?.status, msg, errorMessageMode);
+    return Promise.reject(response?.data);
+  },
+};
+
+function createAxios(opt?: Partial<CreateAxiosOptions>) {
+  return new VAxios(
+    deepMerge(
+      {
+        // See https://developer.mozilla.org/en-US/docs/Web/HTTP/Authentication#authentication_schemes
+        // authentication schemes，e.g: Bearer
+        // authenticationScheme: 'Bearer',
+        authenticationScheme: 'Bearer',
+        timeout: 10 * 1000,
+        // 基础接口地址
+        // baseURL: globSetting.apiUrl,
+        // 接口可能会有通用的地址部分，可以统一抽取出来
+        urlPrefix: urlPrefix,
+        headers: { 'Content-Type': ContentTypeEnum.JSON },
+        // 如果是form-data格式
+        // headers: { 'Content-Type': ContentTypeEnum.FORM_URLENCODED },
+        // 数据处理方式
+        transform,
+        // 配置项，下面的选项都可以在独立的接口请求中覆盖
+        requestOptions: {
+          // 默认将prefix 添加到url
+          joinPrefix: true,
+          // 是否返回原生响应头 比如：需要获取响应头时使用该属性
+          isReturnNativeResponse: false,
+          // 需要对返回数据进行处理
+          isTransformResponse: true,
+          // post请求的时候添加参数到url
+          joinParamsToUrl: false,
+          // 格式化提交参数时间
+          formatDate: true,
+          // 消息提示类型
+          errorMessageMode: 'message',
+          // 接口地址
+          apiUrl: globSetting.apiUrl,
+          //  是否加入时间戳
+          joinTime: true,
+          // 忽略重复请求
+          ignoreCancelToken: true,
+          // 是否携带token
+          withToken: true
+        },
+      },
+      opt || {}
+    )
+  );
+}
+export const customHttp = createAxios();
+

 import { RequestBodyEnum, RequestParams } from "@/enums/httpEnum"
-import { ExternalRequestType, ExtraRequestConfigType } from "@/store/external/modules/extraComponentInfo.d"
-import { RequestConfigType, RequestGlobalConfigType } from "@/store/modules/chartEditStore/chartEditStore.d"
-import { defHttp } from "@/utils/external/http/axios"
+import { ExtraRequestConfigType } from "@/store/external/modules/extraComponentInfo.d"
+import { RequestConfigType } from "@/store/modules/chartEditStore/chartEditStore.d"
+import { isShareMode } from "@/views/share/hook"
+import { customHttp } from "./http"
 
 export enum ParamsType {
   REQUIRED,
@@ -86,7 +87,7 @@ const transformBodyValue = (body: RequestParams['Body'], requestParamsBodyType:
 
 const extraValue = (object: Recordable) => {
   return Object.keys(object).reduce((prev, next) => {
-    return {...prev, ...(object[next] ? {[next]: object[next]} : {} )}
+    return { ...prev, ...(object[next] ? { [next]: object[next] } : {}) }
   }, {})
 }
 
@@ -103,8 +104,8 @@ export const customRequest = async (request: RequestConfigType) => {
   }
 
   const body = transformBodyValue(Body, requestParamsBodyType)
-
-  return defHttp.request<any>({
+  
+  return customHttp.request<any>({
     url: requestUrl,
     baseURL: getOriginUrl(requestOriginUrl!),
     method: requestHttpType,
@@ -113,6 +114,7 @@ export const customRequest = async (request: RequestConfigType) => {
     headers: extraValue(Header)
   }, {
     joinPrefix: false,
-    apiUrl: ''
+    apiUrl: '',
+    withShareToken: isShareMode()
   })
 }

 import { ViewTypeEnum } from "@/enums/external/viewEnum"
 import { defHttp } from "@/utils/external/http/axios"
+import { isShareMode } from "@/views/share/hook"
 
 enum Api {
   TOKEN = '/auth/login/public',
@@ -17,7 +18,7 @@ export const getPublicToken = (publicId: string) => {
   return defHttp.post<Record<'token' | 'refreshToken', string>>({
     url: Api.TOKEN,
     data: { publicId }
-  }, { joinPrefix: false })
+  }, { joinPrefix: false, withShareToken: isShareMode() })
 }
 
 /**
@@ -27,7 +28,7 @@ export const getPublicToken = (publicId: string) => {
 export const checkSharePageNeedAccessToken = (id: string) => {
   return defHttp.get<{ data: boolean }>({
     url: `${Api.CHECK}/${ViewTypeEnum.LARGE_SCREEN}/${id}`
-  })
+  }, { withShareToken: isShareMode() })
 }
 
 /**
@@ -39,5 +40,5 @@ export const getShareContentData = (options: Record<'id' | 'accessCredentials',
   return defHttp.get<{ data: any }>({
     url: `${Api.SHARE_CONTENT}/${ViewTypeEnum.LARGE_SCREEN}/share_data/${options.id}`,
     params: accessCredentials ? { accessCredentials } : {}
-  })
+  }, { withShareToken: isShareMode() })
 }

@@ -5,6 +5,10 @@ export const JWT_TOKEN_KEY = 'JWT_TOKEN';
 
 export const REFRESH_TOKEN_KEY = 'REFRESH_TOKEN';
 
+export const SHARE_JWT_TOKEN_KEY = 'SHARE_JWT_TOKEN';
+
+export const SHARE_REFRESH_TOKEN_KEY = 'SHARE_REFRESH_TOKEN';
+
 export const LOCALE_KEY = 'LOCALE__';
 
 // user info key

@@ -3,10 +3,11 @@ import { CreateComponentType } from "@/packages/index.d";
 import { useSocketStore } from "@/store/external/modules/socketStore";
 import { SocketReceiveMessageType } from "@/store/external/modules/socketStore.d";
 import { useChartEditStore } from "@/store/modules/chartEditStore/chartEditStore";
-import { getJwtToken } from "@/utils/external/auth";
+import { getJwtToken, getShareJwtToken } from "@/utils/external/auth";
 import { useWebSocket, WebSocketResult } from "@vueuse/core";
 import { onMounted, unref } from "vue";
 import { ExtraRequestConfigType } from "@/store/external/modules/extraComponentInfo.d";
+import { isShareMode } from "@/views/share/hook";
 
 
 interface SocketConnectionPoolType {
@@ -39,7 +40,7 @@ const getSocketInstance = (request: ExtraRequestConfigType) => {
   if (~index) {
     return socketConnectionPool[index].ws
   }
-  const token = getJwtToken()
+  const token = isShareMode() ? getShareJwtToken() :  getJwtToken()
   const socketUrl = `${getOriginUrl(requestOriginUrl || '')}${requestUrl}?token=${token}`
 
   const instance = useWebSocket(socketUrl, {

@@ -3,7 +3,7 @@ import type { ErrorMessageMode } from '/#/external/axios';
 import { defineStore } from 'pinia';
 import { pinia as store } from '@/store';
 import { RoleEnum } from '@/enums/external/roleEnum';
-import { JWT_TOKEN_KEY, REFRESH_TOKEN_KEY, ROLES_KEY, USER_INFO_KEY } from '@/enums/external/cacheEnum';
+import { JWT_TOKEN_KEY, REFRESH_TOKEN_KEY, ROLES_KEY, SHARE_JWT_TOKEN_KEY, SHARE_REFRESH_TOKEN_KEY, USER_INFO_KEY } from '@/enums/external/cacheEnum';
 import { getAuthCache, getJwtToken, getRefreshToken, setAuthCache } from '@/utils/external/auth';
 import {
   LoginParams,
@@ -29,6 +29,8 @@ interface UserState {
   lastUpdateTime: number;
   jwtToken?: string;
   refreshToken?: string;
+  shareJwtToken?: string;
+  shareRefreshToken?: string;
   outTarget?: string;
 }
 
@@ -47,6 +49,8 @@ export const useUserStore = defineStore({
     jwtToken: getJwtToken() as string || undefined,
     //refresh Token
     refreshToken: getRefreshToken() as string || undefined,
+    shareJwtToken: undefined,
+    shareRefreshToken: undefined,
     // roleList
     roleList: [],
     // Whether the login expired
@@ -96,6 +100,12 @@ export const useUserStore = defineStore({
       setAuthCache(JWT_TOKEN_KEY, jwtToken);
       setAuthCache(REFRESH_TOKEN_KEY, refreshToken);
     },
+    storeShareToken(jwtToken: string, refreshToken: string) {
+      this.shareJwtToken = jwtToken;
+      this.shareRefreshToken = refreshToken;
+      setAuthCache(SHARE_JWT_TOKEN_KEY, jwtToken);
+      setAuthCache(SHARE_REFRESH_TOKEN_KEY, refreshToken);
+    },
     setToken(info: string | undefined) {
       this.jwtToken = info;
       setAuthCache(JWT_TOKEN_KEY, info);
@@ -152,14 +162,6 @@ export const useUserStore = defineStore({
       }
       return userInfo;
     },
-    async smsCodelogin(
-      params: SmsLoginParams & {
-        goHome?: boolean;
-        mode?: ErrorMessageMode;
-      }
-    ) {
-
-    },
     async getMyUserInfoAction() {
       const userInfo = await getMyInfo();
       this.setUserInfo(userInfo);
@@ -193,6 +195,20 @@ export const useUserStore = defineStore({
     },
 
     /**
+     * @description 刷新分享页面的token
+     */
+    async doShareRefresh() {
+      try {
+        const req = { refreshToken: this.shareRefreshToken } as RefreshTokenParams
+        const { token, refreshToken } = await doRefreshToken(req)
+        this.storeShareToken(token, refreshToken)
+      } catch (error) {
+        window.location.reload()
+        throw error
+      }
+    },
+
+    /**
      * @description: Confirm before logging out
      */
     confirmLoginOut() {

 import { Persistent, BasicKeys } from '@/utils/external/cache/persistent';
-import { CacheTypeEnum } from '@/enums/external/cacheEnum';
+import { CacheTypeEnum, SHARE_JWT_TOKEN_KEY, SHARE_REFRESH_TOKEN_KEY } from '@/enums/external/cacheEnum';
 import projectSetting from '@/settings/external/projectSetting';
 import { JWT_TOKEN_KEY, REFRESH_TOKEN_KEY } from '@/enums/external/cacheEnum';
 
@@ -20,9 +20,17 @@ export function clearAuthCache(immediate = true) {
   const fn = isLocal ? Persistent.clearLocal : Persistent.clearSession;
   return fn(immediate);
 }
-export function getJwtToken() {
+export function getJwtToken(): string {
   return getAuthCache(JWT_TOKEN_KEY);
 }
-export function getRefreshToken() {
+export function getRefreshToken(): string {
   return getAuthCache(REFRESH_TOKEN_KEY);
 }
+
+export function getShareJwtToken(): string {
+  return getAuthCache(SHARE_JWT_TOKEN_KEY);
+}
+export function getShareRefreshToken(): string {
+  return getAuthCache(SHARE_REFRESH_TOKEN_KEY);
+}
+

@@ -17,9 +17,11 @@ import {
   APP_SESSION_CACHE_KEY,
   MULTIPLE_TABS_KEY,
   MENU_LIST,
+  SHARE_JWT_TOKEN_KEY,
+  SHARE_REFRESH_TOKEN_KEY,
 } from '@/enums/external/cacheEnum';
 import { DEFAULT_CACHE_TIME } from '@/settings/external/encryptionSetting';
-import { toRaw } from 'vue'; 
+import { toRaw } from 'vue';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 
@@ -34,6 +36,8 @@ interface BasicStore {
   [PROJ_CFG_KEY]: ProjectConfig;
   [MULTIPLE_TABS_KEY]: RouteLocationNormalized[];
   [MENU_LIST]: any[];
+  [SHARE_JWT_TOKEN_KEY]: string
+  [SHARE_REFRESH_TOKEN_KEY]: string
 }
 
 type LocalStore = BasicStore;

-import type { AxiosRequestConfig, AxiosInstance, AxiosResponse, AxiosError } from 'axios';
-import type { CreateAxiosOptions } from './axiosTransform';
+import type { AxiosInstance, AxiosResponse, AxiosError } from 'axios';
+import type { AxiosRequestConfig, CreateAxiosOptions } from './axiosTransform';
 import axios from 'axios';
 import qs from 'qs';
 import { AxiosCanceler } from './axiosCancel';
@@ -115,13 +115,21 @@ export class VAxios {
     this.axiosInstance.interceptors.request.use(async (config: AxiosRequestConfig) => {
       // If cancel repeat request is turned on, then cancel repeat request is prohibited
       const userStore = useUserStore();
-      if (userStore && userStore.jwtToken) {
+      // if (userStore && (userStore.jwtToken || userStore.shareJwtToken)) {
+      if (userStore) {
         try {
-          const res = jwt_decode(userStore.jwtToken) as JwtModel;
-          const currentTime = (new Date().getTime() + (config.timeout || 0)) / 1000;
-          if (currentTime >= res.exp && this.isNeedTokenURL(config.url!)) {
-            await this.refreshTokenBeforeReq(userStore.doRefresh);
+          const { requestOptions = {} } = config
+          const { withShareToken, withToken } = requestOptions
+          const token = withShareToken && withToken ? userStore.shareJwtToken : userStore.jwtToken
+          const doRefresh = withShareToken && withToken ? userStore.doShareRefresh : userStore.doRefresh
+          if (token) {
+            const res = jwt_decode(token) as JwtModel;
+            const currentTime = (new Date().getTime() + (config.timeout || 0)) / 1000;
+            if (currentTime >= res.exp && this.isNeedTokenURL(config.url!)) {
+              await this.refreshTokenBeforeReq(doRefresh);
+            }
           }
+
         } catch (error) {
           userStore.logout();
         }

 /**
  * Data processing class, can be configured according to the project
  */
-import type { AxiosRequestConfig, AxiosResponse } from 'axios';
+import type { AxiosRequestConfig as OriginAxiosRequestConfig, AxiosResponse } from 'axios';
 import type { RequestOptions, Result } from '/#/external/axios';
 
 export interface CreateAxiosOptions extends AxiosRequestConfig {
@@ -11,6 +11,8 @@ export interface CreateAxiosOptions extends AxiosRequestConfig {
   requestOptions?: RequestOptions;
 }
 
+export type AxiosRequestConfig = OriginAxiosRequestConfig & {requestOptions?: RequestOptions}
+
 export abstract class AxiosTransform {
   /**
    * @description: Process configuration before request

@@ -9,7 +9,7 @@ import { checkStatus } from './checkStatus';
 import { useGlobSetting } from '@/hooks/external/setting';
 import { RequestEnum, ContentTypeEnum } from '@/enums/external/httpEnum';
 import { isString } from '@/utils/external/is';
-import { getJwtToken } from '@/utils/external/auth';
+import { getJwtToken, getShareJwtToken } from '@/utils/external/auth';
 import { setObjToUrlParams, deepMerge } from '@/utils/external';
 import { joinTimestamp, formatRequestDate } from './helper';
 import { PageEnum } from '@/enums/external/pageEnum';
@@ -89,14 +89,25 @@ const transform: AxiosTransform = {
    */
   requestInterceptors: (config, options) => {
     // 请求之前处理config
-    const token = getJwtToken();
-    if (token && (config as Recordable)?.requestOptions?.withToken !== false) {
-      // jwt token
-      config.headers!['X-Authorization'] = options.authenticationScheme
-        ? `${options.authenticationScheme} ${token}`
-        : token as string;
+    const { requestOptions } = config;
+    const { withShareToken } = requestOptions || {};
+    const { requestOptions: { withToken } = {} } = options;
+    if (withToken !== false) {
+      const shareToken = getShareJwtToken();
+      if (withShareToken && shareToken) {
+        config.headers!['X-Authorization'] = options.authenticationScheme
+          ? `${options.authenticationScheme} ${shareToken}`
+          : shareToken;
+      } else {
+        const token = getJwtToken();
+        if (token) {
+          config.headers!['X-Authorization'] = options.authenticationScheme
+            ? `${options.authenticationScheme} ${token}`
+            : token;
+        }
+      }
     }
-    return config;
+    return config
   },
 
   /**

+export const isShareMode = () => {
+  const sharePageReg = /^\/share\/[^/]+\/[^/]+\/[^/]+$/;
+  const { hash } = location;
+  return sharePageReg.test(hash.substring(1));
+};

@@ -5,10 +5,23 @@
       <NCard>
         <NForm @keyup.enter="handleSubmit">
           <NFormItem label="访问令牌">
-            <NInput v-model:value="accessCredentials" type="password" />
-          </NFormItem>
-          <NFormItem :showLabel="false">
-            <NButton :loading="loading" type="primary" style="width: 100%;" @click="handleSubmit">访问</NButton>
+            <NInputGroup>
+              <NInput v-model:value="accessCredentials" show-password-on="mousedown" type="password"
+                style="width: 70%;" />
+              <NButton :loading="loading" type="primary" style="width: 30%;" @click="handleSubmit">
+                <svg t="1682068997810" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="79416" width="24" height="24">
+                  <path
+                    d="M512 928H128c-19.2 0-32-12.8-32-32V128c0-19.2 12.8-32 32-32h384c19.2 0 32 12.8 32 32s-12.8 32-32 32H160v704h352c19.2 0 32 12.8 32 32s-12.8 32-32 32z"
+                    fill="#fff" p-id="79417" />
+                  <path
+                    d="M534.4 736c-9.6 0-16-3.2-22.4-9.6l-192-192c-12.8-12.8-12.8-32 0-44.8l192-192c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L387.2 512l169.6 169.6c12.8 12.8 12.8 32 0 44.8-6.4 6.4-16 9.6-22.4 9.6z"
+                    fill="#fff" p-id="79418" />
+                  <path d="M896 544H342.4c-19.2 0-32-12.8-32-32s12.8-32 32-32H896c19.2 0 32 12.8 32 32s-12.8 32-32 32z"
+                    fill="#fff" p-id="79419" />
+                </svg>
+              </NButton>
+            </NInputGroup>
           </NFormItem>
         </NForm>
       </NCard>
@@ -17,11 +30,11 @@
 </template>
 
 <script setup lang="ts">
-import { NModal, NCard, NForm, NFormItem, NInput, NButton, } from 'naive-ui'
+import { NModal, NCard, NForm, NFormItem, NInput, NButton, NInputGroup } from 'naive-ui'
 import { getSessionStorageInfo } from '../preview/utils'
 import type { ChartEditStorageType } from '../preview/index.d'
 import { SavePageEnum } from '@/enums/editPageEnum'
-import { JSONParse, setSessionStorage } from '@/utils'
+import { JSONParse, setSessionStorage, setTitle } from '@/utils'
 import { StorageEnum } from '@/enums/storageEnum'
 import { onMounted, ref, unref } from 'vue'
 import Preview from '../preview/index.vue'
@@ -42,7 +55,7 @@ const getToken = async () => {
   const { params } = ROUTE
   const { publicId } = params as Record<'id' | 'publicId', string>
   const { token, refreshToken } = await getPublicToken(publicId)
-  userStore.storeToken(token, refreshToken)
+  userStore.storeShareToken(token, refreshToken)
 }
 
 const checkNeedAccessToken = async () => {
@@ -77,6 +90,7 @@ const getSharePageContentData = async () => {
       chartEditStore.requestGlobalConfig = requestGlobalConfig
       chartEditStore.componentList = componentList
     }
+    setTitle(dataViewName || '')
     showModal.value = false
     allowLoadPreviewPage.value = false
   } catch (error) {

@@ -20,7 +20,8 @@
     ],
     "typeRoots": [
       "./node_modules/@types/",
-      "./types"
+      "./types",
+      "./types/external"
     ],
     "paths": {
       "@/*": [

@@ -21,6 +21,8 @@ export interface RequestOptions {
   ignoreCancelToken?: boolean;
   // Whether to send token in header
   withToken?: boolean;
+  // Carry and share token 携带分享的访问令牌
+  withShareToken?: boolean
 }
 
 export interface Result<T = any> {