create-packer 1.35.13 → 1.35.15

package/template/web-app/vue/scripts/createChunks.ts

@@ -1,26 +1,26 @@
-import { concat, forEach, includes, isArray, isRegExp, keys, remove, size } from 'lodash-es'
-import pkg from '../package.json'
-
-export function createChunks(chunks: { [key: string]: Array<string | RegExp> }) {
-    const vendor = keys(pkg.dependencies)
-    const result: { [key: string]: string[] } = {}
-
-    forEach(chunks, (values, key) => {
-        if (!isArray(result[key])) {
-            result[key] = []
-        }
-        forEach(values, value => {
-            let modules: string[] = []
-            if (isRegExp(value)) {
-                modules = remove(vendor, name => value.test(name))
-            } else {
-                modules = remove(vendor, name => name === value)
-            }
-            if (size(modules) > 0) {
-                result[key] = concat(result[key], modules)
-            }
-        })
-    })
-    result.vendor = vendor
-    return result
-}
+import { concat, forEach, includes, isArray, isRegExp, keys, remove, size } from 'lodash-es'
+import pkg from '../package.json'
+
+export function createChunks(chunks: { [key: string]: Array<string | RegExp> }) {
+    const vendor = keys(pkg.dependencies)
+    const result: { [key: string]: string[] } = {}
+
+    forEach(chunks, (values, key) => {
+        if (!isArray(result[key])) {
+            result[key] = []
+        }
+        forEach(values, value => {
+            let modules: string[] = []
+            if (isRegExp(value)) {
+                modules = remove(vendor, name => value.test(name))
+            } else {
+                modules = remove(vendor, name => name === value)
+            }
+            if (size(modules) > 0) {
+                result[key] = concat(result[key], modules)
+            }
+        })
+    })
+    result.vendor = vendor
+    return result
+}

package/template/web-app/vue/scripts/index.ts

@@ -1 +1 @@
-export * from './createChunks'
+export * from './createChunks'

package/template/web-app/vue/shared/hooks/index.ts

@@ -1,2 +1,2 @@
-export { default as useVisible } from './useVisible'
-export { default as useList } from './useList'
+export { default as useVisible } from './useVisible'
+export { default as useList } from './useList'

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

@@ -1,104 +1,104 @@
-import { ref, reactive, computed, unref } from 'vue'
-import { cloneDeep, concat, assign, pick, isNil, size, map, max } from 'lodash-es'
-
-export interface stateType<ListItem, P> {
-    loading: boolean
-    total: number
-    params: P
-    list: ListItem[]
-    sum: Record<string, any>
-    selected: ListItem[]
-    selectedKeys: (string | number)[]
-    pagination: {
-        current: number
-        pageSize: number
-        total: number
-    }
-    selectedLen: number
-}
-export interface createListStorePropsType<ListItem, P> {
-    /**
-     * @description 默认请求参数
-     */
-    defaultParams: P
-    /** 列表请求 */
-    fetch: (
-        state: Pick<stateType<ListItem, P>, 'pagination' | 'selected' | 'total' | 'params'>
-    ) => Promise<{
-        list: any[]
-        page?: number
-        pageSize?: number
-        total?: number
-        sum?: Record<string, any>
-    }>
-    /** 初始化列表时的配置 */
-    initConfig?: {
-        /** 初始化的时候需要保留值的字段 */
-        keepParamsKeys?: Array<keyof P>
-    }
-}
-
-export default function createListStore<
-    ListItem extends Record<string, any>,
-    P extends { page?: number; pageSize?: number; [key: string]: any }
->(config: createListStorePropsType<ListItem, P>) {
-    const loading = ref<stateType<ListItem, P>['loading']>(true)
-    const total = ref<stateType<ListItem, P>['total']>(0)
-    const params = reactive<stateType<ListItem, P>['params']>(cloneDeep(config.defaultParams))
-    const list = ref<stateType<ListItem, P>['list']>([])
-    const sum = reactive<stateType<ListItem, P>['sum']>({})
-    const selected = ref<stateType<ListItem, P>['selected']>([])
-    const selectedKeys = ref<stateType<ListItem, P>['selectedKeys']>([])
-    const pagination = computed<stateType<ListItem, P>['pagination']>(() => ({
-        current: params.page || 0,
-        pageSize: params.pageSize || 0,
-        total: total.value
-    }))
-    const selectedLen = computed<stateType<ListItem, P>['selectedLen']>(() => {
-        return max([size(selected.value), size(selectedKeys.value)]) || 0
-    })
-    function resetParams() {
-        assign(params, cloneDeep(config.defaultParams))
-    }
-    async function fetchList(arg?: { params?: Partial<P>; isConcat?: boolean; isInit?: boolean }) {
-        loading.value = true
-        try {
-            if (arg?.isInit) {
-                assign(
-                    params,
-                    cloneDeep(config.defaultParams),
-                    pick(params, config?.initConfig?.keepParamsKeys || [])
-                )
-            }
-            assign(params, arg?.params)
-            const result = await config.fetch({
-                pagination: unref(pagination),
-                selected: unref(selected),
-                total: unref(total),
-                params
-            })
-            list.value =
-                !isNil(result.page) && arg?.isConcat ? concat(list.value, result.list) : result.list
-            sum.value = result.sum || {}
-            total.value = result.total || total.value
-            params.page = result.page || params.page
-            params.pageSize = result.pageSize || params.pageSize
-        } finally {
-            loading.value = false
-        }
-    }
-
-    return {
-        loading,
-        total,
-        params,
-        list,
-        sum,
-        selected,
-        selectedKeys,
-        pagination,
-        selectedLen,
-        resetParams,
-        fetchList
-    }
-}
+import { ref, reactive, computed, unref } from 'vue'
+import { cloneDeep, concat, assign, pick, isNil, size, map, max } from 'lodash-es'
+
+export interface stateType<ListItem, P> {
+    loading: boolean
+    total: number
+    params: P
+    list: ListItem[]
+    sum: Record<string, any>
+    selected: ListItem[]
+    selectedKeys: (string | number)[]
+    pagination: {
+        current: number
+        pageSize: number
+        total: number
+    }
+    selectedLen: number
+}
+export interface createListStorePropsType<ListItem, P> {
+    /**
+     * @description 默认请求参数
+     */
+    defaultParams: P
+    /** 列表请求 */
+    fetch: (
+        state: Pick<stateType<ListItem, P>, 'pagination' | 'selected' | 'total' | 'params'>
+    ) => Promise<{
+        list: any[]
+        page?: number
+        pageSize?: number
+        total?: number
+        sum?: Record<string, any>
+    }>
+    /** 初始化列表时的配置 */
+    initConfig?: {
+        /** 初始化的时候需要保留值的字段 */
+        keepParamsKeys?: Array<keyof P>
+    }
+}
+
+export default function createListStore<
+    ListItem extends Record<string, any>,
+    P extends { page?: number; pageSize?: number; [key: string]: any }
+>(config: createListStorePropsType<ListItem, P>) {
+    const loading = ref<stateType<ListItem, P>['loading']>(true)
+    const total = ref<stateType<ListItem, P>['total']>(0)
+    const params = reactive<stateType<ListItem, P>['params']>(cloneDeep(config.defaultParams))
+    const list = ref<stateType<ListItem, P>['list']>([])
+    const sum = reactive<stateType<ListItem, P>['sum']>({})
+    const selected = ref<stateType<ListItem, P>['selected']>([])
+    const selectedKeys = ref<stateType<ListItem, P>['selectedKeys']>([])
+    const pagination = computed<stateType<ListItem, P>['pagination']>(() => ({
+        current: params.page || 0,
+        pageSize: params.pageSize || 0,
+        total: total.value
+    }))
+    const selectedLen = computed<stateType<ListItem, P>['selectedLen']>(() => {
+        return max([size(selected.value), size(selectedKeys.value)]) || 0
+    })
+    function resetParams() {
+        assign(params, cloneDeep(config.defaultParams))
+    }
+    async function fetchList(arg?: { params?: Partial<P>; isConcat?: boolean; isInit?: boolean }) {
+        loading.value = true
+        try {
+            if (arg?.isInit) {
+                assign(
+                    params,
+                    cloneDeep(config.defaultParams),
+                    pick(params, config?.initConfig?.keepParamsKeys || [])
+                )
+            }
+            assign(params, arg?.params)
+            const result = await config.fetch({
+                pagination: unref(pagination),
+                selected: unref(selected),
+                total: unref(total),
+                params
+            })
+            list.value =
+                !isNil(result.page) && arg?.isConcat ? concat(list.value, result.list) : result.list
+            sum.value = result.sum || {}
+            total.value = result.total || total.value
+            params.page = result.page || params.page
+            params.pageSize = result.pageSize || params.pageSize
+        } finally {
+            loading.value = false
+        }
+    }
+
+    return {
+        loading,
+        total,
+        params,
+        list,
+        sum,
+        selected,
+        selectedKeys,
+        pagination,
+        selectedLen,
+        resetParams,
+        fetchList
+    }
+}

package/template/web-app/vue/shared/hooks/useVisible.ts

@@ -1,27 +1,27 @@
-import { ref } from 'vue'
-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 = ref(config?.defaultVisible ?? false)
-    const onShow = async () => {
-        let isShow: boolean | void = true
-        if (isFunction(config?.onBeforeShow)) {
-            isShow = await config?.onBeforeShow?.()
-        }
-        visible.value = isShow !== false
-    }
-    const onClose = async () => {
-        let isHide: boolean | void = true
-        if (isFunction(config?.onBeforeHide)) {
-            isHide = await config?.onBeforeHide?.()
-        }
-        visible.value = isHide === false
-    }
-
-    return { visible, onShow, onClose }
-}
+import { ref } from 'vue'
+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 = ref(config?.defaultVisible ?? false)
+    const onShow = async () => {
+        let isShow: boolean | void = true
+        if (isFunction(config?.onBeforeShow)) {
+            isShow = await config?.onBeforeShow?.()
+        }
+        visible.value = isShow !== false
+    }
+    const onClose = async () => {
+        let isHide: boolean | void = true
+        if (isFunction(config?.onBeforeHide)) {
+            isHide = await config?.onBeforeHide?.()
+        }
+        visible.value = isHide === false
+    }
+
+    return { visible, onShow, onClose }
+}

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

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

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

@@ -1,10 +1,10 @@
-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)
-    })
-}
+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)
+    })
+}

package/template/web-app/vue/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/vue/shared/service/request.ts

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

package/template/web-app/vue/style.css

@@ -1,3 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

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

@@ -1,24 +1,24 @@
-{
-    "compilerOptions": {
-        "baseUrl": ".",
-        "target": "ESNext",
-        "useDefineForClassFields": true,
-        "module": "ESNext",
-        "moduleResolution": "Node",
-        "strict": true,
-        "jsx": "preserve",
-        "sourceMap": true,
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "strictPropertyInitialization": false,
-        "esModuleInterop": true,
-        "lib": ["ESNext", "DOM"],
-        "skipLibCheck": true,
-        "paths": {
-            "@/*": ["./*"]
-        }
-    },
-    "include": ["**/*.tsx", "**/*.ts", "**/*.vue"],
-    "exclude": ["scripts", "vite.config.ts"],
-    "references": [{ "path": "./tsconfig.node.json" }]
-}
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "strict": true,
+        "jsx": "preserve",
+        "sourceMap": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "strictPropertyInitialization": false,
+        "esModuleInterop": true,
+        "lib": ["ESNext", "DOM"],
+        "skipLibCheck": true,
+        "paths": {
+            "@/*": ["./*"]
+        }
+    },
+    "include": ["**/*.tsx", "**/*.ts", "**/*.vue"],
+    "exclude": ["scripts", "vite.config.ts"],
+    "references": [{ "path": "./tsconfig.node.json" }]
+}

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

@@ -1,10 +1,10 @@
-{
-    "compilerOptions": {
-        "composite": true,
-        "module": "ESNext",
-        "moduleResolution": "Node",
-        "allowSyntheticDefaultImports": true,
-        "resolveJsonModule": true
-    },
-    "include": ["scripts", "vite.config.ts", "package.json"]
-}
+{
+    "compilerOptions": {
+        "composite": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "allowSyntheticDefaultImports": true,
+        "resolveJsonModule": true
+    },
+    "include": ["scripts", "vite.config.ts", "package.json"]
+}

package/template/web-app/vue/vite-env.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="vite/client" />
-/// <reference types="vite-svg-loader" />
-
-declare module '*.vue' {
-    import type { DefineComponent } from 'vue'
-    const component: DefineComponent<Record<string, any>, Record<string, any>, any>
-    export default component
-}
-
-interface ImportMetaEnv {
-    readonly VITE_BASE_URL: string
-    readonly VITE_API_HOST: string
-    // 更多环境变量...
-}
-
-interface ImportMeta {
-    readonly env: ImportMetaEnv
-}
+/// <reference types="vite/client" />
+/// <reference types="vite-svg-loader" />
+
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue'
+    const component: DefineComponent<Record<string, any>, Record<string, any>, any>
+    export default component
+}
+
+interface ImportMetaEnv {
+    readonly VITE_BASE_URL: string
+    readonly VITE_API_HOST: string
+    // 更多环境变量...
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv
+}

package/template/web-app/vue/vite.config.ts

@@ -1,65 +1,65 @@
-import { defineConfig, loadEnv } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-import svgLoader from 'vite-svg-loader'
-import mockDevServer from 'vite-plugin-mock-dev-server'
-import stylelint from 'vite-plugin-stylelint'
-import eslint from '@rollup/plugin-eslint'
-import { visualizer } from 'rollup-plugin-visualizer'
-import { includes } from 'lodash-es'
-import { createChunks } from './scripts'
-
-// https://vitejs.dev/config/
-export default defineConfig(({ mode }) => {
-    const env = loadEnv(mode, process.cwd(), '')
-    const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
-    const plugins: any[] = [
-        vueJsx({
-            enableObjectSlots: false
-        }),
-        stylelint({ cache: false, include: ['**/*.{css,scss,sass,less,styl,vue,svelte}'] }),
-        eslint({ include: ['**/*.{ts,tsx,js,jsx,vue}'] }),
-        vue(),
-        svgLoader(),
-        mockDevServer({
-            include: ['**/*.mock.{ts,js}']
-        })
-    ]
-
-    if (mode === 'analyse') {
-        plugins.push(visualizer({ open: true, sourcemap: true, brotliSize: true, gzipSize: true }))
-    }
-    return {
-        base: env.VITE_BASE_URL,
-        plugins,
-        resolve: {
-            alias: {
-                '@': __dirname
-            }
-        },
-        esbuild: {
-            drop: includes(['production', 'analyse'], mode) ? ['console', 'debugger'] : []
-        },
-        build: {
-            sourcemap: mode === 'analyse',
-            reportCompressedSize: mode === 'analyse',
-            rollupOptions: {
-                output: {
-                    manualChunks: createChunks({
-                        vue: ['vue', 'vue-router']
-                    })
-                }
-            }
-        },
-        server: {
-            host: '0.0.0.0',
-            proxy: {
-                [proxyBaseUrl]: {
-                    target: 'http://127.0.0.1',
-                    changeOrigin: true,
-                    rewrite: path => path.replace(proxyBaseUrl, '')
-                }
-            }
-        }
-    }
-})
+import { defineConfig, loadEnv } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import svgLoader from 'vite-svg-loader'
+import mockDevServer from 'vite-plugin-mock-dev-server'
+import stylelint from 'vite-plugin-stylelint'
+import eslint from '@rollup/plugin-eslint'
+import { visualizer } from 'rollup-plugin-visualizer'
+import { includes } from 'lodash-es'
+import { createChunks } from './scripts'
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd(), '')
+    const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
+    const plugins: any[] = [
+        vueJsx({
+            enableObjectSlots: false
+        }),
+        stylelint({ cache: false, include: ['**/*.{css,scss,sass,less,styl,vue,svelte}'] }),
+        eslint({ include: ['**/*.{ts,tsx,js,jsx,vue}'] }),
+        vue(),
+        svgLoader(),
+        mockDevServer({
+            include: ['**/*.mock.{ts,js}']
+        })
+    ]
+
+    if (mode === 'analyse') {
+        plugins.push(visualizer({ open: true, sourcemap: true, brotliSize: true, gzipSize: true }))
+    }
+    return {
+        base: env.VITE_BASE_URL,
+        plugins,
+        resolve: {
+            alias: {
+                '@': __dirname
+            }
+        },
+        esbuild: {
+            drop: includes(['production', 'analyse'], mode) ? ['console', 'debugger'] : []
+        },
+        build: {
+            sourcemap: mode === 'analyse',
+            reportCompressedSize: mode === 'analyse',
+            rollupOptions: {
+                output: {
+                    manualChunks: createChunks({
+                        vue: ['vue', 'vue-router']
+                    })
+                }
+            }
+        },
+        server: {
+            host: '0.0.0.0',
+            proxy: {
+                [proxyBaseUrl]: {
+                    target: 'http://127.0.0.1',
+                    changeOrigin: true,
+                    rewrite: path => path.replace(proxyBaseUrl, '')
+                }
+            }
+        }
+    }
+})

package/template/web-extension/.eslintrc

@@ -1,9 +1,6 @@
 {
     "root": true,
     "parser": "@typescript-eslint/parser",
-    "plugins": [
-        "prettier"
-    ],
     "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
@@ -108,12 +105,6 @@
         "react-hooks/exhaustive-deps": "off",
         "react/display-name": "off",
         "react/react-in-jsx-scope": "off",
-        "prettier/prettier": [
-            "error",
-            {
-                "endOfLine": "auto"
-            }
-        ],
         "no-constant-condition": "off"
     }
 }