n20-common-lib 2.22.56 → 2.22.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "2.22.56",
+  "version": "2.22.58",
   "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/ApprovalButtons/index.vue

@@ -162,39 +162,39 @@
     </div>
     <!-- 审批按钮 -->
     <div v-if="authList.includes('byAddTask') && !addTaskList.length" class="text-c">
-      <el-button type="primary" @click="showAdvancePop">{{ btnsNames['approval'] }}</el-button>
-      <el-button type="primary" @click="approvalToV = true">{{ btnsNames['approval'] }}{{ '至' | $lc }}</el-button>
-      <el-button plain @click="rejectToB">{{ btnsNames['rejectTo'] }}</el-button>
-      <el-button plain @click="rejectFn">{{ btnsNames['reject'] }}</el-button>
-      <el-button type="danger" plain @click="discardFn">{{ btnsNames['discard'] }}</el-button>
+      <el-button type="primary" @click="showAdvancePop">{{ $lc(btnsNames['approval']) }}</el-button>
+      <el-button type="primary" @click="approvalToV = true">{{ $lc(btnsNames['approval']) }}{{ '至' | $lc }}</el-button>
+      <el-button plain @click="rejectToB">{{ $lc(btnsNames['rejectTo']) }}</el-button>
+      <el-button plain @click="rejectFn">{{ $lc(btnsNames['reject']) }}</el-button>
+      <el-button type="danger" plain @click="discardFn">{{ $lc(btnsNames['discard']) }}</el-button>
       <el-button plain @click="goFrom">{{ '返 回' | $lc }}</el-button>
     </div>
 
     <div v-else-if="!authList.includes('byAddTask')" class="text-c">
       <!-- 特殊会签按钮 START -->
       <el-button v-if="authList.includes('pass')" type="primary" @click="checkFlowFn">{{
-        btnsNames['pass']
+        $lc(btnsNames['pass'])
       }}</el-button>
-      <el-button v-if="authList.includes('refuse')" plain @click="rejectFn">{{ btnsNames['refuse'] }}</el-button>
-      <el-button v-if="authList.includes('takeOff')" plain @click="qjFn">{{ btnsNames['takeOff'] }}</el-button>
+      <el-button v-if="authList.includes('refuse')" plain @click="rejectFn">{{ $lc(btnsNames['refuse']) }}</el-button>
+      <el-button v-if="authList.includes('takeOff')" plain @click="qjFn">{{ $lc(btnsNames['takeOff']) }}</el-button>
       <!-- END -->
       <el-button v-if="authList.includes('approval')" type="primary" @click="showAdvancePop">{{
-        btnsNames['approval']
+        $lc(btnsNames['approval'])
       }}</el-button>
       <el-button v-if="authList.includes('approval') && nextApproval && nextBtn" type="primary" @click="approvalNext">
-        {{ btnsNames['approval'] }}{{ '并审批下一条' | $lc }}</el-button
+        {{ $lc(btnsNames['approval']) }}{{ '并审批下一条' | $lc }}</el-button
       >
       <el-button v-if="showApprovalTo && showApproveTo" type="primary" @click="approvalToV = true"
-        >{{ btnsNames['approval'] }}{{ '至' | $lc }}</el-button
+        >{{ $lc(btnsNames['approval']) }}{{ '至' | $lc }}</el-button
       >
-      <el-button v-if="authList.includes('rejectTo')" plain @click="rejectToB">{{ btnsNames['rejectTo'] }}</el-button>
-      <el-button v-if="authList.includes('reject')" plain @click="rejectFn">{{ btnsNames['reject'] }}</el-button>
+      <el-button v-if="authList.includes('rejectTo')" plain @click="rejectToB">{{ $lc(btnsNames['rejectTo']) }}</el-button>
+      <el-button v-if="authList.includes('reject')" plain @click="rejectFn">{{ $lc(btnsNames['reject']) }}</el-button>
       <el-button v-if="authList.includes('rejectPre')" plain @click="rejectPreFn">{{
-        btnsNames['rejectPre']
+        $lc(btnsNames['rejectPre'])
       }}</el-button>
 
       <el-button v-if="authList.includes('discard')" type="danger" plain @click="discardFn">{{
-        btnsNames['discard']
+        $lc(btnsNames['discard'])
       }}</el-button>
       <el-button plain @click="goFrom">{{ '返 回' | $lc }}</el-button>
     </div>
@@ -515,14 +515,14 @@ export default {
       checkSum: 0,
       mustUploadWidget: false,
       btnsNames: {
-        pass: this.$l('通过'),
-        refuse: this.$l('拒绝'),
-        takeOff: this.$l('请假'),
-        reject: this.$l('驳回至申请人'),
-        rejectPre: this.$l('驳回至上一节点'),
-        approval: this.$l('批 准'),
-        discard: this.$l('作 废'),
-        rejectTo: this.$l('驳回至')
+        pass: '通过',
+        refuse: '拒绝',
+        takeOff: '请假',
+        reject: '驳回至申请人',
+        rejectPre: '驳回至上一节点',
+        approval: '批 准',
+        discard: '作 废',
+        rejectTo: '驳回至'
       }
     }
   },
@@ -714,7 +714,7 @@ export default {
           // 自定义按钮
           if (data.customBtnName && data.customBtnName.length > 0) {
             data.customBtnName.forEach((item) => {
-              this.btnsNames[item.key] = item.optionName
+              this.$set(this.btnsNames, item.key, item.optionName)
             })
           }
           let { taskDefKey, menuAuthority } = data

package/src/components/ApprovalButtons/indexApp.vue

@@ -117,11 +117,11 @@
     </div>
     <!-- 审批按钮 -->
     <div v-if="authList.includes('byAddTask') && !addTaskList.length" class="text-c">
-      <el-button type="primary" @click="showAdvancePop">{{ btnsNames['approval'] }}</el-button>
-      <!--       <el-button type="primary" @click="approvalToV = true">{{ btnsNames['approval'] }}{{ '至' | $lc }}</el-button>
-      <el-button plain @click="rejectToB">{{ btnsNames['rejectTo'] }}</el-button> -->
-      <el-button plain @click="rejectFn">{{ btnsNames['reject'] }}</el-button>
-      <!--       <el-button type="danger" plain @click="discardFn">{{ btnsNames['discard'] }}</el-button>
+      <el-button type="primary" @click="showAdvancePop">{{ $lc(btnsNames['approval']) }}</el-button>
+      <!--       <el-button type="primary" @click="approvalToV = true">{{ $lc(btnsNames['approval']) }}{{ '至' | $lc }}</el-button>
+      <el-button plain @click="rejectToB">{{ $lc(btnsNames['rejectTo']) }}</el-button> -->
+      <el-button plain @click="rejectFn">{{ $lc(btnsNames['reject']) }}</el-button>
+      <!--       <el-button type="danger" plain @click="discardFn">{{ $lc(btnsNames['discard']) }}</el-button>
       <el-button plain @click="goFrom">{{ '返 回' | $lc }}</el-button> -->
     </div>
 
@@ -129,30 +129,30 @@
       <div v-if="!approveBtns" style="text-align: center; font-size: 18px">{{ $lc('请点击左上角返回处，进入OA待办页面') }}</div>
       <!-- 特殊会签按钮 START -->
       <el-button v-if="authList.includes('pass')" type="primary" @click="checkFlowFn">{{
-        btnsNames['pass']
+        $lc(btnsNames['pass'])
       }}</el-button>
-      <el-button v-if="authList.includes('refuse')" plain @click="rejectFn">{{ btnsNames['refuse'] }}</el-button>
-      <el-button v-if="authList.includes('takeOff')" plain @click="qjFn">{{ btnsNames['takeOff'] }}</el-button>
+      <el-button v-if="authList.includes('refuse')" plain @click="rejectFn">{{ $lc(btnsNames['refuse']) }}</el-button>
+      <el-button v-if="authList.includes('takeOff')" plain @click="qjFn">{{ $lc(btnsNames['takeOff']) }}</el-button>
       <!-- END -->
       <el-button v-if="authList.includes('approval') && approveBtns" type="primary" @click="showAdvancePop">{{
-        btnsNames['approval']
+        $lc(btnsNames['approval'])
       }}</el-button>
       <!--  <el-button v-if="authList.includes('approval') && nextApproval && nextBtn" type="primary" @click="approvalNext">
-        {{ btnsNames['approval'] }}{{ '并审批下一条' | $lc }}</el-button
+        {{ $lc(btnsNames['approval']) }}{{ '并审批下一条' | $lc }}</el-button
       >
       <el-button v-if="showApprovalTo" type="primary" @click="approvalToV = true"
-        >{{ btnsNames['approval'] }}{{ '至' | $lc }}</el-button
+        >{{ $lc(btnsNames['approval']) }}{{ '至' | $lc }}</el-button
       >
-      <el-button v-if="authList.includes('rejectTo')" plain @click="rejectToB">{{ btnsNames['rejectTo'] }}</el-button> -->
+      <el-button v-if="authList.includes('rejectTo')" plain @click="rejectToB">{{ $lc(btnsNames['rejectTo']) }}</el-button> -->
       <el-button v-if="authList.includes('reject') && approveBtns" plain @click="rejectFn">{{
-        btnsNames['reject']
+        $lc(btnsNames['reject'])
       }}</el-button>
       <!-- <el-button v-if="authList.includes('rejectPre')" plain @click="rejectPreFn">{{
-        btnsNames['rejectPre']
+        $lc(btnsNames['rejectPre'])
       }}</el-button>
 
       <el-button v-if="authList.includes('discard')" type="danger" plain @click="discardFn">{{
-        btnsNames['discard']
+        $lc(btnsNames['discard'])
       }}</el-button>
       <el-button plain @click="goFrom">{{ '返 回' | $lc }}</el-button> -->
     </div>
@@ -471,14 +471,14 @@ export default {
       checkSum: 0,
       mustUploadWidget: false,
       btnsNames: {
-        pass: this.$l('通过'),
-        refuse: this.$l('拒绝'),
-        takeOff: this.$l('请假'),
-        reject: this.$l('驳回'),
-        rejectPre: this.$l('驳回至上一节点'),
-        approval: this.$l('批 准'),
-        discard: this.$l('作 废'),
-        rejectTo: this.$l('驳回至')
+        pass: '通过',
+        refuse: '拒绝',
+        takeOff: '请假',
+        reject: '驳回',
+        rejectPre: '驳回至上一节点',
+        approval: '批 准',
+        discard: '作 废',
+        rejectTo: '驳回至'
       },
       approveBtns: true
     }
@@ -620,7 +620,7 @@ export default {
           // 自定义按钮
           if (data.customBtnName && data.customBtnName.length > 0) {
             data.customBtnName.forEach((item) => {
-              this.btnsNames[item.key] = item.optionName
+              this.$set(this.btnsNames, item.key, item.optionName)
             })
           }
           let { taskDefKey, menuAuthority } = data

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)
+  }
+}