create-packer 1.37.2 → 1.38.2

package/template/web-app/react-rsbuild/shared/hooks/defineRouter/defineRouter.types.ts

@@ -1,33 +1,33 @@
-import { FunctionComponent, ReactNode } from 'react'
-import { RouteObject } from 'react-router-dom'
-
-export type routeType = Omit<RouteObject, 'children' | 'id'> & {
-    id: string
-    meta?: {
-        title?: string
-        /** 只在当前路由才显示的小提示 */
-        tip?: string
-    }
-    /** 静态配置，便于回退 */
-    unauthorizedOrigin?: boolean
-    /** 动态使用，用于程序校验 */
-    unauthorized?: boolean
-    query?: () => Record<string, any>
-    menu?: {
-        hidden?: boolean
-        icon?: FunctionComponent
-        label?: ReactNode
-    }
-    children?: routeType[]
-}
-
-export type editableRouteType = Omit<routeType, 'element' | 'errorElement' | 'children'>
-
-export interface routerFactoryArgType {
-    basename: string
-    routes: routeType[]
-}
-
-export type routeByIdType = Omit<routeType, 'children'> & {
-    pos: string
-}
+import { FunctionComponent, ReactNode } from 'react'
+import { RouteObject } from 'react-router-dom'
+
+export type routeType = Omit<RouteObject, 'children' | 'id'> & {
+    id: string
+    meta?: {
+        title?: string
+        /** 只在当前路由才显示的小提示 */
+        tip?: string
+    }
+    /** 静态配置，便于回退 */
+    unauthorizedOrigin?: boolean
+    /** 动态使用，用于程序校验 */
+    unauthorized?: boolean
+    query?: () => Record<string, any>
+    menu?: {
+        hidden?: boolean
+        icon?: FunctionComponent
+        label?: ReactNode
+    }
+    children?: routeType[]
+}
+
+export type editableRouteType = Omit<routeType, 'element' | 'errorElement' | 'children'>
+
+export interface routerFactoryArgType {
+    basename: string
+    routes: routeType[]
+}
+
+export type routeByIdType = Omit<routeType, 'children'> & {
+    pos: string
+}

package/template/web-app/react-rsbuild/shared/hooks/defineRouter/index.ts

@@ -1,2 +1,2 @@
-export { default as defineRouter } from './deineRouter'
-export * from './defineRouter.types'
+export { default as defineRouter } from './deineRouter'
+export * from './defineRouter.types'

package/template/web-app/react-rsbuild/shared/hooks/index.ts

@@ -1,6 +1,6 @@
-export { default as useLoadingAction } from './useLoadingAction'
-export { default as useInterval } from './useInterval'
-export { default as useVisible } from './useVisible'
-export { default as useLowPriorityState } from './useLowPriorityState'
-export * from './useSyncState'
-export * from './defineRouter'
+export { default as useLoadingAction } from './useLoadingAction'
+export { default as useInterval } from './useInterval'
+export { default as useVisible } from './useVisible'
+export { default as useLowPriorityState } from './useLowPriorityState'
+export * from './useSyncState'
+export * from './defineRouter'

package/template/web-app/react-rsbuild/shared/hooks/useInterval.ts

@@ -1,26 +1,26 @@
-import { useState } from 'react'
-import { useInterval as useRUInterval } from 'react-use'
-
-interface actionsType {
-    start: () => void
-    stop: () => void
-}
-export default function useInterval(
-    cb: (actions: actionsType) => Promise<void> | void,
-    delay: number
-): actionsType {
-    const [startInterval, setStartInterval] = useState(false)
-    const start: actionsType['start'] = () => {
-        setStartInterval(true)
-    }
-    const stop: actionsType['stop'] = () => {
-        setStartInterval(false)
-    }
-    useRUInterval(
-        async () => {
-            cb({ start, stop })
-        },
-        startInterval ? delay : null
-    )
-    return { start, stop }
-}
+import { useState } from 'react'
+import { useInterval as useRUInterval } from 'react-use'
+
+interface actionsType {
+    start: () => void
+    stop: () => void
+}
+export default function useInterval(
+    cb: (actions: actionsType) => Promise<void> | void,
+    delay: number
+): actionsType {
+    const [startInterval, setStartInterval] = useState(false)
+    const start: actionsType['start'] = () => {
+        setStartInterval(true)
+    }
+    const stop: actionsType['stop'] = () => {
+        setStartInterval(false)
+    }
+    useRUInterval(
+        async () => {
+            cb({ start, stop })
+        },
+        startInterval ? delay : null
+    )
+    return { start, stop }
+}

package/template/web-app/react-rsbuild/shared/hooks/useLoadingAction.ts

@@ -1,27 +1,27 @@
-import { useCallback, useState, DependencyList, useRef } from 'react'
-
-export default function useLoadingAction<C extends (...arg: any) => Promise<any> | any>(
-    callback: C,
-    deps: DependencyList,
-    debounce = true
-) {
-    const [loading, setLoading] = useState(false)
-    const loadingSync = useRef(loading)
-    function $setLoading(loading: boolean) {
-        setLoading(loading)
-        loadingSync.current = loading
-    }
-    const action = useCallback(async (...arg: any) => {
-        if (debounce && loadingSync.current) {
-            return
-        }
-        try {
-            $setLoading(true)
-            return await callback(...arg)
-        } finally {
-            $setLoading(false)
-        }
-    }, deps) as C
-
-    return [loading, action] as const
-}
+import { useCallback, useState, DependencyList, useRef } from 'react'
+
+export default function useLoadingAction<C extends (...arg: any) => Promise<any> | any>(
+    callback: C,
+    deps: DependencyList,
+    debounce = true
+) {
+    const [loading, setLoading] = useState(false)
+    const loadingSync = useRef(loading)
+    function $setLoading(loading: boolean) {
+        setLoading(loading)
+        loadingSync.current = loading
+    }
+    const action = useCallback(async (...arg: any) => {
+        if (debounce && loadingSync.current) {
+            return
+        }
+        try {
+            $setLoading(true)
+            return await callback(...arg)
+        } finally {
+            $setLoading(false)
+        }
+    }, deps) as C
+
+    return [loading, action] as const
+}

package/template/web-app/react-rsbuild/shared/hooks/useLowPriorityState.ts

@@ -1,26 +1,26 @@
-import { useEffect, useState, useTransition, DependencyList } from 'react'
-
-/**
- *
- * @param callback
- * @param watches If set, it is autorun callback
- * @returns
- */
-export default function useLowPriorityState<V>(callback: () => V, watches?: DependencyList) {
-    const [value, setValue] = useState<V>(callback)
-    const [loading, startTransition] = useTransition()
-
-    function startLoad() {
-        startTransition(() => {
-            setValue(callback())
-        })
-    }
-
-    useEffect(() => {
-        if (watches) {
-            startLoad()
-        }
-    }, watches)
-
-    return [value, { loading, startLoad }] as const
-}
+import { useEffect, useState, useTransition, DependencyList } from 'react'
+
+/**
+ *
+ * @param callback
+ * @param watches If set, it is autorun callback
+ * @returns
+ */
+export default function useLowPriorityState<V>(callback: () => V, watches?: DependencyList) {
+    const [value, setValue] = useState<V>(callback)
+    const [loading, startTransition] = useTransition()
+
+    function startLoad() {
+        startTransition(() => {
+            setValue(callback())
+        })
+    }
+
+    useEffect(() => {
+        if (watches) {
+            startLoad()
+        }
+    }, watches)
+
+    return [value, { loading, startLoad }] as const
+}

package/template/web-app/react-rsbuild/shared/hooks/useSyncState.ts

@@ -1,15 +1,15 @@
-import { useRef, useState, Dispatch, SetStateAction } from 'react'
-import { isFunction } from 'lodash-es'
-
-export function useSyncState<S>(initialState: S | (() => S)) {
-    const [state, setState] = useState(initialState)
-    const syncState = useRef<S>(state)
-
-    const $setState: Dispatch<SetStateAction<S>> = newState => {
-        const $newState = isFunction(newState) ? newState(state) : newState
-        setState($newState)
-        syncState.current = $newState
-    }
-
-    return [syncState, state, $setState] as const
-}
+import { useRef, useState, Dispatch, SetStateAction } from 'react'
+import { isFunction } from 'lodash-es'
+
+export function useSyncState<S>(initialState: S | (() => S)) {
+    const [state, setState] = useState(initialState)
+    const syncState = useRef<S>(state)
+
+    const $setState: Dispatch<SetStateAction<S>> = newState => {
+        const $newState = isFunction(newState) ? newState(state) : newState
+        setState($newState)
+        syncState.current = $newState
+    }
+
+    return [syncState, state, $setState] as const
+}

package/template/web-app/react-rsbuild/shared/hooks/useVisible.ts

@@ -1,27 +1,27 @@
-import { useState } from 'react'
-import { isFunction } from 'lodash-es'
-
-export interface useVisibleConfigType {
-    defaultVisible?: boolean
-    onBeforeShow?: () => Promise<boolean | void>
-    onBeforeHide?: () => Promise<boolean | void>
-}
-export default function useVisible(config?: useVisibleConfigType) {
-    const [visible, setVisible] = useState(config?.defaultVisible ?? false)
-    const onShow = async () => {
-        let isShow: boolean | void = true
-        if (isFunction(config?.onBeforeShow)) {
-            isShow = await config?.onBeforeShow?.()
-        }
-        setVisible(isShow !== false)
-    }
-    const onClose = async () => {
-        let isHide: boolean | void = true
-        if (isFunction(config?.onBeforeHide)) {
-            isHide = await config?.onBeforeHide?.()
-        }
-        setVisible(isHide === false)
-    }
-
-    return { visible, onShow, onClose }
-}
+import { useState } from 'react'
+import { isFunction } from 'lodash-es'
+
+export interface useVisibleConfigType {
+    defaultVisible?: boolean
+    onBeforeShow?: () => Promise<boolean | void>
+    onBeforeHide?: () => Promise<boolean | void>
+}
+export default function useVisible(config?: useVisibleConfigType) {
+    const [visible, setVisible] = useState(config?.defaultVisible ?? false)
+    const onShow = async () => {
+        let isShow: boolean | void = true
+        if (isFunction(config?.onBeforeShow)) {
+            isShow = await config?.onBeforeShow?.()
+        }
+        setVisible(isShow !== false)
+    }
+    const onClose = async () => {
+        let isHide: boolean | void = true
+        if (isFunction(config?.onBeforeHide)) {
+            isHide = await config?.onBeforeHide?.()
+        }
+        setVisible(isHide === false)
+    }
+
+    return { visible, onShow, onClose }
+}

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

@@ -1 +1 @@
-export const HOME_DATA = '/homeData'
+export const HOME_DATA = '/homeData'

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

@@ -1,8 +1,8 @@
-import { useQuery } from '@tanstack/react-query'
-
-export function useHomeQuery() {
-    return useQuery({
-        queryKey: ['home_data'],
-        queryFn: () => [{ name: '1' }]
-    })
-}
+import { useQuery } from '@tanstack/react-query'
+
+export function useHomeQuery() {
+    return useQuery({
+        queryKey: ['home_data'],
+        queryFn: () => [{ name: '1' }]
+    })
+}

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

@@ -1,3 +1,3 @@
-export * from './request'
-export * as API from './api'
-export * from './home'
+export * from './request'
+export * as API from './api'
+export * from './home'

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

@@ -1,5 +1,5 @@
-import axios from 'axios'
-
-export const request = axios.create({
-    baseURL: import.meta.env.PUBLIC_BASE_URL + import.meta.env.PUBLIC_API_HOST
-})
+import axios from 'axios'
+
+export const request = axios.create({
+    baseURL: import.meta.env.PUBLIC_BASE_URL + import.meta.env.PUBLIC_API_HOST
+})

package/template/web-app/react-rsbuild/shared/theme/index.ts

@@ -1 +1 @@
-export * from './theme.styled'
+export * from './theme.styled'

package/template/web-app/react-rsbuild/shared/theme/theme.styled.ts

@@ -1,56 +1,56 @@
-import { CSSProperties } from 'react'
-import { AnyFunc } from '1k-types'
-import { isString } from 'lodash-es'
-
-export const theme = {
-    tools: {
-        ellipsis: () => ({
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
-        }),
-        lineClamp: (n: number) => ({
-            '-webkit-line-clamp': `${n}`,
-            '-webkit-box-orient': 'vertical',
-            overflow: 'hidden',
-            display: '-webkit-box'
-        }),
-        size: (s: string) => ({ width: s, height: s }),
-        py: (s: string) => ({ paddingTop: s, paddingBottom: s }),
-        px: (s: string) => ({ paddingLeft: s, paddingRight: s }),
-        my: (s: string) => ({ marginTop: s, marginBottom: s }),
-        mx: (s: string) => ({ marginLeft: s, marginRight: s }),
-        flex: (
-            align: CSSProperties['alignItems'],
-            justify: CSSProperties['justifyContent'],
-            vertical?: boolean
-        ) => {
-            return {
-                display: 'flex',
-                alignItems: align,
-                justifyContent: justify,
-                flexDirection: vertical ? 'column' : 'row'
-            } satisfies CSSProperties
-        },
-        /** 数字为元素数量，字符串为对应css的值  */
-        grid: {
-            grid: (rows: number | string, cols: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
-                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
-                gap: gap ? `${gap}px` : void 0
-            }),
-            rows: (rows: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
-                rowGap: gap ? `${gap}px` : void 0
-            }),
-            cols: (cols: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
-                columnGap: gap ? `${gap}px` : void 0
-            })
-        } satisfies Record<string, AnyFunc<CSSProperties>>
-    }
-}
-export type themeType = typeof theme
+import { CSSProperties } from 'react'
+import { AnyFunc } from '1k-types'
+import { isString } from 'lodash-es'
+
+export const theme = {
+    tools: {
+        ellipsis: () => ({
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }),
+        lineClamp: (n: number) => ({
+            '-webkit-line-clamp': `${n}`,
+            '-webkit-box-orient': 'vertical',
+            overflow: 'hidden',
+            display: '-webkit-box'
+        }),
+        size: (s: string) => ({ width: s, height: s }),
+        py: (s: string) => ({ paddingTop: s, paddingBottom: s }),
+        px: (s: string) => ({ paddingLeft: s, paddingRight: s }),
+        my: (s: string) => ({ marginTop: s, marginBottom: s }),
+        mx: (s: string) => ({ marginLeft: s, marginRight: s }),
+        flex: (
+            align: CSSProperties['alignItems'],
+            justify: CSSProperties['justifyContent'],
+            vertical?: boolean
+        ) => {
+            return {
+                display: 'flex',
+                alignItems: align,
+                justifyContent: justify,
+                flexDirection: vertical ? 'column' : 'row'
+            } satisfies CSSProperties
+        },
+        /** 数字为元素数量，字符串为对应css的值  */
+        grid: {
+            grid: (rows: number | string, cols: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
+                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
+                gap: gap ? `${gap}px` : void 0
+            }),
+            rows: (rows: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
+                rowGap: gap ? `${gap}px` : void 0
+            }),
+            cols: (cols: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
+                columnGap: gap ? `${gap}px` : void 0
+            })
+        } satisfies Record<string, AnyFunc<CSSProperties>>
+    }
+}
+export type themeType = typeof theme

package/template/web-app/react-rsbuild/shared/tools/componentInstance.tsx

@@ -1,80 +1,80 @@
-import {
-    forwardRef,
-    ForwardRefExoticComponent,
-    FunctionComponent,
-    PropsWithChildren,
-    PropsWithoutRef,
-    RefAttributes,
-    useImperativeHandle,
-    useRef,
-    useState
-} from 'react'
-import { createRoot } from 'react-dom/client'
-
-const instanceMap: Record<string, { pending: Promise<any>; instance: any }> = {}
-
-export interface refsType<P> {
-    $setProps: (newProps: P) => void
-    $updateProps: (newProps: Partial<P>) => void
-}
-
-export function create(Context?: FunctionComponent<PropsWithChildren<any>>) {
-    return async function <P extends Record<string, any>, Refs extends Record<string, any>>(
-        key: string,
-        Component: ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<Refs>>,
-        props?: P
-    ) {
-        let current = instanceMap[key]
-        if (!current) {
-            const div = document.createElement('div')
-            document.body.appendChild(div)
-            const ApiComponent = forwardRef<Refs & refsType<P>>((__, refs) => {
-                const ref = useRef<Refs>(null)
-                const [state, setState] = useState<Partial<P>>(props || {})
-
-                useImperativeHandle(refs, () => {
-                    return {
-                        $setProps: newProps => {
-                            setState(() => newProps)
-                        },
-                        $updateProps: newProps => {
-                            if (newProps) {
-                                setState(state => ({ ...state, ...newProps }))
-                            }
-                        },
-                        ...ref.current
-                    } as Refs & refsType<P>
-                })
-                if (Context) {
-                    return (
-                        <Context>
-                            <Component ref={ref} {...(state as any)} />
-                        </Context>
-                    )
-                }
-                return <Component ref={ref} {...(state as any)} />
-            })
-            current = instanceMap[key] = {
-                instance: void 0,
-                pending: new Promise<void>(resolve => {
-                    createRoot(div).render(
-                        (
-                            <ApiComponent
-                                ref={instance => {
-                                    current.instance = instanceMap[key].instance = instance!
-                                    resolve()
-                                }}
-                            />
-                        ) as never
-                    )
-                })
-            }
-        }
-        await current.pending
-        props && current.instance.$setProps(props)
-        // Delay return to avoid sync issue
-        // ------------------------------------------------------------------------
-        await new Promise(resolve => setTimeout(resolve))
-        return current.instance as Refs & refsType<P>
-    }
-}
+import {
+    forwardRef,
+    ForwardRefExoticComponent,
+    FunctionComponent,
+    PropsWithChildren,
+    PropsWithoutRef,
+    RefAttributes,
+    useImperativeHandle,
+    useRef,
+    useState
+} from 'react'
+import { createRoot } from 'react-dom/client'
+
+const instanceMap: Record<string, { pending: Promise<any>; instance: any }> = {}
+
+export interface refsType<P> {
+    $setProps: (newProps: P) => void
+    $updateProps: (newProps: Partial<P>) => void
+}
+
+export function create(Context?: FunctionComponent<PropsWithChildren<any>>) {
+    return async function <P extends Record<string, any>, Refs extends Record<string, any>>(
+        key: string,
+        Component: ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<Refs>>,
+        props?: P
+    ) {
+        let current = instanceMap[key]
+        if (!current) {
+            const div = document.createElement('div')
+            document.body.appendChild(div)
+            const ApiComponent = forwardRef<Refs & refsType<P>>((__, refs) => {
+                const ref = useRef<Refs>(null)
+                const [state, setState] = useState<Partial<P>>(props || {})
+
+                useImperativeHandle(refs, () => {
+                    return {
+                        $setProps: newProps => {
+                            setState(() => newProps)
+                        },
+                        $updateProps: newProps => {
+                            if (newProps) {
+                                setState(state => ({ ...state, ...newProps }))
+                            }
+                        },
+                        ...ref.current
+                    } as Refs & refsType<P>
+                })
+                if (Context) {
+                    return (
+                        <Context>
+                            <Component ref={ref} {...(state as any)} />
+                        </Context>
+                    )
+                }
+                return <Component ref={ref} {...(state as any)} />
+            })
+            current = instanceMap[key] = {
+                instance: void 0,
+                pending: new Promise<void>(resolve => {
+                    createRoot(div).render(
+                        (
+                            <ApiComponent
+                                ref={instance => {
+                                    current.instance = instanceMap[key].instance = instance!
+                                    resolve()
+                                }}
+                            />
+                        ) as never
+                    )
+                })
+            }
+        }
+        await current.pending
+        props && current.instance.$setProps(props)
+        // Delay return to avoid sync issue
+        // ------------------------------------------------------------------------
+        await new Promise(resolve => setTimeout(resolve))
+        return current.instance as Refs & refsType<P>
+    }
+}