nsgm-cli 2.1.13 → 2.1.14

package/client/styled/template/manage.ts

@@ -2,38 +2,38 @@ import styled from 'styled-components'
 
 export const Container = styled.div`
   margin: 20px;
-  
+
   .ant-table {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     border-radius: 8px;
     overflow: hidden;
     transition: all 0.3s ease;
-    
+
     &:hover {
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
     }
   }
-  
+
   .table-row-light {
     background-color: #ffffff;
   }
-  
+
   .table-row-dark {
     background-color: #f9f9f9;
   }
-  
+
   .ant-table-thead > tr > th {
     background-color: #f0f5ff;
     color: #1890ff;
     font-weight: 500;
     padding: 12px 16px;
   }
-  
+
   .ant-table-tbody > tr > td {
     padding: 12px 16px;
     transition: background-color 0.3s;
   }
-  
+
   .page-title {
     font-size: 24px;
     font-weight: 500;
@@ -42,7 +42,7 @@ export const Container = styled.div`
     padding-bottom: 10px;
     border-bottom: 1px solid #f0f0f0;
     position: relative;
-    
+
     &:after {
       content: '';
       position: absolute;
@@ -68,7 +68,7 @@ export const SearchRow = styled.div`
   border-radius: 8px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   transition: all 0.3s ease;
-  
+
   &:hover {
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
   }
@@ -95,7 +95,7 @@ export const ModalContainer = styled.div`
       font-weight: 500;
       color: #333;
       position: relative;
-      
+
       &:after {
         content: '';
         position: absolute;
@@ -113,8 +113,9 @@ export const ModalContainer = styled.div`
       flex: 1;
       border-radius: 6px;
       transition: all 0.3s ease;
-      
-      &:hover, &:focus {
+
+      &:hover,
+      &:focus {
         border-color: #40a9ff;
         box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
       }
@@ -133,4 +134,4 @@ export const ModalContainer = styled.div`
       }
     }
   }
-`
+`

package/client/utils/common.ts

@@ -1,7 +1,7 @@
 import getConfig from 'next/config'
 import _ from 'lodash'
 
-export const getLocalEnv = () => { 
+export const getLocalEnv = () => {
   const nextConfig = getConfig()
   const { publicRuntimeConfig } = nextConfig
   let { env = 'uat' } = publicRuntimeConfig
@@ -12,75 +12,77 @@ export const getLocalEnv = () => {
 export const getLocalApiPrefix = () => {
   const nextConfig = getConfig()
   const { publicRuntimeConfig } = nextConfig
-  let { protocol, host, port, prefix, isExport } = publicRuntimeConfig
+  let { protocol, host, port } = publicRuntimeConfig
+  const { prefix, isExport } = publicRuntimeConfig
 
   let localApiPrefix = ''
-  
-  if(!isExport){
-    if (typeof window !== 'undefined') { 
+
+  if (!isExport) {
+    if (typeof window !== 'undefined') {
       // 客户端：使用当前页面的 location
       const location = window.location
 
       protocol = location.protocol
-      if (protocol.indexOf(':') != -1) { 
+      if (protocol.indexOf(':') != -1) {
         protocol = protocol.split(':')[0]
       }
       host = location.hostname
-      port = location.port || (protocol.indexOf('https') !== -1 ? "443" : "80")
+      port = location.port || (protocol.indexOf('https') !== -1 ? '443' : '80')
     }
     // 服务器端：直接使用配置中的值，无需额外处理
-  } 
+  }
 
-  localApiPrefix = protocol + '://' + host + ':' + port + prefix
+  localApiPrefix = `${protocol}://${host}:${port}${prefix}`
   return localApiPrefix
 }
 
 export const handleXSS = (content: string) => {
   content = content || ''
-  return content.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/\'/g, '&#x27;')
+  return content.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;')
 }
 
 export const checkModalObj = (modalObj: {}, ignoreKeys: any = []) => {
   let result: any = null
   _.each(modalObj, (value: any, key: string) => {
-    // console.log('checkModalObj', ignoreKeys, key, ignoreKeys.join('.').indexOf(key))
     if (ignoreKeys.length === 0 || (ignoreKeys.length !== 0 && ignoreKeys.join('.').indexOf(key) === -1)) {
       if (_.trim(value) === '') {
         result = {
           key,
-          reason: '不能为空'
+          reason: '不能为空',
         }
         return false
       }
     }
+    return true
   })
   return result
 }
 
-export const getUrlParamByKey = (key: string) => { 
+export const getUrlParamByKey = (key: string) => {
   let result = ''
   if (typeof window !== 'undefined') {
     const locationHref = window.location.href
-    if (locationHref.indexOf('?') !== -1) { 
+    if (locationHref.indexOf('?') !== -1) {
       const locationHrefArr = locationHref.split('?')
-      if (locationHrefArr.length > 1) { 
+      if (locationHrefArr.length > 1) {
         const paramsStr = locationHrefArr[1]
 
-        let params:any = []
+        let params: any = []
         if (paramsStr.indexOf('&') !== -1) {
           params = paramsStr.split('&')
-        } else { 
+        } else {
           params.push(paramsStr)
         }
-        
-        _.each(params, (item, index) => { 
-          if (item.indexOf('=') !== -1) { 
+
+        _.each(params, (item) => {
+          if (item.indexOf('=') !== -1) {
             const itemArr = item.split('=')
-            if (itemArr[0] === key) { 
+            if (itemArr[0] === key) {
               result = itemArr[1]
               return false
             }
           }
+          return true
         })
       }
     }

package/client/utils/cookie.ts

@@ -1,52 +1,51 @@
 import _ from 'lodash'
 
-export const setCookie = (name: string, value:string, cookieExpire:any) => { 
+export const setCookie = (name: string, value: string, cookieExpire: any) => {
   const currentDate = new Date()
   const currentTime = currentDate.getTime()
-  let expiresTime = currentDate
+  const expiresTime = new Date()
   expiresTime.setTime(currentTime + 60 * 1000 * 60 * 24 * 30)
 
   if (typeof document !== 'undefined') {
-    let cookie = name + '=' + window.btoa(encodeURIComponent(value))
+    let cookie = `${name}=${window.btoa(encodeURIComponent(value))}`
     // let cookie = name + '=' + encodeURIComponent(value)
     if (cookieExpire) {
-      cookie += ";expires=" + cookieExpire
-    } else { 
-      cookie += ";expires=" + expiresTime.toUTCString()
+      cookie += `;expires=${cookieExpire}`
+    } else {
+      cookie += `;expires=${expiresTime.toUTCString()}`
     }
 
-    cookie += ";path=/"
+    cookie += ';path=/'
     document.cookie = cookie
   }
 }
 
-export const getCookie = (name: string) => { 
+export const getCookie = (name: string) => {
   let result = ''
-  if (typeof document !== 'undefined') { 
+  if (typeof document !== 'undefined') {
     const cookie = document.cookie
-    // console.log('cookie', cookie)
 
-    const cookieArr = cookie.split("; ")
-  
-    _.each(cookieArr, (item, index) => { 
-      const itemArr = item.split("=")
+    const cookieArr = cookie.split('; ')
+
+    _.each(cookieArr, (item) => {
+      const itemArr = item.split('=')
       if (name === itemArr[0]) {
         result = decodeURIComponent(window.atob(itemArr[1]))
-        // result = decodeURIComponent(itemArr[1])
         return false
       }
+      return true
     })
   }
   return result
 }
 
-export const delCookie = (name: string) => { 
+export const delCookie = (name: string) => {
   const currentDate = new Date()
   const currentTime = currentDate.getTime()
-  let expiresTime = currentDate
+  const expiresTime = new Date()
   expiresTime.setTime(currentTime - 1)
 
   if (typeof document !== 'undefined') {
-    document.cookie = name + "=;expires=" + expiresTime.toUTCString() + ";path=/"
+    document.cookie = `${name}=;expires=${expiresTime.toUTCString()};path=/`
   }
-}
+}

package/client/utils/fetch.ts

@@ -11,38 +11,38 @@ axios.defaults.withCredentials = true
 export const GRAPHQL_CONFIG = {
   // GraphQL 端点
   endpoint: '/graphql',
-  
+
   // 默认请求头
   defaultHeaders: {
     'Content-Type': 'application/json',
-    'Accept': 'application/json'
+    Accept: 'application/json',
   },
-  
+
   // 缓存配置
   cache: {
     defaultTTL: 5 * 60 * 1000, // 5分钟
     maxSize: 100,
-    enabled: true
+    enabled: true,
   },
-  
+
   // CSRF 配置
   csrf: {
     enabled: true,
     tokenHeader: 'X-CSRF-Token',
-    cookieName: 'csrfToken'
+    cookieName: 'csrfToken',
   },
-  
+
   // 开发模式配置
   development: {
-    enableDebugLogs: process.env.NODE_ENV === 'development'
-  }
+    enableDebugLogs: process.env.NODE_ENV === 'development',
+  },
 }
 
 // GraphQL 操作类型
 export enum GraphQLOperationType {
   QUERY = 'query',
   MUTATION = 'mutation',
-  SUBSCRIPTION = 'subscription'
+  SUBSCRIPTION = 'subscription',
 }
 
 // GraphQL 工具函数
@@ -54,20 +54,20 @@ export const GraphQLUtils = {
     if (trimmed.startsWith('subscription')) return GraphQLOperationType.SUBSCRIPTION
     return GraphQLOperationType.QUERY
   },
-  
+
   // 提取操作名称
   getOperationName(query: string): string | null {
     const match = query.match(/(?:query|mutation|subscription)\s+(\w+)/)
     return match ? match[1] : null
   },
-  
+
   // 生成缓存键
   generateCacheKey(query: string, variables?: any): string {
     const operationName = this.getOperationName(query) || 'anonymous'
     const variablesHash = variables ? JSON.stringify(variables) : ''
     return `${operationName}_${btoa(variablesHash)}`
   },
-  
+
   // 验证 GraphQL 查询语法
   isValidQuery(query: string): boolean {
     try {
@@ -81,7 +81,7 @@ export const GraphQLUtils = {
     } catch {
       return false
     }
-  }
+  },
 }
 
 // ==================== CSRF 工具 ====================
@@ -92,14 +92,14 @@ export const GraphQLUtils = {
  */
 export const getCSRFToken = async (): Promise<string> => {
   try {
-    const response = await axios.get(getLocalApiPrefix() + '/csrf-token', {
-      withCredentials: true
+    const response = await axios.get(`${getLocalApiPrefix()}/csrf-token`, {
+      withCredentials: true,
     })
-    
-    if (!response.data || !response.data.csrfToken) {
+
+    if (!response.data?.csrfToken) {
       throw new Error('服务器返回的 CSRF token 为空')
     }
-    
+
     return response.data.csrfToken
   } catch (error) {
     console.error('获取 CSRF token 错误:', error)
@@ -108,46 +108,27 @@ export const getCSRFToken = async (): Promise<string> => {
 }
 
 // ==================== GraphQL 客户端 ====================
-
-// GraphQL 查询缓存
-const queryCache = new Map<string, { data: any; timestamp: number }>()
-const CACHE_DURATION = GRAPHQL_CONFIG.cache.defaultTTL
-
 /**
  * GraphQL 客户端主函数
  * 自动处理 CSRF 保护、缓存、错误重试
  */
-export const getLocalGraphql = async (query: string, variables: any = {}, useCache = false) => {
+export const getLocalGraphql = async (query: string, variables: any = {}) => {
   // 验证查询语法
   if (!GraphQLUtils.isValidQuery(query)) {
     throw new Error('Invalid GraphQL query syntax')
   }
-  
-  // 生成缓存键
-  const cacheKey = GraphQLUtils.generateCacheKey(query, variables)
-  
-  // 检查缓存
-  if (useCache && queryCache.has(cacheKey)) {
-    const cached = queryCache.get(cacheKey)!
-    if (Date.now() - cached.timestamp < CACHE_DURATION) {
-      if (GRAPHQL_CONFIG.development.enableDebugLogs) {
-        console.log('GraphQL cache hit:', cacheKey)
-      }
-      return cached.data
-    }
-  }
-  
+
   try {
     // 检测操作类型
     const operationType = GraphQLUtils.getOperationType(query)
     const isMutation = operationType === GraphQLOperationType.MUTATION
-    
+
     const headers: Record<string, string> = {
-      ...GRAPHQL_CONFIG.defaultHeaders
+      ...GRAPHQL_CONFIG.defaultHeaders,
     }
-    
+
     let response
-    
+
     if (isMutation) {
       // Mutation 使用 POST 方法并需要 CSRF token
       if (GRAPHQL_CONFIG.csrf.enabled) {
@@ -158,16 +139,16 @@ export const getLocalGraphql = async (query: string, variables: any = {}, useCac
           console.warn('获取 CSRF token 失败，继续执行 GraphQL 请求:', csrfError)
         }
       }
-      
+
       response = await axios.post(
-        getLocalApiPrefix() + '/graphql',
+        `${getLocalApiPrefix()}/graphql`,
         {
           query,
-          variables
+          variables,
         },
         {
           headers,
-          withCredentials: true
+          withCredentials: true,
         }
       )
     } else {
@@ -177,27 +158,16 @@ export const getLocalGraphql = async (query: string, variables: any = {}, useCac
       if (variables && Object.keys(variables).length > 0) {
         params.append('variables', JSON.stringify(variables))
       }
-      
-      response = await axios.get(
-        getLocalApiPrefix() + '/graphql?' + params.toString(),
-        {
-          headers: {
-            'Accept': 'application/json'
-          },
-          withCredentials: true
-        }
-      )
+
+      response = await axios.get(`${getLocalApiPrefix()}/graphql?${params.toString()}`, {
+        headers: {
+          Accept: 'application/json',
+        },
+        withCredentials: true,
+      })
     }
 
-    if (response && response.data) {
-      // 缓存查询结果
-      if (useCache && !isMutation) {
-        queryCache.set(cacheKey, {
-          data: response.data,
-          timestamp: Date.now()
-        })
-      }
-      
+    if (response?.data) {
       return response.data
     } else {
       throw new Error('GraphQL response is empty')
@@ -206,7 +176,7 @@ export const getLocalGraphql = async (query: string, variables: any = {}, useCac
     // 只为 mutation 检查 CSRF 错误 (403)，因为 query 使用 GET 不需要 CSRF token
     if (axios.isAxiosError(error) && error.response?.status === 403) {
       const operationType = GraphQLUtils.getOperationType(query)
-      
+
       if (operationType === GraphQLOperationType.MUTATION) {
         console.warn('🔄 CSRF token 可能已过期，尝试重试 mutation...')
         try {
@@ -214,15 +184,15 @@ export const getLocalGraphql = async (query: string, variables: any = {}, useCac
           const newCsrfToken = await getCSRFToken()
           const retryHeaders = {
             ...GRAPHQL_CONFIG.defaultHeaders,
-            [GRAPHQL_CONFIG.csrf.tokenHeader]: newCsrfToken
+            [GRAPHQL_CONFIG.csrf.tokenHeader]: newCsrfToken,
           }
-          
+
           const retryResponse = await axios.post(
-            getLocalApiPrefix() + '/graphql',
+            `${getLocalApiPrefix()}/graphql`,
             { query, variables },
             { headers: retryHeaders, withCredentials: true }
           )
-          
+
           return retryResponse.data
         } catch (retryError) {
           console.error('❌ CSRF mutation 重试失败:', retryError)
@@ -230,7 +200,7 @@ export const getLocalGraphql = async (query: string, variables: any = {}, useCac
         }
       }
     }
-    
+
     console.error('GraphQL request failed:', error)
     throw error
   }
@@ -252,22 +222,14 @@ export const createCSRFUploadProps = (
     multiple?: boolean
   } = {}
 ) => {
-  const {
-    name = 'file',
-    onSuccess,
-    onError,
-    beforeUpload: customBeforeUpload,
-    accept,
-    multiple = false
-  } = options
-
-  return {
+  const { name = 'file', onSuccess, onError, beforeUpload: customBeforeUpload, accept, multiple = false } = options
+
+  const uploadProps: any = {
     name,
     action,
-    accept,
     multiple,
     customRequest: async (options: any) => {
-      const { onProgress, onError: onUploadError, onSuccess: onUploadSuccess, file } = options
+      const { onError: onUploadError, onSuccess: onUploadSuccess, file } = options
 
       try {
         // 获取 CSRF token
@@ -284,9 +246,9 @@ export const createCSRFUploadProps = (
         const uploadUrl = action.startsWith('http') ? action : getLocalApiPrefix() + action
         const response = await axios.post(uploadUrl, formData, {
           headers: {
-            [GRAPHQL_CONFIG.csrf.tokenHeader]: csrfToken
+            [GRAPHQL_CONFIG.csrf.tokenHeader]: csrfToken,
           },
-          withCredentials: true
+          withCredentials: true,
         })
 
         if (response.status >= 200 && response.status < 300) {
@@ -330,8 +292,15 @@ export const createCSRFUploadProps = (
           onError(fileName)
         }
       }
-    }
+    },
   }
+
+  // 只有当 accept 有值时才添加该属性
+  if (accept) {
+    uploadProps.accept = accept
+  }
+
+  return uploadProps
 }
 
 /**
@@ -343,41 +312,36 @@ export const validateCSRFForUpload = async (): Promise<{ valid: boolean; token?:
     if (!csrfToken) {
       return {
         valid: false,
-        error: 'CSRF Token 获取失败，请刷新页面重试'
+        error: 'CSRF Token 获取失败，请刷新页面重试',
       }
     }
     return {
       valid: true,
-      token: csrfToken
+      token: csrfToken,
     }
   } catch (error) {
     return {
       valid: false,
-      error: error instanceof Error ? error.message : '获取 CSRF Token 时发生未知错误'
+      error: error instanceof Error ? error.message : '获取 CSRF Token 时发生未知错误',
     }
   }
 }
 
 // ==================== 工具函数 ====================
 
-// 清除缓存
-export const clearGraphqlCache = () => {
-  queryCache.clear()
-}
-
 // GraphQL 查询辅助函数
-export const graphqlQuery = async (query: string, variables?: any, useCache = true) => {
-  return getLocalGraphql(query, variables, useCache)
+export const graphqlQuery = async (query: string, variables?: any) => {
+  return getLocalGraphql(query, variables)
 }
 
 // GraphQL 变更辅助函数 (Mutation)
 export const graphqlMutation = async (mutation: string, variables?: any) => {
-  return getLocalGraphql(mutation, variables, false) // 变更操作不使用缓存
+  return getLocalGraphql(mutation, variables)
 }
 
 // 检查 GraphQL 响应是否有错误
 export const hasGraphqlErrors = (response: any): boolean => {
-  return response && response.errors && response.errors.length > 0
+  return response?.errors && response.errors.length > 0
 }
 
 // 获取 GraphQL 错误信息

package/client/utils/menu.tsx

@@ -5,13 +5,26 @@ let key = 1
 
 export default [
   {
-    key: key.toString(),
+    key: (++key).toString(),
     text: '介绍',
     url: '/',
     icon: <BookOutlined rev={undefined} />,
-    subMenus: null
+    subMenus: null,
   },
   {
+    key: (++key).toString(),
+    text: '模板',
+    url: '/template/manage',
+    icon: <SolutionOutlined rev={undefined} />,
+    subMenus: [
+      {
+        key: `${key}_1`,
+        text: '模板1',
+        url: '/template/manage',
+      },
+    ],
+  },
+  /*{
     key: (++key).toString(),
     text: '模板',
     url: '/template/manage',
@@ -23,5 +36,5 @@ export default [
         url: '/template/manage'
       }
     ]
-  }
+  }*/
 ]