n20-common-lib 2.22.56 → 2.22.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "2.22.56",
+  "version": "2.22.57",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/AdvancedFilter/filterItem.vue

@@ -17,6 +17,7 @@
 
 <script>
 import importGlobal from '../../utils/importGlobal.js'
+import { $lc } from '../../utils/i18n/index.js'
 export default {
   name: 'FilterItem',
   components: {

package/src/components/ApprovalRecord/approvalImg.vue

@@ -8,6 +8,7 @@
 
 <script>
 import axios from '../../utils/axios'
+import { $lc } from '../../utils/i18n/index.js'
 import flowImg from './approvalImgPro/index.vue'
 let hasQ004_1 = true
 
@@ -47,7 +48,7 @@ export default {
         )
         .then(({ data }) => {
           if (data) {
-            let file = new File([data], $lc("流程图.svg"), {
+            let file = new File([data], $lc('流程图.svg'), {
               type: 'image/svg+xml'
             })
             this.blobUrl = URL.createObjectURL(file)

package/src/components/LoginSetting/setItem.vue

@@ -71,7 +71,9 @@
                     prop="LOGIN_BG_TYPE"
                     :rules="{ required: true, message: $lc('背景模式不能为空'), trigger: 'change' }"
                   >
-                    <label class="m-r"><span class="m-r-ss" style="color: var(--color-danger)">*</span>{{ $lc('背景模式') }}</label>
+                    <label class="m-r"
+                      ><span class="m-r-ss" style="color: var(--color-danger)">*</span>{{ $lc('背景模式') }}</label
+                    >
                     <el-radio-group v-model="form.LOGIN_BG_TYPE">
                       <el-radio label="dark">{{ $lc('深色背景') }}</el-radio>
                       <el-radio label="light">{{ $lc('浅色背景') }}</el-radio>
@@ -179,7 +181,7 @@
                 >
                   <span slot="label"
                     ><span>{{ '登录方式设置' | $lc }}</span
-                    ><span class="color-danger m-l-s f-s-s">({{ $lc('至少选择一种登录方式') | $lc }})</span></span
+                    ><span class="color-danger m-l-s f-s-s">({{ $lc('至少选择一种登录方式') }})</span></span
                   >
                   <el-checkbox-group v-model="systemItem.LOGIN_MODE">
                     <el-checkbox v-for="item in plainOptions" :key="item.value" :label="item.value">{{
@@ -239,56 +241,56 @@ export default {
         SYSTEM_LIST: [
           {
             NO: 'CSZHYW',
-            NAME: $lc("财司综合业务系统"),
+            NAME: $lc('财司综合业务系统'),
             ICON: '',
             LOGIN_MODE: [],
             OPEN: true
           },
           {
             NO: 'CSYWGL',
-            NAME: $lc("财司业务管理系统"),
+            NAME: $lc('财司业务管理系统'),
             ICON: '',
             LOGIN_MODE: [],
             OPEN: false
           },
           {
             NO: 'CSFZJC',
-            NAME: $lc("财司辅助决策系统"),
+            NAME: $lc('财司辅助决策系统'),
             ICON: '',
             LOGIN_MODE: [],
             OPEN: false
           },
           {
             NO: 'CSWY',
-            NAME: $lc("财司网银系统"),
+            NAME: $lc('财司网银系统'),
             ICON: '',
             LOGIN_MODE: [],
             OPEN: false
           },
           {
             NO: 'JTZL',
-            NAME: $lc("财司直连平台系统"),
+            NAME: $lc('财司直连平台系统'),
             ICON: '',
             LOGIN_MODE: [],
             OPEN: false
           },
           {
             NO: 'JRWG',
-            NAME: $lc("金融网关系统"),
+            NAME: $lc('金融网关系统'),
             ICON: '',
             LOGIN_MODE: [],
             OPEN: false
           },
           {
             NO: 'JTSKYWGK',
-            NAME: $lc("集团司库业务管控系统"),
+            NAME: $lc('集团司库业务管控系统'),
             ICON: '',
             LOGIN_MODE: [],
             OPEN: false
           },
           {
             NO: 'JTSKSJFX',
-            NAME: $lc("集团数据分析系统"),
+            NAME: $lc('集团数据分析系统'),
             ICON: '',
             LOGIN_MODE: [],
             OPEN: false
@@ -296,10 +298,10 @@ export default {
         ]
       },
       plainOptions: [
-        { label: $lc("账户密码登录"), value: 'account' },
-        { label: $lc("手机验证码登录"), value: 'pthon' },
-        { label: $lc("二维码扫码登录"), value: 'qrcode' },
-        { label: $lc("账户密码验证码登录"), value: 'accountPthon' }
+        { label: $lc('账户密码登录'), value: 'account' },
+        { label: $lc('手机验证码登录'), value: 'pthon' },
+        { label: $lc('二维码扫码登录'), value: 'qrcode' },
+        { label: $lc('账户密码验证码登录'), value: 'accountPthon' }
       ],
       systemItem: undefined,
       key_1: 0,
@@ -332,7 +334,7 @@ export default {
               try {
                 this.form[k] = k === 'LOGIN_URL' ? obj.pmValue : JSON.parse(obj.pmValue)
               } catch (error) {
-                console.error(k + $lc("解析错误"))
+                console.error(k + $lc('解析错误'))
               }
             }
           } else {
@@ -343,7 +345,7 @@ export default {
                 try {
                   this.$set(this.form.SYSTEM_LIST, i, JSON.parse(obj.pmValue))
                 } catch (error) {
-                  console.error('SYSTEM_LIST[' + item.NO + $lc("]解析错误"))
+                  console.error('SYSTEM_LIST[' + item.NO + $lc(']解析错误'))
                 }
               }
             })
@@ -361,7 +363,7 @@ export default {
     async save() {
       let vPro = this.$refs['form'].validate()
       vPro.catch(() => {
-        this.$message.error($lc("必填项不能为空"))
+        this.$message.error($lc('必填项不能为空'))
       })
       await vPro
       let data = []
@@ -400,7 +402,7 @@ export default {
       let secondsToGo = 5
       this.$message({
         type: 'success',
-        message: `${$lc("设置成功,系统将在")} ${secondsToGo} ${$lc("秒后退出到登录页面.")}`
+        message: `${$lc('设置成功,系统将在')} ${secondsToGo} ${$lc('秒后退出到登录页面.')}`
       })
       const interval = setInterval(() => {
         secondsToGo -= 1

package/src/utils/asyncGetRelaNos.js

@@ -1,5 +1,6 @@
 import axios from './axios'
 import { getItem, setItem } from './storageEdit'
+import { persistPermissionItems } from './permissionStorage'
 
 /**
  * @description: 按需/按模块 加载权限
@@ -76,13 +77,21 @@ async function asyncGetRelaNos(appNo, rns) {
     // 将 ssCltrelaNos  重新赋值给 ssCltrelaNos  ,并将 ssCltrelaNos  重新写回到 sessionStorage 中
     // 将 oRelaNos  重新赋值给 ssRelaNosG  ,并将 ssRelaNosG  重新写回到 sessionStorage 中
     // 如果需要同步,则将 isSync  写回到 sessionStorage 中
-    setItem('relaNos', ssRelaNos, isSync)
-    setItem('cltrelaNos', ssCltrelaNos, isSync)
-
     let ssRelaNosG = getItem('relaNosGlobal')
     ssRelaNosG.push(...oRelaNos)
-    setItem('relaNosGlobal', ssRelaNosG, isSync)
-    isSync && sessionStorage.setItem('isSync', isSync)
+
+    if (isSync) {
+      await persistPermissionItems([
+        { key: 'relaNos', value: ssRelaNos },
+        { key: 'cltrelaNos', value: ssCltrelaNos },
+        { key: 'relaNosGlobal', value: ssRelaNosG }
+      ])
+      sessionStorage.setItem('isSync', isSync)
+    } else {
+      setItem('relaNos', ssRelaNos, false)
+      setItem('cltrelaNos', ssCltrelaNos, false)
+      setItem('relaNosGlobal', ssRelaNosG, false)
+    }
   } catch (error) {
     // 如果请求失败，从已加载列表中移除该模块
     const index = RLFM.indexOf(appNo)

package/src/utils/permission-storage-worker.v1.js

@@ -0,0 +1,23 @@
+import LZString from 'lz-string'
+
+self.onmessage = function ({ data }) {
+  if (
+    !data ||
+    (typeof data.id !== 'number' && typeof data.id !== 'string') ||
+    typeof data.value !== 'string'
+  ) {
+    return
+  }
+
+  try {
+    self.postMessage({
+      id: data.id,
+      compressed: LZString.compressToBase64(data.value)
+    })
+  } catch (error) {
+    self.postMessage({
+      id: data.id,
+      error: error && error.message ? error.message : 'Compression failed'
+    })
+  }
+}

package/src/utils/permissionStorage.js

@@ -0,0 +1,138 @@
+import PermissionStorageWorker from 'worker-loader?filename=js/permission-storage-worker.[contenthash:8].js!./permission-storage-worker.v1.js'
+import { setItem } from './storageEdit'
+
+const LARGE_STORAGE_THRESHOLD = 524288
+const WORKER_TIMEOUT = 30000
+let compressionWorker = null
+let requestSequence = 0
+const pendingRequests = new Map()
+
+function rejectPendingRequests(error) {
+  pendingRequests.forEach(({ reject, timeoutId }) => {
+    clearTimeout(timeoutId)
+    reject(error)
+  })
+  pendingRequests.clear()
+}
+
+function disposeWorker(error) {
+  if (compressionWorker) {
+    compressionWorker.terminate()
+    compressionWorker = null
+  }
+  rejectPendingRequests(error)
+}
+
+function getCompressionWorker() {
+  if (compressionWorker) return compressionWorker
+  if (typeof Worker === 'undefined') return null
+
+  try {
+    compressionWorker = new PermissionStorageWorker()
+  } catch (error) {
+    compressionWorker = null
+    return null
+  }
+
+  compressionWorker.onmessage = ({ data }) => {
+    if (!data) return
+
+    const pending = pendingRequests.get(data.id)
+    if (!pending) return
+
+    clearTimeout(pending.timeoutId)
+    pendingRequests.delete(data.id)
+
+    if (data.error || typeof data.compressed !== 'string') {
+      pending.reject(new Error(data.error || 'Invalid compression result'))
+      return
+    }
+
+    pending.resolve(data.compressed)
+  }
+
+  compressionWorker.onerror = () => {
+    disposeWorker(new Error('Permission compression worker failed'))
+  }
+
+  return compressionWorker
+}
+
+function compressInWorker(value) {
+  const worker = getCompressionWorker()
+  if (!worker) {
+    return Promise.reject(
+      new Error('Permission compression worker is unavailable')
+    )
+  }
+
+  return new Promise((resolve, reject) => {
+    const id = ++requestSequence
+    const timeoutId = setTimeout(() => {
+      if (!pendingRequests.has(id)) return
+      disposeWorker(new Error('Permission compression worker timed out'))
+    }, WORKER_TIMEOUT)
+
+    pendingRequests.set(id, { resolve, reject, timeoutId })
+    worker.postMessage({ id, value })
+  })
+}
+
+function writeCompressedValue(key, compressed) {
+  const storage = window.sessionStorage
+  const rawSetItem = storage._setItem
+  const rawRemoveItem = storage._removeItem
+
+  if (
+    typeof rawSetItem !== 'function' ||
+    typeof rawRemoveItem !== 'function'
+  ) {
+    throw new Error('Extended Storage API is unavailable')
+  }
+
+  try {
+    rawSetItem.call(storage, `${key}:[LZ]`, compressed)
+    rawRemoveItem.call(storage, key)
+  } catch (error) {
+    // A previous uncompressed value can consume the remaining quota.
+    rawRemoveItem.call(storage, key)
+    rawSetItem.call(storage, `${key}:[LZ]`, compressed)
+  }
+}
+
+async function persistItem({ key, value, serialized }) {
+  if (
+    typeof serialized !== 'string' ||
+    serialized.length <= LARGE_STORAGE_THRESHOLD
+  ) {
+    window.sessionStorage.setItem(key, serialized)
+    return
+  }
+
+  try {
+    const compressed = await compressInWorker(serialized)
+    writeCompressedValue(key, compressed)
+  } catch (error) {
+    // Preserve the existing synchronous behavior when Worker is unavailable.
+    setItem(key, value, true)
+  }
+}
+
+/**
+ * Persist permission objects with the same cache keys and LZ storage format
+ * used by n20-common-lib, while moving large compression work off main thread.
+ */
+export async function persistPermissionItems(items) {
+  const serializedItems = items.map(({ key, value }) => {
+    window[`_keep_${key}`] = value
+    return {
+      key,
+      value,
+      serialized: JSON.stringify(value)
+    }
+  })
+
+  for (const item of serializedItems) {
+    await persistItem(item)
+  }
+}