cfel-base-components 2.6.1 → 2.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cfel-base-components",
-  "version": "2.6.1",
+  "version": "2.6.2",
   "description": "cfel-base-components",
   "main": "/src/index.tsx",
   "types": "src/index.d.ts",
@@ -15,6 +15,12 @@
   },
   "author": "",
   "license": "ISC",
+  "config": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "devDependencies": {
     "@babel/cli": "^7.22.5",
     "@babel/core": "^7.22.5",

package/src/apiRequest/config.ts

@@ -1,5 +1,5 @@
 import axios, { AxiosRequestHeaders } from 'axios'
-import { notification } from 'antd'
+import { Modal, notification } from 'antd'
 
 let UMI_APP_BASEURL: any = window.location.origin || process.env
 const instance = axios.create({ baseURL: UMI_APP_BASEURL })
@@ -61,7 +61,24 @@ instance.interceptors.response.use(
     notification.error({
       message: response?.data?.errorMsg || CodeMessage[status] || '服务暂不可用，请检查网络',
     })
-
+    // 如果后端在非2xx响应中也返回了业务 errorCode，处理 PRODUCT_NOT_REGISTRY
+    const respData = response?.data || {}
+    if (respData && respData.errorCode === 'PRODUCT_NOT_REGISTRY') {
+      if (typeof (window as any).showProductNotRegisteredOverlay === 'function') {
+        ;(window as any).showProductNotRegisteredOverlay({
+          onAction: () => {},
+        })
+      } else {
+        if (!(window as any).__PRODUCT_NOT_REGISTRY_SHOWN__) {
+          ;(window as any).__PRODUCT_NOT_REGISTRY_SHOWN__ = true
+          Modal.warning({
+            title: '产品未开通',
+            content: '当前产品未开通或产品编码错误，请联系管理员或检查产品编码。',
+            okText: '知道了',
+          })
+        }
+      }
+    }
     if (status === 401) {
     }
 

package/src/components/ProductOverlay/index.tsx

@@ -0,0 +1,83 @@
+import React, { useEffect, useState } from 'react'
+import { Button } from 'antd'
+
+type OverlayOptions = {
+  title?: string
+  message?: string
+  actionText?: string
+  onAction?: () => void
+}
+
+export default function ProductOverlay() {
+  const [visible, setVisible] = useState(false)
+  const [options, setOptions] = useState<OverlayOptions | null>(null)
+
+  useEffect(() => {
+    // 挂载全局方法，供外部调用
+    ;(window as any).showProductNotRegisteredOverlay = (opts?: OverlayOptions) => {
+      setOptions({
+        title: opts?.title || '产品未开通',
+        message: opts?.message || '当前产品未开通或产品编码错误，请联系管理员或检查产品编码。',
+        actionText: opts?.actionText || '关闭',
+        onAction: opts?.onAction,
+      })
+      setVisible(true)
+    }
+    ;(window as any).hideProductNotRegisteredOverlay = () => {
+      setVisible(false)
+      setOptions(null)
+    }
+
+    return () => {
+      // 卸载全局方法
+      try {
+        delete (window as any).showProductNotRegisteredOverlay
+        delete (window as any).hideProductNotRegisteredOverlay
+      } catch (e) {}
+    }
+  }, [])
+
+  if (!visible) return null
+
+  return (
+    <div
+      style={{
+        position: 'fixed',
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0,
+        background: 'rgba(0,0,0,0.6)',
+        zIndex: 99999,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+      }}
+    >
+      <div
+        style={{
+          width: 520,
+          background: '#fff',
+          borderRadius: 8,
+          padding: 24,
+          boxShadow: '0 4px 24px rgba(0,0,0,0.2)',
+          textAlign: 'center',
+        }}
+      >
+        <h3 style={{ marginBottom: 12 }}>{options?.title}</h3>
+        <div style={{ color: '#666', marginBottom: 18 }}>{options?.message}</div>
+        <div style={{ display: 'flex', justifyContent: 'center', gap: 12 }}>
+          <Button
+            onClick={() => {
+              setVisible(false)
+              if (options?.onAction) options.onAction()
+            }}
+            type="primary"
+          >
+            {options?.actionText}
+          </Button>
+        </div>
+      </div>
+    </div>
+  )
+}