n20-common-lib 3.3.28 → 3.3.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "3.3.28",
+  "version": "3.3.30",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -54,6 +54,7 @@
     "axios": "*",
     "dayjs": "*",
     "decimal.js": "^10.5.0",
+    "dom-zindex": "^1.0.6",
     "js-cookie": "^3.0.1",
     "jsencrypt": "^3.3.2",
     "jsonwebtoken": "^8.5.1",

package/src/components/TablePro/index.js

@@ -6,6 +6,7 @@ import dayjs from 'dayjs'
 import XEUtils from 'xe-utils'
 import { $lc } from '../../utils/i18n/index.js'
 import zhCN from 'vxe-table/lib/locale/lang/zh-CN'
+import installPopupZIndexBridge from '../../utils/popupZIndex'
 // 打平对象
 function flattenObject(obj, prefix = '', result = {}) {
   // 遍历对象的每个属性
@@ -158,6 +159,8 @@ vxeTable.formats.mixin({
   }
 }) */
 function install(Vue) {
+  // 原生 vxe-table 与 TablePro 使用同一套弹层层级。
+  installPopupZIndexBridge()
   Vue.use(vxeTable)
 }
 

package/src/components/TablePro/index.vue

@@ -138,6 +138,7 @@ import tableSetSize from '../TableSetSize/index.vue'
 import { $lc } from '../../utils/i18n/index.js'
 import XEUtils from 'xe-utils'
 import { isTableCellInteractiveTarget } from './cellClick'
+import installPopupZIndexBridge from '../../utils/popupZIndex'
 const DEFAULT_SCROLL_Y = {
   enabled: true,
   gt: 30,
@@ -161,6 +162,10 @@ const renderer = {
 }
 export default {
   name: 'TablePro',
+  beforeCreate() {
+    // 按需引用组件时，也要在子表格创建 tooltip 前完成层级桥接。
+    installPopupZIndexBridge()
+  },
   components: {
     tableSetSize,
     empty,

package/src/components/v3/TablePro/index.js

@@ -3,8 +3,9 @@ import 'vxe-table/lib/style.css'
 import filterContent from './filterContent.vue'
 import numerify from 'numerify'
 import dayjs from 'dayjs'
-import { $lc } from '../../utils/i18n/index.js'
+import { $lc } from '../../../utils/i18n/index.js'
 import zhCN from 'vxe-table/lib/locale/lang/zh-CN'
+import installPopupZIndexBridge from '../../../utils/popupZIndex'
 // 打平对象
 function flattenObject(obj, prefix = '', result = {}) {
   // 遍历对象的每个属性
@@ -123,6 +124,8 @@ vxeTable.formats.mixin({
 })
 
 function install(Vue) {
+  // v3 独立安装时也复用公共层级桥接。
+  installPopupZIndexBridge()
   Vue.use(vxeTable)
 }
 

package/src/components/v3/TablePro/index.vue

@@ -454,6 +454,7 @@ import { saveTransform } from '../../ShowColumn/index.vue'
 import tableOperate from '../../TableOperate/index.vue'
 import { isTableCellInteractiveTarget } from '../../TablePro/cellClick'
 import OperateBtns from '../../TableProOperateColumn/OperateBtns.vue'
+import installPopupZIndexBridge from '../../../utils/popupZIndex'
 
 const DEFAULT_OPERATE_COLUMN_WIDTH = 180
 
@@ -473,6 +474,10 @@ const renderer = {
 }
 export default {
   name: 'TableProV3',
+  beforeCreate() {
+    // 按需引用 v3 组件时，也在子表格创建 tooltip 前完成公共桥接。
+    installPopupZIndexBridge()
+  },
   components: {
     tableOperate,
     tableShowColumn,

package/src/i18n.json

@@ -6167,6 +6167,14 @@
     "zh-hk": "憑證過期",
     "es": "Certificado caducado"
   },
+  "证书已过期": {
+    "en": "Certificate expired",
+    "th": "ใบรับรองหมดอายุ",
+    "vi": "Chứng chỉ đã hết hạn",
+    "ja": "証明書の有効期限が切れました",
+    "zh-hk": "憑證已過期",
+    "es": "Certificado caducado"
+  },
   "证书已废止": {
     "en": "Certificate has been revoked",
     "th": "ใบรับรองถูกเพิกถอนแล้ว",

package/src/plugins/Sign/dn.js

@@ -55,3 +55,33 @@ export function isDnMatched(certDn, userDn) {
   const userCn = getCn(userAttrs)
   return certCn && userCn && certCn === userCn
 }
+
+/**
+ * 返回匹配 DN 的证书及到期时间，保留 SDK 原始索引用于后续签名。
+ */
+export function getMatchedCerts(dnList, dn) {
+  return dnList
+    .map((cert, index) => ({ cert, index }))
+    .filter(({ cert }) => isDnMatched(cert.certDN, dn))
+    .map(item => ({
+      ...item,
+      // NSGetCertsListInfo 的 SDK 已解码 validEnd，补齐 GMT 前的空格后解析。
+      validEndTime: new Date(item.cert.validEnd?.replace(/GMT$/, ' GMT')).getTime()
+    }))
+}
+
+/**
+ * 业务条件筛选完成后过滤过期证书，再按到期时间倒序排列副本。
+ */
+export function getValidCerts(matchedCerts) {
+  const now = Date.now()
+  return matchedCerts
+    // 只剔除明确过期的证书，保留原先对缺失或无效日期的兼容行为。
+    .filter(({ validEndTime }) => !(validEndTime <= now))
+    .sort((a, b) => {
+      // 缺失或无法解析的日期放到最后，同一有效期保持原始顺序。
+      const aTime = Number.isNaN(a.validEndTime) ? -Infinity : a.validEndTime
+      const bTime = Number.isNaN(b.validEndTime) ? -Infinity : b.validEndTime
+      return bTime - aTime || a.index - b.index
+    })
+}

package/src/plugins/Sign/sign.js

@@ -3,7 +3,7 @@ import { Message, Notification } from 'element-ui'
 import { $lc } from '../../utils/i18n/index.js'
 
 import { IWSAgent } from './InfosecNetSignCNGAgent.min.js'
-import { isCertCheckFailed, isDnMatched, parseCA } from './dn.js'
+import { getMatchedCerts, getValidCerts, isCertCheckFailed, parseCA } from './dn.js'
 
 const {
   IWSASetTimeOut,
@@ -152,30 +152,29 @@ export async function performSign(plain, index) {
     })
   })
 }
-/**
- * 从Dn中获取CN
- * @param {string} dn 要解析的Dn
- * @returns {string} 解析后的CN
- */
 /**
  * 验证Dn是否存在于Dn列表中
  * @param {Array} dnList 获取到的Dn列表
  * @param {string} dn 要验证的Dn
- * @returns {number} - 如果找到匹配的 DN，则返回其在 dnList 中的索引；如果未找到，则返回 -1
+ * @returns {number} - 返回可用证书的原始索引；未匹配或全部过期时返回 -1
  */
 function verifyDn(dnList, dn) {
-  let index = -1
-  dnList.find((C, i) => {
-    if (isDnMatched(C.certDN, dn)) {
-      index = i
-      return true
-    }
-  })
-  if (index === -1) {
-    let dnList = dnList?.map((res) => res.certDN)?.join(',')
-    Message.error(`${$lc('证书Dn不匹配:')}${dnList}${$lc('里面无法匹配===>')}${dn}`)
-    return index
+  const matchedCerts = getMatchedCerts(dnList, dn)
+  if (matchedCerts.length === 0) {
+    const certDns = dnList.map((res) => res.certDN).join(',')
+    Message.error(`${$lc('证书Dn不匹配:')}${certDns}${$lc('里面无法匹配===>')}${dn}`)
+    return -1
   }
+
+  // 保留 DN 匹配条件，剔除过期证书后选择 validEnd 最晚的一张。
+  const validCerts = getValidCerts(matchedCerts)
+  if (validCerts.length === 0) {
+    Message.error($lc('证书已过期'))
+    return -1
+  }
+
+  // 使用原始列表索引签名，避免排序后指向其他证书。
+  const index = validCerts[0].index
   if (index !== -1) {
     // GMT时间字符串
     const gmtTimeString = dnList[index].validEnd?.replace(/GMT$/, ' GMT')

package/src/plugins/Sign/signV3/sign.js

@@ -3,7 +3,7 @@ import { Message, MessageBox, Notification } from 'element-ui'
 import { $lc } from '../../../utils/i18n/index.js'
 
 import { IWSAgent } from './InfosecNetSignCNGAgent.min.js'
-import { isCertCheckFailed, isDnMatched } from '../dn.js'
+import { getMatchedCerts, getValidCerts, isCertCheckFailed, isDnMatched } from '../dn.js'
 
 const {
   IWSASetTimeOut,
@@ -153,7 +153,8 @@ export function getCertInfo(dn) {
         return
       }
 
-      certInfo = verifyDn(dnList, dn)
+      // 仅 NSGetCertsListInfo 的证书数据执行有效期过滤及排序。
+      certInfo = verifyCertsList(dnList, dn)
       resolve(certInfo)
     })
   })
@@ -239,7 +240,38 @@ async function performSignSkf(plainText, value) {
  * 验证Dn是否存在于Dn列表中
  * @param {Array} dnList 获取到的Dn列表
  * @param {string} dn 要验证的Dn
- * @returns {number} - 如果找到匹配的 DN，则返回其在 dnList 中的索引；如果未找到，则返回 -1
+ * @returns {number} - 返回可用证书的原始索引；未匹配或全部过期时返回 -1
+ */
+function verifyCertsList(dnList, dn) {
+  // 保留原有 DN、类型和用途条件，过期过滤后仍优先使用 SM2 签名证书。
+  const matchedCerts = getMatchedCerts(dnList, dn).filter(
+    ({ cert }) => (cert.CertType === 'SM2' && cert.KeyUsage === 'signature') || cert.CertType === 'RSA'
+  )
+  if (matchedCerts.length === 0) {
+    let dnListB = dnList?.map((res) => res.certDN)?.join(',')
+    Message.error(`${$lc('证书Dn不匹配:')}${dnListB}${$lc('里面无法匹配===>')}${dn}`)
+    return -1
+  }
+
+  // 所有符合条件的证书均过期时阻止后续签名。
+  const validCerts = getValidCerts(matchedCerts)
+  if (validCerts.length === 0) {
+    Message.error($lc('证书已过期'))
+    return -1
+  }
+
+  // 列表已按到期时间倒序；优先取有效 SM2，SM2 均过期或不存在时再取 RSA。
+  const selectedCert = validCerts.find(({ cert }) => cert.CertType === 'SM2') || validCerts[0]
+  // 同步选中证书的原始索引、DN 和算法，避免排序后签名使用其他证书。
+  const { cert, index } = selectedCert
+  certIndex = index
+  certDN = cert.certDN
+  certType = cert.CertType === 'SM2' ? 'SM3' : 'SHA1'
+  return index
+}
+
+/**
+ * SKF 接口保留原有选证流程，其数据不参与 NSGetCertsListInfo 的有效期处理。
  */
 function verifyDn(dnList, dn) {
   let index = -1

package/src/utils/popupZIndex.js

@@ -0,0 +1,42 @@
+import Vue from 'vue'
+import DomZIndex from 'dom-zindex'
+import PopupManager from 'element-ui/lib/utils/popup/popup-manager'
+import SourcePopupManager from 'element-ui/src/utils/popup/popup-manager'
+
+const BRIDGE_FLAG = '__n20PopupZIndexBridge__'
+
+function bridgePopupManager(manager) {
+  if (manager[BRIDGE_FLAG]) return
+
+  const descriptor = Object.getOwnPropertyDescriptor(manager, 'zIndex')
+
+  // Element 保存下一次可用的层级，dom-zindex 保存最后一次已分配的层级。
+  DomZIndex.setCurrent(Math.max(DomZIndex.getCurrent(), manager.zIndex - 1))
+  Object.defineProperty(manager, 'zIndex', {
+    configurable: true,
+    get() {
+      // 兼容先安装表格、后安装 Element 的顺序，保留业务配置的初始层级。
+      const configuredZIndex = Number((Vue.prototype.$ELEMENT || {}).zIndex) || 2000
+      return Math.max(descriptor.get.call(manager), DomZIndex.getCurrent() + 1, configuredZIndex)
+    },
+    set(value) {
+      const nextZIndex = Number(value)
+      if (!Number.isFinite(nextZIndex)) return
+
+      // 两套组件共用递增水位，避免打开嵌套弹窗或设置较小层级时发生回退。
+      const currentZIndex = Math.max(DomZIndex.getCurrent(), nextZIndex - 1)
+      DomZIndex.setCurrent(currentZIndex)
+      descriptor.set.call(manager, currentZIndex + 1)
+    }
+  })
+  Object.defineProperty(manager, BRIDGE_FLAG, { value: true })
+}
+
+/** 统一 Element 弹层与 vxe tooltip 的层级，重复安装 v2/v3 时只桥接一次。 */
+export default function installPopupZIndexBridge() {
+  if (typeof document === 'undefined') return
+
+  bridgePopupManager(PopupManager)
+  // 组件库的 loading 等指令仍引用 Element 源码入口，需要同步这份管理器。
+  bridgePopupManager(SourcePopupManager)
+}