perf: 优化分享页面token模态框

+const isShareMode = (() => {
+	const urlParams = Array.from(new URLSearchParams(window.location.href)).reduce((prev, [key, value]) => ({ ...prev, [key]: value }), {})
+	return urlParams.share && urlParams.share === 'SCADA'
+})()
+
 const GLOBAL_STORAGE_KEY = (() => {
 	const isDEV = location.href.includes('dev=1')
 	const DEVELOPMENT = 'DEVELOPMENT'
@@ -19,10 +24,16 @@ const GLOBAL_TOKEN = (() => {
 	 * @type {{JWT_TOKEN: {value: string}}}
 	 */
 	const common = ls.get(GLOBAL_STORAGE_KEY)
-	return {
-		token: common && common.JWT_TOKEN && common.JWT_TOKEN.value,
-		refreshToken: common && common.REFRESH_TOKEN && common.REFRESH_TOKEN.value,
-	}
+	
+	return isShareMode
+		? {
+			token: common && common.SHARE_JWT_TOKEN && common.SHARE_JWT_TOKEN.value,
+			refreshToken: common && common.SHARE_REFRESH_TOKEN && common.SHARE_REFRESH_TOKEN.value,
+		}
+		: {
+			token: common && common.JWT_TOKEN && common.JWT_TOKEN.value,
+			refreshToken: common && common.REFRESH_TOKEN && common.REFRESH_TOKEN.value,
+		}
 })()
 
 
@@ -54,3 +65,5 @@ const GLOBAL_WS_URL = () => {
 	const reg = /^https/
 	return `${reg.test(href) ? 'wss' : 'ws'}://${host}/api/ws/plugins/telemetry?token=${GLOBAL_TOKEN.token}`
 }
+
+

@@ -4009,7 +4009,7 @@ App.prototype.loadFile = function (id, sameWindow, file, success, force) {
 		 * @description
 		 * @type {{userId: string, dev?: string, share?: string, configuration: string, publicId?: string }}
 		 */
-		const urlParams = (function () {
+		var urlParams = (function () {
 			var result = new Object();
 			var params = window.location.search.slice(1).split('&');
 
@@ -4023,7 +4023,7 @@ App.prototype.loadFile = function (id, sameWindow, file, success, force) {
 
 			return result;
 		})();
-		
+
 		if (urlParams.userId) {
 			/**
 			 * @description 小程序第三方登录获取token
@@ -4121,21 +4121,28 @@ App.prototype.loadFile = function (id, sameWindow, file, success, force) {
 	function createAccessTokenFormLayer() {
 		var field = 'accessCredentials'
 		var formSubmitFilter = 'formData'
+		var tokenForm = 'tokenForm'
 		var index = layer.open({
 			type: 1,
-			title: '访问令牌',
+			title: null,
 			area: ['350px', '200px'],
 			closeBtn: 0,
 			content: `
-			<section style="padding: 20px;display: flex;justify-content: center;align-items: center;flex-direction: column;">
-				<form class="layui-form" action="">
-					<div class="layui-form-item"> 
-						<label class="layui-form-label" style="width: 60px;padding: 9px 0;">访问令牌</label>
-						<div class="layui-input-block" style="margin-left: 70px;">
+			<section style="padding: 20px;display: flex;justify-content: center;align-items: center;flex-direction: column;height: 160px;">
+				<form id="${tokenForm}" class="layui-form" style="width: 100%;">
+					<label style="margin-bottom: 10px; display: block;">访问令牌</label>
+					<div class="layui-form-item" style="display: flex; justify-content: center; aligns-item: center;"> 
+						<div style="width: 70%">
 							<input required lay-verify="required" type="text" name="${field}" lay-verify="title" autocomplete="off" placeholder="请输入访问令牌" class="layui-input">
 						</div>
+						<button lay-submit lay-filter="${formSubmitFilter}" class="layui-btn layui-btn-normal" style="width: 30%;display: flex; justify-content: center; align-items: center;background-color: #1E9FFF;">
+							<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>
+						</button> 
 					</div>
-					<button lay-submit lay-filter="${formSubmitFilter}" type="button" class="layui-btn layui-btn-normal" style="width: 100%; margin-top: 10px;">进入</button> 
 				</form>
 			</section>
 			`,
@@ -4144,6 +4151,17 @@ App.prototype.loadFile = function (id, sameWindow, file, success, force) {
 		form.on(`submit(${formSubmitFilter})`, function (data) {
 			var value = data.field.accessCredentials
 			getShareContentData(value, index)
+			return false
+		})
+
+		var formEl = document.getElementById(tokenForm)
+		formEl.addEventListener('keyup', (event) => {
+			event.preventDefault()
+			return false
+		})
+
+		formEl.addEventListener('submit', (event) => {
+			return false
 		})
 	}
 

@@ -2,10 +2,14 @@ let requestQueue = []
 
 const JWT_TOKEN_KEY = 'JWT_TOKEN';
 const REFRESH_TOKEN_KEY = 'REFRESH_TOKEN';
+
+const SHARE_JWT_TOKEN_KEY = 'SHARE_JWT_TOKEN';
+const SHARE_REFRESH_TOKEN_KEY = 'SHARE_REFRESH_TOKEN';
 /**
  * custom http request
  */
 function createAxios(options) {
+
   /**
    * 创建实例
    */
@@ -48,6 +52,7 @@ function createAxios(options) {
         // }
 
         doRefreshToken()
+        return
       }
 
       const message = error.response && error.response.data && error.response.data.message
@@ -84,9 +89,11 @@ function doRefreshToken(params) {
         Object.assign(GLOBAL_TOKEN, { refreshToken, token })
         const ls = createStorage({ storage: localStorage })
         const originData = ls.get(GLOBAL_STORAGE_KEY)
-        const newRefreshToken = ls.generatorValue(REFRESH_TOKEN_KEY, refreshToken, true)
-        const newToken = ls.generatorValue(REFRESH_TOKEN_KEY, token, true)
-        ls.set(GLOBAL_STORAGE_KEY, Object.assign(originData, { [REFRESH_TOKEN_KEY]: newRefreshToken, [JWT_TOKEN_KEY]: newToken }), true)
+        const refreshTokenKey = isShareMode ? SHARE_REFRESH_TOKEN_KEY : REFRESH_TOKEN_KEY
+        const tokenKey = isShareMode ? SHARE_JWT_TOKEN_KEY : JWT_TOKEN_KEY
+        const newRefreshToken = ls.generatorValue(refreshTokenKey, refreshToken, true)
+        const newToken = ls.generatorValue(tokenKey, token, true)
+        ls.set(GLOBAL_STORAGE_KEY, Object.assign(originData, { [refreshTokenKey]: newRefreshToken, [tokenKey]: newToken }), true)
 
         // try {
         //   requestQueue.forEach(item => {