create-packer 1.41.4 → 1.41.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.41.4",
+  "version": "1.41.5",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",

package/template/web-app/react-rsbuild/domain/app/components/app-context.tsx

@@ -1,17 +1,10 @@
-import { FunctionComponent } from 'react'
-import { ThemeProvider } from 'styled-components'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { theme } from '@/shared/theme'
-
-const queryClient = new QueryClient()
-
-export interface propsType {
-    children: React.ReactNode
-}
-export const Root: FunctionComponent<propsType> = props => {
-    return (
-        <QueryClientProvider client={queryClient}>
-            <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
-        </QueryClientProvider>
-    )
-}
+import { FunctionComponent, ReactNode } from 'react'
+import { ThemeProvider } from 'styled-components'
+import { theme } from '@/shared/theme'
+
+export interface propsType {
+    children: ReactNode
+}
+export const Root: FunctionComponent<propsType> = props => {
+    return <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
+}

package/template/web-app/react-rsbuild/package.json

@@ -19,7 +19,6 @@
         "commit": "git add . && npm run cz"
     },
     "dependencies": {
-        "@tanstack/react-query": "5.51.15",
         "axios": "1.7.9",
         "cross-env": "7.0.3",
         "define-zustand": "3.1.1",

package/template/web-app/react-rsbuild/pages/home/view.tsx

@@ -1,10 +1,11 @@
-import { useHomeQuery } from '@/shared/service'
-import { StyledRoot } from './view.styled'
-
-export default function Home() {
-    const query = useHomeQuery()
-
-    console.log('data', query.data)
-
-    return <StyledRoot>sdfs</StyledRoot>
-}
+import { useAsync } from 'react-use'
+import { fetchHomeData } from '@/shared/service'
+import { StyledRoot } from './view.styled'
+
+export default function Home() {
+    const homeData = useAsync(fetchHomeData)
+
+    console.log('data', homeData.value)
+
+    return <StyledRoot>sdfs</StyledRoot>
+}

package/template/web-app/react-rsbuild/shared/service/home.ts

@@ -1,8 +1,7 @@
-import { useQuery } from '@tanstack/react-query'
-
-export function useHomeQuery() {
-    return useQuery({
-        queryKey: ['home_data'],
-        queryFn: () => [{ name: '1' }]
-    })
-}
+import { request } from './request'
+import { HOME_DATA } from './api'
+
+export async function fetchHomeData() {
+    const { data } = await request(HOME_DATA)
+    return data
+}

package/template/web-app/react-vite/domain/app/components/app-context.tsx

@@ -1,17 +1,10 @@
-import { FunctionComponent } from 'react'
+import { FunctionComponent, ReactNode } from 'react'
 import { ThemeProvider } from 'styled-components'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { theme } from '@/shared/theme'
 
-const queryClient = new QueryClient()
-
 export interface propsType {
-    children: React.ReactNode
+    children: ReactNode
 }
 export const Root: FunctionComponent<propsType> = props => {
-    return (
-        <QueryClientProvider client={queryClient}>
-            <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
-        </QueryClientProvider>
-    )
+    return <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
 }

package/template/web-app/react-vite/package.json

@@ -18,7 +18,6 @@
         "commit": "git add . && npm run cz"
     },
     "dependencies": {
-        "@tanstack/react-query": "5.51.15",
         "axios": "1.7.9",
         "define-zustand": "3.1.1",
         "immer": "10.0.1",

package/template/web-app/react-vite/pages/home/view.tsx

@@ -1,10 +1,11 @@
-import { useHomeQuery } from '@/shared/service'
-import { StyledRoot } from './view.styled'
-
-export default function Home() {
-    const query = useHomeQuery()
-
-    console.log('data', query.data)
-
-    return <StyledRoot>sdfs</StyledRoot>
-}
+import { useAsync } from 'react-use'
+import { fetchHomeData } from '@/shared/service'
+import { StyledRoot } from './view.styled'
+
+export default function Home() {
+    const homeData = useAsync(fetchHomeData)
+
+    console.log('data', homeData.value)
+
+    return <StyledRoot>sdfs</StyledRoot>
+}

package/template/web-app/react-vite/shared/service/home.ts

@@ -1,10 +1,7 @@
-import { useQuery } from '@tanstack/react-query'
-import { request } from './request'
-import { HOME_DATA } from './api'
-
-export function useHomeQuery() {
-    return useQuery({
-        queryKey: ['home_data'],
-        queryFn: () => request.post(HOME_DATA)
-    })
-}
+import { request } from './request'
+import { HOME_DATA } from './api'
+
+export async function fetchHomeData() {
+    const { data } = await request(HOME_DATA)
+    return data
+}

package/template/web-app/vue/main.ts

@@ -4,4 +4,4 @@ import { router } from '@/router'
 import { app } from '@/domain/app'
 import './style.css'
 
-app.use(VueQueryPlugin).use(createPinia()).use(router).mount('#app')
+app.use(createPinia()).use(router).mount('#app')

package/template/web-app/vue/package.json

@@ -18,7 +18,6 @@
         "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L"
     },
     "dependencies": {
-        "@tanstack/vue-query": "5.51.15",
         "axios": "1.7.9",
         "lodash-es": "4.17.21",
         "pinia": "2.3.1",

package/template/web-app/vue/pages/home/view.vue

@@ -1,16 +1,12 @@
-<script setup lang="ts">
-import { watch } from 'vue'
-import { useHomeQuery } from '@/shared/service'
-
-const { data } = useHomeQuery()
-
-watch(data, data => {
-    console.log('data', data?.data)
-})
-</script>
-
-<template>
-    <div>Home</div>
-</template>
-
-<style scoped></style>
+<script setup lang="ts">
+import { fetchHomeData } from '@/shared/service'
+
+const data = fetchHomeData()
+console.log('data', data)
+</script>
+
+<template>
+    <div>Home</div>
+</template>
+
+<style scoped></style>

package/template/web-app/vue/shared/service/home.ts

@@ -1,10 +1,7 @@
-import { useQuery } from '@tanstack/vue-query'
 import { request } from './request'
 import { HOME_DATA } from './api'
 
-export function useHomeQuery() {
-    return useQuery({
-        queryKey: ['home_data'],
-        queryFn: () => request.post(HOME_DATA)
-    })
+export async function fetchHomeData() {
+    const { data } = await request(HOME_DATA)
+    return data
 }

package/template/web-app/vue-rsbuild/main.ts

@@ -1,7 +1,6 @@
 import { createPinia } from 'pinia'
-import { VueQueryPlugin } from '@tanstack/vue-query'
 import { router } from '@/router'
 import { app } from '@/domain/app'
 import './style.css'
 
-app.use(VueQueryPlugin).use(createPinia()).use(router).mount('#app')
+app.use(createPinia()).use(router).mount('#app')

package/template/web-app/vue-rsbuild/package.json

@@ -20,7 +20,6 @@
         "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L"
     },
     "dependencies": {
-        "@tanstack/vue-query": "5.51.15",
         "axios": "1.7.9",
         "lodash-es": "4.17.21",
         "pinia": "2.3.1",

package/template/web-app/vue-rsbuild/pages/home/view.mock.ts

@@ -0,0 +1,19 @@
+import { faker } from '@faker-js/faker'
+import { defineMock } from '@/mockUtils'
+import { API } from '@/shared/service'
+
+export default defineMock([
+    {
+        url: API.HOME_DATA,
+        body: faker.helpers.multiple(
+            () => ({
+                id: faker.string.uuid(),
+                name: faker.person.fullName(),
+                age: faker.number.int({ max: 110 })
+            }),
+            {
+                count: 10
+            }
+        )
+    }
+])

package/template/web-app/vue-rsbuild/pages/home/view.vue

@@ -1,16 +1,12 @@
-<script setup lang="ts">
-import { watch } from 'vue'
-import { useHomeQuery } from '@/shared/service'
-
-const { data } = useHomeQuery()
-
-watch(data, data => {
-    console.log('data', data?.data)
-})
-</script>
-
-<template>
-    <div>Home</div>
-</template>
-
-<style scoped></style>
+<script setup lang="ts">
+import { fetchHomeData } from '@/shared/service'
+
+const data = fetchHomeData()
+console.log('data', data)
+</script>
+
+<template>
+    <div>Home</div>
+</template>
+
+<style scoped></style>

package/template/web-app/vue-rsbuild/shared/hooks/useList.ts

@@ -1,5 +1,5 @@
 import { ref, reactive, computed, unref } from 'vue'
-import { cloneDeep, concat, assign, pick, isNil, size, max } from 'lodash-es'
+import { cloneDeep, concat, assign, pick, isNil, size, map, max } from 'lodash-es'
 
 export interface stateType<ListItem, P> {
     loading: boolean
@@ -73,9 +73,9 @@ export default function createListStore<
             assign(params, arg?.params)
             const result = await config.fetch({
                 pagination: unref(pagination),
-                selected: unref(selected) as ListItem[],
+                selected: unref(selected),
                 total: unref(total),
-                params: params as P
+                params
             })
             list.value =
                 !isNil(result.page) && arg?.isConcat ? concat(list.value, result.list) : result.list

package/template/web-app/vue-rsbuild/shared/service/home.ts

@@ -1,10 +1,7 @@
-import { useQuery } from '@tanstack/vue-query'
 import { request } from './request'
 import { HOME_DATA } from './api'
 
-export function useHomeQuery() {
-    return useQuery({
-        queryKey: ['home_data'],
-        queryFn: () => request.post(HOME_DATA)
-    })
+export async function fetchHomeData() {
+    const { data } = await request(HOME_DATA)
+    return data
 }