nsbp-cli 0.2.27 → 0.2.29

package/templates/basic/src/containers/Photo.tsx

@@ -11,7 +11,7 @@ import { useCurrentFlag } from '@utils/clientConfig'
 import _ from 'lodash'
 import { loadData } from '@services/photo'
 
-const springSettings = { type: "spring" as const, stiffness: 170, damping: 26 }
+const springSettings = { type: 'spring' as const, stiffness: 170, damping: 26 }
 const NEXT = 'show-next'
 
 const Photo = ({ query, data, menu, getPhotoMenu }: any) => {
@@ -24,7 +24,9 @@ const Photo = ({ query, data, menu, getPhotoMenu }: any) => {
 
   const [currWidth, currHeight] = currPhotoData
 
-  const widths = photos.map(([origW, origH]:any) => (currHeight / origH) * origW)
+  const widths = photos.map(
+    ([origW, origH]: any) => (currHeight / origH) * origW
+  )
 
   // 同步 currPhoto 和 currPhotoData
   useEffect(() => {
@@ -35,18 +37,22 @@ const Photo = ({ query, data, menu, getPhotoMenu }: any) => {
 
   const leftStartCoords = widths
     .slice(0, currPhoto)
-    .reduce((sum:any, width:any) => sum - width, 0)
+    .reduce((sum: any, width: any) => sum - width, 0)
 
   // Calculate position for each photo
-  const photoPositions = photos.reduce((acc:any, [_origW, _origH]:any, i:any, _arr:any) => {
-    const prevLeft = i === 0 ? leftStartCoords : acc[i-1].left + acc[i-1].width
-    acc.push({
-      left: prevLeft,
-      height: currHeight,
-      width: widths[i] || 0
-    })
-    return acc
-  }, [])
+  const photoPositions = photos.reduce(
+    (acc: any, [_origW, _origH]: any, i: any, _arr: any) => {
+      const prevLeft =
+        i === 0 ? leftStartCoords : acc[i - 1].left + acc[i - 1].width
+      acc.push({
+        left: prevLeft,
+        height: currHeight,
+        width: widths[i] || 0
+      })
+      return acc
+    },
+    []
+  )
 
   // console.log('photoPositions', photoPositions)
 
@@ -93,13 +99,13 @@ const Photo = ({ query, data, menu, getPhotoMenu }: any) => {
       <Layout query={query}>
         <Container>
           <Row>
-          {
-            _.map(menu, (item:any, index:number) => {
+            {_.map(menu, (item: any, index: number) => {
               return (
-                <Link key={`menu${index}`} to={`/photo?dic=${item.name}`}>{item.name}</Link>
+                <Link key={`menu${index}`} to={`/photo?dic=${item.name}`}>
+                  {item.name}
+                </Link>
               )
-            })
-          }
+            })}
           </Row>
           <Row>Scroll Me</Row>
           <Row>
@@ -123,7 +129,13 @@ const Photo = ({ query, data, menu, getPhotoMenu }: any) => {
                 <motion.img
                   key={i}
                   className="demo4-photo"
-                  src={photos[i][2] ? (useCurrentFlag ? `/images/${photos[i][2]}` : photos[i][2]) : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='}
+                  src={
+                    photos[i][2]
+                      ? useCurrentFlag
+                        ? `/images/${photos[i][2]}`
+                        : photos[i][2]
+                      : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='
+                  }
                   initial={false}
                   animate={{
                     left: pos.left,

package/templates/basic/src/externals/window.d.ts

@@ -1,7 +1,9 @@
 interface ServerState {
   photo?: {
     data?: [number, number, string][]
-    menu?: Record<string, any> | Array<{ name: string; cover?: string; count?: number }>
+    menu?:
+      | Record<string, any>
+      | Array<{ name: string; cover?: string; count?: number }>
   }
   query?: Record<string, any>
 }

package/templates/basic/src/reducers/photo.ts

@@ -2,10 +2,15 @@ import { GET_PHOTO_MENU, GET_PHOTO_WIDTH_HEIGHT } from '@store/constants'
 
 interface PhotoState {
   data: [number, number, string][]
-  menu: Record<string, any> | Array<{ name: string; cover?: string; count?: number }>
+  menu:
+    | Record<string, any>
+    | Array<{ name: string; cover?: string; count?: number }>
 }
 
-export const photoReducer = (state: PhotoState = { data: [[0, 0, '']], menu: {} }, action: any) => {
+export const photoReducer = (
+  state: PhotoState = { data: [[0, 0, '']], menu: {} },
+  action: any
+) => {
   const { type, data, menu } = action
 
   switch (type) {

package/templates/basic/src/server/index.ts

@@ -8,23 +8,25 @@ import { useCurrentFlag, outPhotoDicPath } from '@utils/config'
 const app = express()
 
 // 1. Security headers (helmet)
-app.use(helmet({
-  contentSecurityPolicy: {
-    directives: {
-      defaultSrc: ["'self'"],
-      scriptSrc: ["'self'", "'unsafe-inline'", "'unsafe-eval'"],
-      styleSrc: ["'self'", "'unsafe-inline'"],
-      imgSrc: ["'self'", "data:", "https:"],
-      connectSrc: ["'self'", "https:"],
-      fontSrc: ["'self'", "data:"],
-      objectSrc: ["'none'"],
-      mediaSrc: ["'self'"],
-      frameSrc: ["'none'"],
+app.use(
+  helmet({
+    contentSecurityPolicy: {
+      directives: {
+        defaultSrc: ["'self'"],
+        scriptSrc: ["'self'", "'unsafe-inline'", "'unsafe-eval'"],
+        styleSrc: ["'self'", "'unsafe-inline'"],
+        imgSrc: ["'self'", 'data:', 'https:'],
+        connectSrc: ["'self'", 'https:'],
+        fontSrc: ["'self'", 'data:'],
+        objectSrc: ["'none'"],
+        mediaSrc: ["'self'"],
+        frameSrc: ["'none'"]
+      }
     },
-  },
-  crossOriginEmbedderPolicy: false, // Allow inline scripts for SSR
-  crossOriginOpenerPolicy: false, // Allow window.open for development
-}))
+    crossOriginEmbedderPolicy: false, // Allow inline scripts for SSR
+    crossOriginOpenerPolicy: false // Allow window.open for development
+  })
+)
 
 // 2. Hide X-Powered-By header
 app.disable('x-powered-by')
@@ -36,23 +38,30 @@ if (process.env.ENABLE_RATE_LIMIT === '1') {
     max: 100, // Limit each IP to 100 requests per windowMs
     message: 'Too many requests from this IP, please try again later.',
     standardHeaders: true, // Return rate limit info in the `RateLimit-*` headers
-    legacyHeaders: false, // Disable the `X-RateLimit-*` headers
+    legacyHeaders: false // Disable the `X-RateLimit-*` headers
   })
   app.use('/api', limiter)
   console.log('🛡️ Rate limiting enabled for /api routes')
 }
 
 // 4. Static file serving (disable dotfiles access)
-app.use(express.static('public', { 
-  dotfiles: 'ignore',
-  setHeaders: (res, filePath) => {
-    // Cache static assets for 1 year
-    if (filePath.match(/\.(js|css|png|jpg|jpeg|gif|svg|ico|woff|woff2|ttf|eot)$/)) {
-      res.setHeader('Cache-Control', 'public, max-age=31536000, immutable')
+app.use(
+  express.static('public', {
+    dotfiles: 'ignore',
+    setHeaders: (res, filePath) => {
+      // Cache static assets for 1 year
+      if (
+        filePath.match(
+          /\.(js|css|png|jpg|jpeg|gif|svg|ico|woff|woff2|ttf|eot)$/
+        )
+      ) {
+        res.setHeader('Cache-Control', 'public, max-age=31536000, immutable')
+      }
     }
-  }
-}))
-!useCurrentFlag && app.use(express.static(outPhotoDicPath, { dotfiles: 'ignore' }))
+  })
+)
+!useCurrentFlag &&
+  app.use(express.static(outPhotoDicPath, { dotfiles: 'ignore' }))
 
 // 5. Body parsing with size limits
 app.use(express.json({ limit: '10mb' }))

package/templates/basic/src/server/photo.ts

@@ -1,6 +1,5 @@
-
-import fs from "fs"
-import path from "path"
+import fs from 'fs'
+import path from 'path'
 import probe from 'probe-image-size'
 
 // 获取项目根目录（无论从哪个目录运行服务器）
@@ -29,7 +28,9 @@ const getPhotosDicPath = () => {
 }
 
 // 获取目录下的子目录（分类），并为每个分类找封面图和图片数量
-const getFileMenu = (dir: string): { name: string; cover?: string; count?: number }[] => {
+const getFileMenu = (
+  dir: string
+): { name: string; cover?: string; count?: number }[] => {
   const arr = fs.readdirSync(dir)
   const result: { name: string; cover?: string; count?: number }[] = []
 
@@ -40,7 +41,9 @@ const getFileMenu = (dir: string): { name: string; cover?: string; count?: numbe
       // 分类名
       const name = item
       // 计算图片数量
-      const files = fs.readdirSync(fullPath).filter(f => /\.(jpg|jpeg|png|webp)$/i.test(f))
+      const files = fs
+        .readdirSync(fullPath)
+        .filter((f) => /\.(jpg|jpeg|png|webp)$/i.test(f))
       const count = files.length
 
       // 在该目录下找 cover.jpg
@@ -110,7 +113,9 @@ export const getPhotoWH = (req: any, res: any) => {
     res.json({ data: whArr })
   } catch (err: any) {
     console.error('getPhotoWH error:', err)
-    res.status(500).json({ error: 'Internal Server Error', details: err.message })
+    res
+      .status(500)
+      .json({ error: 'Internal Server Error', details: err.message })
   }
 }
 
@@ -124,6 +129,8 @@ export const getPhotoMenu = (_req: any, res: any) => {
     res.json({ data: fileMenu })
   } catch (err: any) {
     console.error('getPhotoMenu error:', err)
-    res.status(500).json({ error: 'Internal Server Error', details: err.message })
+    res
+      .status(500)
+      .json({ error: 'Internal Server Error', details: err.message })
   }
 }

package/templates/basic/src/server/utils.tsx

@@ -15,7 +15,7 @@ import { ChunkExtractor } from '@loadable/server'
 
 export const render = (req: any, res: any) => {
   const store = getStore()
-  const { path:reqPath, query } = req
+  const { path: reqPath, query } = req
   const matchRoutes: any = []
   const promises = []
 
@@ -71,10 +71,7 @@ export const render = (req: any, res: any) => {
 
       const helmet: any = Helmet.renderStatic()
 
-      const webStats = path.resolve(
-        __dirname,
-        '../public/loadable-stats.json',
-      )
+      const webStats = path.resolve(__dirname, '../public/loadable-stats.json')
 
       try {
         let webEntryPoints = ['client', 'vendor']
@@ -89,13 +86,18 @@ export const render = (req: any, res: any) => {
           publicPath: '/'
         })
 
-        const jsx = webExtractor.collectChunks(sheet.collectStyles(
+        const jsx = webExtractor.collectChunks(
+          sheet.collectStyles(
             <Theme>
               <Provider store={store}>
                 <StaticRouter location={reqPath}>
                   <Routes>
                     {routers.map((router) => (
-                      <Route key={router.key} path={router.path} element={router.element} />
+                      <Route
+                        key={router.key}
+                        path={router.path}
+                        element={router.element}
+                      />
                     ))}
                   </Routes>
                 </StaticRouter>

package/templates/basic/src/services/home.ts

@@ -24,4 +24,4 @@ export const loadData = (resolve: any = null) => {
         resolve && resolve()
       })
   }
-}
+}

package/templates/basic/src/services/photo.ts

@@ -1,7 +1,6 @@
 import { doGet } from '@utils/fetch'
 import { GET_PHOTO_MENU, GET_PHOTO_WIDTH_HEIGHT } from '@store/constants'
 
-
 const getPhotoWH = (dispatch: any, callback: any, dic = '') => {
   let action = 'getPhotoWH'
   if (dic) {
@@ -9,47 +8,46 @@ const getPhotoWH = (dispatch: any, callback: any, dic = '') => {
   }
 
   doGet(action)
-      .then((res:any) => {
-        // console.log('getPhotoWH_res', res)
-        // axios 响应格式是 { data: { data: [...] }, status: ... }，需要取 res.data.data
-        dispatch({
-          type: GET_PHOTO_WIDTH_HEIGHT,
-          data: res?.data?.data || []
-        })
-        callback && callback()
-      })
-      .catch((_e:any) => {
-        callback && callback()
+    .then((res: any) => {
+      // console.log('getPhotoWH_res', res)
+      // axios 响应格式是 { data: { data: [...] }, status: ... }，需要取 res.data.data
+      dispatch({
+        type: GET_PHOTO_WIDTH_HEIGHT,
+        data: res?.data?.data || []
       })
+      callback && callback()
+    })
+    .catch((_e: any) => {
+      callback && callback()
+    })
 }
 
-const getPhotoMenu = (dispatch:any, callback:any) => {
+const getPhotoMenu = (dispatch: any, callback: any) => {
   doGet('getPhotoMenu')
-      .then((res:any) => {
-        // console.log('getPhotoMenu_res', res)
-        // axios 响应格式是 { data: { data: [...] }, status: ... }，需要取 res.data.data
-        const { data } = res?.data || {}
-        dispatch({
-          type: GET_PHOTO_MENU,
-          menu: data
-        })
-
-        callback && callback(data)
-      })
-      .catch((_e:any) => {
-        callback && callback()
+    .then((res: any) => {
+      // console.log('getPhotoMenu_res', res)
+      // axios 响应格式是 { data: { data: [...] }, status: ... }，需要取 res.data.data
+      const { data } = res?.data || {}
+      dispatch({
+        type: GET_PHOTO_MENU,
+        menu: data
       })
+
+      callback && callback(data)
+    })
+    .catch((_e: any) => {
+      callback && callback()
+    })
 }
 
-const getData = (callback:any, dic:any) => {
+const getData = (callback: any, dic: any) => {
   return (dispatch: any) => {
-
     if (dic) {
       getPhotoMenu(dispatch, () => {
         getPhotoWH(dispatch, callback, dic)
       })
     } else {
-      getPhotoMenu(dispatch, (data:any) => {
+      getPhotoMenu(dispatch, (data: any) => {
         if (data && data.length > 0) {
           // data[0] 是对象 {name, cover}，需要取 name
           getPhotoWH(dispatch, callback, data[0].name)
@@ -59,6 +57,6 @@ const getData = (callback:any, dic:any) => {
   }
 }
 
-export const loadData = (resolve: any = null, dic='') => {
+export const loadData = (resolve: any = null, dic = '') => {
   return getData(resolve, dic)
 }

package/templates/basic/src/store/constants.ts

@@ -1,4 +1,4 @@
 export const GITHUB_ZEITNEXT_GET = 'GITHUB_ZEITNEXT_GET'
 export const REQUEST_QUERY = 'REQUEST_QUERY'
 export const GET_PHOTO_MENU = 'GET_PHOTO_MENU'
-export const GET_PHOTO_WIDTH_HEIGHT= 'GET_PHOTO_WIDTH_HEIGHT'
+export const GET_PHOTO_WIDTH_HEIGHT = 'GET_PHOTO_WIDTH_HEIGHT'

package/templates/basic/src/store/index.ts

@@ -5,7 +5,8 @@ const combineReducer = combineReducers({ ...reducers })
 
 const getStore = (stateParam = {}) => {
   return configureStore({
-    reducer: (state: any, action: any) => combineReducer(state || stateParam, action),
+    reducer: (state: any, action: any) =>
+      combineReducer(state || stateParam, action),
     preloadedState: stateParam || {},
     middleware: (getDefaultMiddleware) => getDefaultMiddleware()
   })

package/templates/basic/src/styled/component/header.ts

@@ -6,7 +6,11 @@ export const Container = styled.header`
   align-items: center;
   justify-content: space-between;
   padding: 0.75rem 2rem;
-  background: linear-gradient(135deg, rgba(255,255,255, 0.95), rgba(255,255,255, 0.85));
+  background: linear-gradient(
+    135deg,
+    rgba(255, 255, 255, 0.95),
+    rgba(255, 255, 255, 0.85)
+  );
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   border-bottom: 1px solid rgba(0, 0, 0, 0.08);

package/templates/basic/src/styled/home.ts

@@ -12,12 +12,16 @@ export const GlobalStyle = styled.div`
     padding: 0;
   }
 
-  html, body, #root {
+  html,
+  body,
+  #root {
     height: 100%;
   }
 
   body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    font-family:
+      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+      Arial, sans-serif;
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     color: #2d3748;
     -webkit-font-smoothing: antialiased;
@@ -57,7 +61,9 @@ export const GlobalStyle = styled.div`
   }
 
   @keyframes spin {
-    to { transform: rotate(360deg); }
+    to {
+      transform: rotate(360deg);
+    }
   }
 
   /* 淡入动画 */
@@ -129,9 +135,21 @@ export const HeroSection = styled.section`
     right: 0;
     bottom: 0;
     background-image:
-      radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
-      radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
-      radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
+      radial-gradient(
+        circle at 20% 80%,
+        rgba(255, 255, 255, 0.1) 0%,
+        transparent 50%
+      ),
+      radial-gradient(
+        circle at 80% 20%,
+        rgba(255, 255, 255, 0.1) 0%,
+        transparent 50%
+      ),
+      radial-gradient(
+        circle at 40% 40%,
+        rgba(255, 255, 255, 0.05) 0%,
+        transparent 50%
+      );
     z-index: -1;
   }
 
@@ -141,7 +159,11 @@ export const HeroSection = styled.section`
     width: 300px;
     height: 300px;
     border-radius: 50%;
-    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
+    background: radial-gradient(
+      circle,
+      rgba(255, 255, 255, 0.1) 0%,
+      transparent 70%
+    );
     filter: blur(40px);
     animation: float 6s ease-in-out infinite;
   }
@@ -159,8 +181,13 @@ export const HeroSection = styled.section`
   }
 
   @keyframes float {
-    0%, 100% { transform: translateY(0px) scale(1); }
-    50% { transform: translateY(-20px) scale(1.1); }
+    0%,
+    100% {
+      transform: translateY(0px) scale(1);
+    }
+    50% {
+      transform: translateY(-20px) scale(1.1);
+    }
   }
 
   @media (max-width: 768px) {
@@ -219,7 +246,11 @@ export const HeroSubtitle = styled.p`
 
 export const HeroBadge = styled.span`
   display: inline-block;
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
+  background: linear-gradient(
+    135deg,
+    rgba(255, 255, 255, 0.2),
+    rgba(255, 255, 255, 0.1)
+  );
   backdrop-filter: blur(15px);
   padding: 0.75rem 1.5rem;
   border-radius: 999px;
@@ -239,13 +270,22 @@ export const HeroBadge = styled.span`
     left: -100%;
     width: 100%;
     height: 100%;
-    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+    background: linear-gradient(
+      90deg,
+      transparent,
+      rgba(255, 255, 255, 0.2),
+      transparent
+    );
     animation: shine 3s infinite;
   }
 
   @keyframes shine {
-    0% { left: -100%; }
-    100% { left: 100%; }
+    0% {
+      left: -100%;
+    }
+    100% {
+      left: 100%;
+    }
   }
 `
 
@@ -271,7 +311,11 @@ export const HeroStats = styled.div`
 `
 
 export const StatCard = styled.div`
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
+  background: linear-gradient(
+    135deg,
+    rgba(255, 255, 255, 0.2),
+    rgba(255, 255, 255, 0.1)
+  );
   backdrop-filter: blur(20px);
   padding: 1.75rem;
   border-radius: 16px;
@@ -292,12 +336,21 @@ export const StatCard = styled.div`
     left: 0;
     right: 0;
     height: 1px;
-    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
+    background: linear-gradient(
+      90deg,
+      transparent,
+      rgba(255, 255, 255, 0.4),
+      transparent
+    );
   }
 
   &:hover {
     transform: translateY(-8px) scale(1.02);
-    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.15));
+    background: linear-gradient(
+      135deg,
+      rgba(255, 255, 255, 0.25),
+      rgba(255, 255, 255, 0.15)
+    );
     box-shadow:
       0 12px 40px rgba(0, 0, 0, 0.15),
       inset 0 1px 0 rgba(255, 255, 255, 0.3);
@@ -337,7 +390,11 @@ export const StatLabel = styled.div`
 
 export const TechSection = styled.section`
   padding: 6rem 0;
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
+  background: linear-gradient(
+    135deg,
+    rgba(255, 255, 255, 0.1) 0%,
+    rgba(255, 255, 255, 0.05) 100%
+  );
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -353,8 +410,16 @@ export const TechSection = styled.section`
     right: 0;
     bottom: 0;
     background-image:
-      radial-gradient(circle at 10% 20%, rgba(102, 126, 234, 0.05) 0%, transparent 50%),
-      radial-gradient(circle at 90% 80%, rgba(118, 75, 162, 0.05) 0%, transparent 50%);
+      radial-gradient(
+        circle at 10% 20%,
+        rgba(102, 126, 234, 0.05) 0%,
+        transparent 50%
+      ),
+      radial-gradient(
+        circle at 90% 80%,
+        rgba(118, 75, 162, 0.05) 0%,
+        transparent 50%
+      );
     pointer-events: none;
   }
 `
@@ -461,7 +526,8 @@ export const CodeExample = styled.pre`
   padding: 1rem;
   border-radius: 8px;
   overflow-x: auto;
-  font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;
+  font-family:
+    'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;
   font-size: 0.85rem;
   line-height: 1.6;
   margin-bottom: 1rem;
@@ -757,7 +823,8 @@ export const QuickStartCode = styled.pre`
   padding: 1rem;
   border-radius: 8px;
   overflow-x: auto;
-  font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;
+  font-family:
+    'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;
   font-size: 0.85rem;
   line-height: 1.6;
   max-width: 100%;
@@ -806,13 +873,22 @@ export const DemoButtonLink = styled.a`
     left: -100%;
     width: 100%;
     height: 100%;
-    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
+    background: linear-gradient(
+      90deg,
+      transparent,
+      rgba(255, 255, 255, 0.1),
+      transparent
+    );
     animation: shine 2s infinite;
   }
 
   @keyframes shine {
-    0% { left: -100%; }
-    100% { left: 100%; }
+    0% {
+      left: -100%;
+    }
+    100% {
+      left: 100%;
+    }
   }
 
   &:hover {

package/templates/basic/src/styled/photo.ts

@@ -33,8 +33,8 @@ export const Row = styled.div`
   justify-content: flex-start;
   align-items: center;
   font-size: 20px;
-  word-wrap: break-word; 
-  word-break: break-all; 
+  word-wrap: break-word;
+  word-break: break-all;
   overflow: hidden;
   padding-bottom: 10px;
 

package/templates/basic/src/utils/config.ts

@@ -4,4 +4,4 @@ export const useCurrentFlag = true // 是否使用当前目录环境
 
 export const outPhotoDic = 'Photos'
 
-export const outPhotoDicPath = path.join('D:', outPhotoDic)
+export const outPhotoDicPath = path.join('D:', outPhotoDic)