bi-element-ui 1.6.13-beta.3 → 1.6.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bi-element-ui",
-  "version": "1.6.13-beta.3",
+  "version": "1.6.13",
   "private": false,
   "description": "基于 bi-eleme 编写的企业级 Vue 2 UI 组件库",
   "main": "lib/bi-element-ui-externals.common.js",

package/packages/NoticeCenter/noticeDialogApi.js

@@ -0,0 +1,37 @@
+/** 宿主挂载的 BiNoticeCenter 实例，供 openNoticeDialog 调用 */
+let noticeDialogHost = null
+
+export function registerNoticeDialogHost(vm) {
+  noticeDialogHost = vm
+}
+
+export function unregisterNoticeDialogHost(vm) {
+  if (noticeDialogHost === vm) {
+    noticeDialogHost = null
+  }
+}
+
+/**
+ * 宿主项目调用：打开与 BiNoticeCenter 一致的系统通知弹窗。
+ * 点「知道了」仅关闭弹窗，不请求 noticeRead。
+ * 须已挂载 BiNoticeCenter（例如 BiNavbarTool 内 noticeCenter 为 true）。
+ *
+ * @param {{ title: string, user_name?: string, send_time?: string, content: string }} payload
+ * @returns {boolean} 是否成功（false 表示尚未有 NoticeCenter 完成注册）
+ */
+export function openNoticeDialog(payload) {
+  if (!payload || typeof payload !== 'object') {
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn('[bi-element-ui] openNoticeDialog: payload 应为对象')
+    }
+    return false
+  }
+  if (!noticeDialogHost || typeof noticeDialogHost.openExternalNoticeDialog !== 'function') {
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn('[bi-element-ui] openNoticeDialog: 请先挂载 BiNoticeCenter（如使用 BiNavbarTool 且开启通知中心）')
+    }
+    return false
+  }
+  noticeDialogHost.openExternalNoticeDialog(payload)
+  return true
+}

package/packages/NoticeCenter/src/index.vue

@@ -160,6 +160,7 @@
 // import WebSocketClass from '../../WebSocket'
 import { diffTime } from '../../utils/time/index'
 import request from '../../utils/request/index.js'
+import { registerNoticeDialogHost, unregisterNoticeDialogHost } from '../noticeDialogApi'
 export default {
   name: 'BiNoticeCenter',
   props: {
@@ -197,7 +198,9 @@ export default {
       noticeListLoading: false,
       noMore: false,
       detailData: {},
-      noticeList: []
+      noticeList: [],
+      /** true：知道了仅关弹窗，不调 noticeRead（openNoticeDialog 打开） */
+      dialogCloseSkipsNoticeRead: false
     }
   },
   inject: ['theme'],
@@ -214,6 +217,10 @@ export default {
     this.last_id = ''
     this.last_send_time = ''
     this.initUnreadNum()
+    registerNoticeDialogHost(this)
+  },
+  beforeDestroy() {
+    unregisterNoticeDialogHost(this)
   },
   methods: {
     handleClose() {},
@@ -231,6 +238,7 @@ export default {
       this.badgeNum = unread_num
     },
     popupNotice(data, onlyread = false) {
+      this.dialogCloseSkipsNoticeRead = false
       console.log('🚀 ~ data:', data)
       console.log('🚀 ~ data:', data.id)
       this.openNotice.title = data.title
@@ -242,8 +250,23 @@ export default {
       this.dialogVisible = true
       onlyread !== true && this.noticePoped(this.openNotice.id)
     },
+    /** 供宿主 openNoticeDialog 使用：不调 noticePoped，关闭时不调 noticeRead */
+    openExternalNoticeDialog({ title, user_name, send_time, content }) {
+      this.dialogCloseSkipsNoticeRead = true
+      this.openNotice.title = title || ''
+      this.openNotice.user_name = user_name
+      this.openNotice.send_time = send_time || ''
+      this.openNotice.id = ''
+      this.openNotice.extra_id = undefined
+      this.openNotice.content = content || ''
+      this.dialogVisible = true
+    },
     async noticeClose(id) {
       this.dialogVisible = false
+      if (this.dialogCloseSkipsNoticeRead) {
+        this.dialogCloseSkipsNoticeRead = false
+        return
+      }
       this.noticeRead(id)
     },
     async noticeRead(id) {

package/packages/index.js

@@ -37,6 +37,7 @@ import BiTableSticky from './TableSticky/index'
 // import elTableSticky from '@cell-x/el-table-sticky'
 import { doubleCheckVerification } from './Verification/index.js'
 import ResponseInterceptor from './ResponseInterceptor'
+import { openNoticeDialog } from './NoticeCenter/noticeDialogApi'
 // import BiVerification from './Verification/index.js'
 
 // 组件列表
@@ -220,9 +221,10 @@ export default {
   getComponentsKeys: getComponentsKeys,
   doubleCheckVerification: doubleCheckVerification,
   handleResponse: ResponseInterceptor.handleResponse.bind(ResponseInterceptor),
+  openNoticeDialog,
   version: pkg.version
 }
 
 // 命名导出
-export { doubleCheckVerification, getComponentsKeys }
+export { doubleCheckVerification, getComponentsKeys, openNoticeDialog }
 export const handleResponse = ResponseInterceptor.handleResponse.bind(ResponseInterceptor)