cfel-base-components 2.6.0 → 2.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cfel-base-components",
-  "version": "2.6.0",
+  "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>
+  )
+}

package/src/components/layout/index.scss

@@ -6,8 +6,6 @@ ul {
   margin: 0;
 }
 
-
-
 .ant-popover-inner {
   padding: 8px !important;
 }
@@ -107,9 +105,7 @@ ul {
         scale: 1.25;
         background: #788bb1;
         border-radius: 2px;
-        transition:
-          background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
-          transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+        transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
         content: '';
       }
 
@@ -521,9 +517,7 @@ body {
 
   .search {
     height: 40px;
-    box-shadow:
-      inset 0px 2px 1px 0px rgba(0, 0, 0, 0.05),
-      inset 0px -2px 0px 0px rgba(255, 255, 255, 0.3);
+    box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.05), inset 0px -2px 0px 0px rgba(255, 255, 255, 0.3);
     border-radius: 10px;
     backdrop-filter: blur(10px);
     position: relative;
@@ -593,9 +587,7 @@ body {
   .search-mobile-console {
     width: 40px;
     height: 40px;
-    box-shadow:
-      inset 0px 2px 1px 0px rgba(0, 0, 0, 0.05),
-      inset 0px -2px 0px 0px rgba(255, 255, 255, 0.3);
+    box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.05), inset 0px -2px 0px 0px rgba(255, 255, 255, 0.3);
     border-radius: 10px;
     backdrop-filter: blur(10px);
     padding-top: 11px;
@@ -616,14 +608,7 @@ body {
 }
 
 .layout-side-mask2 {
-  background: radial-gradient(
-    152% 131% at 3% 1%,
-    #e8e2fa 0%,
-    #c4d0f3 10%,
-    #afcaf8 25%,
-    #89bff6 49%,
-    #478eed 100%
-  );
+  background: radial-gradient(152% 131% at 3% 1%, #e8e2fa 0%, #c4d0f3 10%, #afcaf8 25%, #89bff6 49%, #478eed 100%);
   opacity: 0.3;
   position: absolute;
   top: 0;
@@ -707,10 +692,6 @@ body {
       display: flex;
       justify-content: center;
       align-items: center;
-
-      &:hover {
-        background: rgba(0, 0, 0, 0.06);
-      }
     }
   }
 
@@ -773,9 +754,7 @@ body {
   box-shadow: inset 0px -1px 0px 0px #edeefd;
   color: black;
   border-radius: 16px;
-  box-shadow:
-    0 8px 20px rgba(0, 0, 0, 0.1),
-    inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(10px);
   padding: 16px;
   border: 1px solid rgba(255, 255, 255, 0.08);

package/src/index.tsx

@@ -16,6 +16,7 @@ import CpcAccountInfo from './components/universal-pages/cpcAccountInfo' //cpc
 import CpcRole from './components/universal-pages/cpcRole' //cpc 角色
 import CpcRoleInfo from './components/universal-pages/cpcRoleInfo' //cpc角色详情
 import { getUrlParams, downloadFile, timeFormatter } from './utils/index'
+
 export {
   LiosLayout,
   LiosLayoutlProps,