create-packer 1.26.4 → 1.28.0

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

@@ -1,68 +1,70 @@
-{
-    "name": "vue-vite",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky install",
-        "dev": "vite",
-        "build": "vue-tsc --noEmit && vite build",
-        "build:analyse": "tsc --noEmit && vite build --mode analyse",
-        "preview": "vite preview",
-        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,vue,css,scss,less}\"",
-        "lint": "vue-tsc --noEmit && eslint **/*.{ts,tsx,js,jsx,vue} --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less}",
-        "lint:fix": "eslint **/*.{ts,tsx,js,jsx,vue} --fix && stylelint **/*.{css,scss,less} --fix",
-        "cz": "cz",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz"
-    },
-    "dependencies": {
-        "1k-types": "1.1.2",
-        "axios": "1.3.6",
-        "lodash-es": "4.17.21",
-        "pinia": "2.0.35",
-        "vue": "3.3.4",
-        "vue-router": "4.2.1"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "17.6.1",
-        "@commitlint/config-conventional": "17.6.1",
-        "@commitlint/cz-commitlint": "17.5.0",
-        "@types/lodash-es": "4.17.7",
-        "@types/mockjs": "1.0.7",
-        "@typescript-eslint/eslint-plugin": "6.17.0",
-        "@typescript-eslint/parser": "6.17.0",
-        "@vitejs/plugin-vue": "4.2.3",
-        "@vitejs/plugin-vue-jsx": "3.0.1",
-        "autoprefixer": "10.4.14",
-        "commitizen": "4.3.0",
-        "cssnano": "6.0.0",
-        "eslint": "8.39.0",
-        "eslint-import-resolver-typescript": "3.5.5",
-        "eslint-plugin-import": "2.27.5",
-        "eslint-plugin-prettier": "5.0.0",
-        "eslint-plugin-vue": "9.13.0",
-        "husky": "8.0.3",
-        "inquirer": "8",
-        "mockjs": "1.1.0",
-        "postcss": "8.4.23",
-        "postcss-import": "15.1.0",
-        "postcss-nesting": "11.2.2",
-        "prettier": "3.0.0",
-        "rollup-plugin-visualizer": "5.9.2",
-        "stylelint": "15.7.0",
-        "stylelint-config-standard": "33.0.0",
-        "tailwindcss": "3.3.1",
-        "typescript": "5.3.3",
-        "vite": "4.3.8",
-        "vite-plugin-checker": "0.6.1",
-        "vite-plugin-mock-dev-server": "1.2.1",
-        "vite-svg-loader": "4.0.0",
-        "vue-tsc": "1.6.5"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "vue-vite",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky install",
+        "dev": "vite",
+        "build": "vue-tsc --noEmit && vite build",
+        "build:analyse": "tsc --noEmit && vite build --mode analyse",
+        "preview": "vite preview",
+        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,vue,css,scss,less}\"",
+        "lint": "vue-tsc --noEmit && eslint **/*.{ts,tsx,js,jsx,vue} --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less}",
+        "lint:fix": "eslint **/*.{ts,tsx,js,jsx,vue} --fix && stylelint **/*.{css,scss,less} --fix",
+        "cz": "cz",
+        "push": "npm run commit && git push",
+        "commit": "git add . && npm run cz",
+        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L"
+    },
+    "dependencies": {
+        "1k-types": "1.2.0",
+        "axios": "1.3.6",
+        "lodash-es": "4.17.21",
+        "pinia": "2.1.7",
+        "vue": "3.4.21",
+        "vue-router": "4.3.0"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "17.6.1",
+        "@commitlint/config-conventional": "17.6.1",
+        "@commitlint/cz-commitlint": "17.5.0",
+        "@nabla/vite-plugin-eslint": "2.0.2",
+        "@types/lodash-es": "4.17.12",
+        "@types/mockjs": "1.0.10",
+        "@typescript-eslint/eslint-plugin": "7.6.0",
+        "@typescript-eslint/parser": "7.6.0",
+        "@vitejs/plugin-vue": "4.6.2",
+        "@vitejs/plugin-vue-jsx": "3.1.0",
+        "autoprefixer": "10.4.14",
+        "commitizen": "4.3.0",
+        "cssnano": "6.0.0",
+        "eslint": "8.56.0",
+        "eslint-import-resolver-typescript": "3.6.1",
+        "eslint-plugin-import": "2.29.1",
+        "eslint-plugin-prettier": "5.1.3",
+        "eslint-plugin-vue": "9.21.1",
+        "husky": "8.0.3",
+        "inquirer": "8",
+        "mockjs": "1.1.0",
+        "postcss": "8.4.38",
+        "postcss-import": "16.1.0",
+        "postcss-nesting": "12.1.1",
+        "prettier": "3.2.5",
+        "rollup-plugin-visualizer": "5.12.0",
+        "stylelint": "16.3.1",
+        "stylelint-config-standard-scss": "13.1.0",
+        "tailwindcss": "3.4.3",
+        "typescript": "5.3.3",
+        "vite": "4.5.2",
+        "vite-plugin-mock-dev-server": "1.5.0",
+        "vite-plugin-stylelint": "5.3.1",
+        "vite-svg-loader": "5.1.0",
+        "vue-tsc": "2.0.11"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

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

@@ -1,16 +1,16 @@
-import Mock from 'mockjs'
-import { defineMock } from '@/mockUtils'
-import { API } from '@/shared/service'
-export default defineMock([
-    {
-        url: API.HOME_DATA,
-        body: Mock.mock({
-            'data|10': [
-                {
-                    name: '@string',
-                    age: '@natural'
-                }
-            ]
-        })
-    }
-])
+import Mock from 'mockjs'
+import { defineMock } from '@/mockUtils'
+import { API } from '@/shared/service'
+export default defineMock([
+    {
+        url: API.HOME_DATA,
+        body: Mock.mock({
+            'data|10': [
+                {
+                    name: '@string',
+                    age: '@natural'
+                }
+            ]
+        })
+    }
+])

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

@@ -1,13 +1,13 @@
-<template>
-    <div>Home</div>
-</template>
-
-<script setup lang="ts">
-import { request, API } from '@/shared/service'
-
-request.post(API.HOME_DATA).then(({ data }) => {
-    console.log('data', data)
-})
-</script>
-
-<style scoped></style>
+<template>
+    <div>Home</div>
+</template>
+
+<script setup lang="ts">
+import { request, API } from '@/shared/service'
+
+request.post(API.HOME_DATA).then(({ data }) => {
+    console.log('data', data)
+})
+</script>
+
+<style scoped></style>

package/template/web-app/vue/pages/home/index.ts

@@ -1 +1 @@
-export { default } from './home.vue'
+export { default } from './home.vue'

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

@@ -1 +1 @@
-export { default } from './index.vue'
+export { default } from './index.vue'

package/template/web-app/vue/pages/index.vue

@@ -1,3 +1,3 @@
-<template>
-    <div><router-view /></div>
-</template>
+<template>
+    <div><router-view /></div>
+</template>

package/template/web-app/vue/pages/not-found.vue

@@ -1,3 +1,3 @@
-<template>
-    <div>404</div>
-</template>
+<template>
+    <div>404</div>
+</template>

package/template/web-app/vue/router/home/index.ts

@@ -1,2 +1,2 @@
-export { default as names } from './names'
-export { default as routes } from './routes'
+export { default as names } from './names'
+export { default as routes } from './routes'

package/template/web-app/vue/router/home/names.ts

@@ -1,3 +1,3 @@
-export default {
-    home: 'home'
-}
+export default {
+    home: 'home'
+}

package/template/web-app/vue/router/home/routes.ts

@@ -1,8 +1,8 @@
-import { RouteRecordRaw } from 'vue-router'
-import names from './names'
-
-const routes: RouteRecordRaw[] = [
-    { path: '/home', name: names.home, component: () => import('@/pages/home') }
-]
-
-export default routes
+import { RouteRecordRaw } from 'vue-router'
+import names from './names'
+
+const routes: RouteRecordRaw[] = [
+    { path: '/home', name: names.home, component: () => import('@/pages/home') }
+]
+
+export default routes

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

@@ -1,26 +1,26 @@
-import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
-import names from './names'
-import * as homeRouter from './home'
-
-const routes: RouteRecordRaw[] = [
-    {
-        path: '/',
-        component: () => import('@/pages'),
-        redirect: { name: names.home },
-        children: [
-            ...homeRouter.routes,
-            {
-                path: '/404',
-                name: names.notFound,
-                component: () => import('@/pages/not-found.vue')
-            }
-        ]
-    }
-]
-
-export { default as routerNames } from './names'
-
-export const router = createRouter({
-    history: createWebHashHistory(),
-    routes
-})
+import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
+import names from './names'
+import * as homeRouter from './home'
+
+const routes: RouteRecordRaw[] = [
+    {
+        path: '/',
+        component: () => import('@/pages'),
+        redirect: { name: names.home },
+        children: [
+            ...homeRouter.routes,
+            {
+                path: '/404',
+                name: names.notFound,
+                component: () => import('@/pages/not-found.vue')
+            }
+        ]
+    }
+]
+
+export { default as routerNames } from './names'
+
+export const router = createRouter({
+    history: createWebHashHistory(),
+    routes
+})

package/template/web-app/vue/router/names.ts

@@ -1,5 +1,5 @@
-import * as homeRouter from './home'
-export default {
-    ...homeRouter.names,
-    notFound: '404'
-}
+import * as homeRouter from './home'
+export default {
+    ...homeRouter.names,
+    notFound: '404'
+}

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
+    }
+}