create-young-proj 0.7.0 → 0.9.0

package/template-nuxt-admin/pages/system/user.vue

@@ -1,20 +1,20 @@
 <!--
  * @Author: zhangyang
  * @Date: 2023-07-25 16:46:00
- * @LastEditTime: 2023-07-31 14:39:16
+ * @LastEditTime: 2023-08-25 16:55:17
  * @Description:
 -->
 <script lang="ts" setup>
-import { useFormMode, YoungDialog, YoungTablePro, YoungPagination, YoungSelect, useQuery, YoungSearchForm } from '@bluesyoung/ui-vue3-element-plus';
-import type { TableDataItem, TableHeadItem, SelectOptionItem, YoungSearchScheme } from '@bluesyoung/ui-vue3-element-plus';
-import { deepClone } from '@bluesyoung/utils';
-import { ElButton } from 'element-plus';
+import { YoungDialog, YoungPagination, YoungSearchForm, YoungSelect, YoungTablePro, useFormMode, useQuery } from '@bluesyoung/ui-vue3-element-plus'
+import type { SelectOptionItem, TableDataItem, TableHeadItem, YoungSearchScheme } from '@bluesyoung/ui-vue3-element-plus'
+import { deepClone } from '@bluesyoung/utils'
+import { ElButton } from 'element-plus'
 
 definePageMeta({
-  title: '用户管理'
-});
+  title: '用户管理',
+})
 
-interface Form extends UserItem { op?: any; };
+interface Form extends UserItem { op?: any };
 const FORM_TEMP: Form = {
   id: 0,
   username: '',
@@ -22,8 +22,8 @@ const FORM_TEMP: Form = {
   mobile: '',
   roleId: 1,
   status: 1,
-  initPassword: ''
-};
+  initPassword: '',
+}
 const {
   isAdd,
   isEdit,
@@ -33,33 +33,33 @@ const {
   clear,
   form,
   formRef,
-  validForm
+  validForm,
 } = useFormMode<Form>(FORM_TEMP, {
   addCbk: async () => {
-    const res = await validForm() as boolean;
+    const res = await validForm() as boolean
     if (res) {
-      const v = deepClone(form.value);
-      await apis.post.addUserItem(v);
-      ElMessage.success('新增成功！');
+      const v = deepClone(form.value)
+      await apis.post.addUserItem(v)
+      ElMessage.success('新增成功！')
     }
-    return res;
+    return res
   },
   modCbk: async () => {
-    const res = await validForm() as boolean;
+    const res = await validForm() as boolean
     if (res) {
-      const v = deepClone(form.value);
-      await apis.patch.changeUserItem(v);
-      ElMessage.success('修改成功！');
+      const v = deepClone(form.value)
+      await apis.patch.changeUserItem(v)
+      ElMessage.success('修改成功！')
     }
-    return res;
+    return res
   },
   delCbk: async (row) => {
-    await apis.delete.deleteUser(row.id.toString());
-    ElMessage.success('删除成功！');
-    query.value.pageNum = 1;
+    await apis.delete.deleteUser(row.id.toString())
+    ElMessage.success('删除成功！')
+    query.value.pageNum = 1
   },
   cgEffect: () => getList(),
-});
+})
 
 const tableHead: TableHeadItem<Form>[] = [
   { prop: 'id', label: '用户ID' },
@@ -68,67 +68,71 @@ const tableHead: TableHeadItem<Form>[] = [
   { prop: 'role_name', label: '角色名称' },
   { prop: 'creator', label: '创建信息' },
   {
-    prop: 'op', label: '操作', width: '300px', fixed: 'right', render: (row) => h('div', [
+    prop: 'op',
+    label: '操作',
+    width: '300px',
+    fixed: 'right',
+    render: row => h('div', [
       hasPermission('/access/system/update/user') && h(ElButton, {
         type: 'primary',
         text: true,
         class: '!p-0',
-        onClick: () => edit(row)
+        onClick: () => edit(row),
       }, {
-        default: () => '编辑'
+        default: () => '编辑',
       }),
       hasPermission('/access/system/update/user') && h(ElButton, {
         type: 'warning',
         text: true,
         class: '!p-0',
-        onClick: () => changePwd(row)
+        onClick: () => changePwd(row),
       }, {
-        default: () => '修改密码'
+        default: () => '修改密码',
       }),
       hasPermission('/access/system/del/user') && h(ElButton, {
         type: 'danger',
         text: true,
         class: '!p-0',
-        onClick: () => del(row)
+        onClick: () => del(row),
       }, {
-        default: () => '删除'
-      })
-    ])
-  }
-];
-const tableData = ref<TableDataItem<Form>[]>([]);
+        default: () => '删除',
+      }),
+    ]),
+  },
+]
+const tableData = ref<TableDataItem<Form>[]>([])
 
-const getList = async () => {
-  const { list: role_list } = await apis.get.getRoleList({ noPagination: true });
+async function getList() {
+  const { list: role_list } = await apis.get.getRoleList({ noPagination: true })
   roleList.value = (role_list || []).map((item: RoleItem) => {
     return {
       label: item.name,
-      value: item.id
-    };
-  });
+      value: item.id,
+    }
+  })
 
-  const { list, pageNum, pageSize, total } = await apis.get.getUserList(query.value);
-  tableData.value = deepClone(list || []);
+  const { list, pageNum, pageSize, total } = await apis.get.getUserList(query.value)
+  tableData.value = deepClone(list || [])
 
-  query.value.pageNum = +pageNum || 1;
-  query.value.pageSize = +pageSize || 50;
-  query.value.total = +total || 0;
-};
+  query.value.pageNum = +pageNum || 1
+  query.value.pageSize = +pageSize || 50
+  query.value.total = +total || 0
+}
 
-const changePwd = (e: UserItem) => {
+function changePwd(e: UserItem) {
   ElMessageBox.prompt('请输入新密码').then(async ({ value }) => {
     value = value.trim()
     if (value) {
-      await apis.patch.changeUserItem({ id: e.id, newPassword: value });
-      ElMessage.success('修改成功！');
+      await apis.patch.changeUserItem({ id: e.id, newPassword: value })
+      ElMessage.success('修改成功！')
     }
-  }).catch(() => null);
-};
+  }).catch(() => null)
+}
 
 interface Query extends BaseQuery {
-  username: string;
-  mobile: string;
-  status: 0 | 1;
+  username: string
+  mobile: string
+  status: 0 | 1
 }
 
 const { query, reset } = useQuery<Query>(
@@ -138,10 +142,10 @@ const { query, reset } = useQuery<Query>(
     total: 0,
     username: '',
     mobile: '',
-    status: 1
+    status: 1,
   },
   getList,
-);
+)
 const queryScheme: YoungSearchScheme<Query> = {
   username: {
     type: 'input',
@@ -155,8 +159,8 @@ const queryScheme: YoungSearchScheme<Query> = {
     tip: '手机号',
     attrs: {
       placeholder: '请输入手机号',
-      maxlength: 11
-    }
+      maxlength: 11,
+    },
   },
   status: {
     type: 'select',
@@ -165,48 +169,55 @@ const queryScheme: YoungSearchScheme<Query> = {
       placeholder: '用户状态',
     },
     options: [{ label: '禁用', value: 0 }, { label: '启用', value: 1 }],
-  }
-};
+  },
+}
 
-const roleList = ref<SelectOptionItem<number>[]>([]);
+const roleList = ref<SelectOptionItem<number>[]>([])
 
-getList();
+useTabReOpen(getList)
 </script>
+
 <template>
   <ElCard>
     <YoungSearchForm v-model="query" :search-scheme="queryScheme" :on-search="getList" :on-reset="reset">
       <template #btns>
-        <ElButton v-permission="'/access/system/create/user'" type="success" @click="isAdd = true">添加用户</ElButton>
+        <ElButton v-permission="'/access/system/create/user'" type="success" @click="isAdd = true">
+          添加用户
+        </ElButton>
       </template>
     </YoungSearchForm>
   </ElCard>
 
-  <br />
+  <br>
 
   <ElCard>
     <YoungTablePro :table-data="tableData" :table-head="tableHead" />
-    <YoungPagination v-model:page="query.pageNum" v-model:limit="query.pageSize" :total="query.total"
-      @page-change="getList" />
+    <YoungPagination
+      v-model:page="query.pageNum" v-model:limit="query.pageSize" :total="query.total"
+      @page-change="getList"
+    />
   </ElCard>
 
   <YoungDialog :is-add="isAdd" :diff-form="form" :is-edit="isEdit" width="520px" @sure="sure" @clear="clear">
     <template #body>
       <ElForm ref="formRef" :model="form" label-width="100px" :label-position="WindowSize['lt-lg'] ? 'top' : 'left'">
         <ElFormItem label="用户名" prop="username" :rules="{ required: true, message: '请输用户名', trigger: 'blur' }">
-          <ElInput v-model="form.username" class="!w-300px" />
+          <ElInput v-model.trim="form.username" class="!w-300px" />
         </ElFormItem>
         <ElFormItem label="昵称" prop="nickname" :rules="{ required: true, message: '请输昵称(用于右上角展示)', trigger: 'blur' }">
-          <ElInput v-model="form.nickname" class="!w-300px" />
+          <ElInput v-model.trim="form.nickname" class="!w-300px" />
         </ElFormItem>
         <ElFormItem label="手机号" prop="mobile" :rules="{ required: true, message: '请输手机号', trigger: 'blur' }">
-          <ElInput v-model="form.mobile" :maxlength="11" class="!w-300px" />
+          <ElInput v-model.trim="form.mobile" :maxlength="11" class="!w-300px" />
         </ElFormItem>
         <ElFormItem label="角色">
           <YoungSelect v-model="form.roleId" placeholder="请选择角色" :options="roleList" />
         </ElFormItem>
-        <ElFormItem v-if="isAdd" label="初始密码" prop="initPassword"
-          :rules="{ required: true, message: '请输初始密码', trigger: 'blur' }">
-          <ElInput v-model="form.initPassword" class="!w-300px" />
+        <ElFormItem
+          v-if="isAdd" label="初始密码" prop="initPassword"
+          :rules="{ required: true, message: '请输初始密码', trigger: 'blur' }"
+        >
+          <ElInput v-model.trim="form.initPassword" class="!w-300px" />
         </ElFormItem>
       </ElForm>
     </template>

package/template-nuxt-admin/plugins/directive.ts

@@ -4,7 +4,7 @@
  * @LastEditTime: 2023-07-31 14:33:10
  * @Description:
  */
-import { isString } from '@bluesyoung/utils';
+import { isString } from '@bluesyoung/utils'
 
 export default defineNuxtPlugin((nuxtApp) => {
   /**
@@ -12,15 +12,15 @@ export default defineNuxtPlugin((nuxtApp) => {
    */
   nuxtApp.vueApp.directive('permission', {
     mounted(el, binding) {
-      const { value } = binding;
+      const { value } = binding
 
       if (isString(value) && value) {
-        if (!hasPermission(value as unknown as string)) {
-          el.parentNode && el.parentNode.removeChild(el);
-        }
-      } else {
-        throw new Error(`need value! Like v-permission="'/access/get/list'"`);
+        if (!hasPermission(value as unknown as string))
+          el.parentNode && el.parentNode.removeChild(el)
+      }
+      else {
+        throw new Error('need value! Like v-permission="\'/access/get/list\'"')
       }
     },
-  });
-});
+  })
+})

package/template-nuxt-admin/server/api/[...all].ts

@@ -5,6 +5,6 @@
  * @Description:
  */
 export default eventHandler(async (event) => {
-  const proxy = createTransparentProxy(process.env.NUXT_PUBLIC_API_BASE as string);
-  await proxy.handle(event);
-});
+  const proxy = createTransparentProxy(process.env.NUXT_PUBLIC_API_BASE as string)
+  await proxy.handle(event)
+})

package/template-nuxt-admin/server/plugins/env.ts

@@ -4,12 +4,12 @@
  * @LastEditTime: 2023-07-31 17:52:20
  * @Description:
  */
-import { resolve } from 'node:path';
-import { loadConfig } from 'c12';
-import { useYoungLogger } from '@bluesyoung/logger';
+import { resolve } from 'node:path'
+import { loadConfig } from 'c12'
+import { useYoungLogger } from '@bluesyoung/logger'
 
 export default defineNitroPlugin(async (nitroApp) => {
-  const env = (process.env.DEPLOY_ENV as 'dev' | 'test' | 'online') || 'dev';
+  const env = (process.env.DEPLOY_ENV as 'dev' | 'test' | 'online') || 'dev'
   const { config } = await loadConfig<Record<string, any>>({
     name: env,
     cwd: resolve(process.cwd(), 'config'),
@@ -26,7 +26,7 @@ export default defineNitroPlugin(async (nitroApp) => {
         'https://dogefs.s3.ladydaily.com/~/source/unsplash/photo-1688380692117-63178554d76d?ixid=M3wyNjY4NDZ8MHwxfHRvcGljfHxhZXU2ckwtajZld3x8fHx8Mnx8MTY5MDAxMDMzNnw&ixlib=rb-4.0.3&w=1920&h=1080&fmt=webp',
       NUXT_PUBLIC_LOGIN_LOGO: 'https://api.iconify.design/logos:nuxt-icon.svg?color=%23f74d49',
     },
-  });
+  })
 
   for (const key in config) {
     if (process.env[key]) {
@@ -39,24 +39,23 @@ export default defineNitroPlugin(async (nitroApp) => {
         config[key],
         ' -> ',
         '覆盖',
-      );
-      config[key] = process.env[key];
-    } else {
-      process.env[key] = config[key];
+      )
+      config[key] = process.env[key]
     }
-    if (!(key.indexOf('NUXT_PUBLIC_') === 0)) {
-      delete config[key];
+    else {
+      process.env[key] = config[key]
     }
+    if (!(key.indexOf('NUXT_PUBLIC_') === 0))
+      delete config[key]
   }
 
-  console.log('------------------------读取配置文件------------------------');
-  console.log(config);
-  console.log('-------------------------------------------------------------');
+  console.log('------------------------读取配置文件------------------------')
+  console.log(config)
+  console.log('-------------------------------------------------------------')
 
   // 仅打包之后格式化日志
-  if (process.env.NODE_ENV !== 'development') {
-    useYoungLogger();
-  }
+  if (process.env.NODE_ENV !== 'development')
+    useYoungLogger()
 
   nitroApp.hooks.hook('render:html', (html, { event }) => {
     // 直接注入环境变量到前端
@@ -76,7 +75,7 @@ export default defineNitroPlugin(async (nitroApp) => {
         });
     }, 6e4);
     </script>
-    `);
+    `)
 
     // 移动端调试控制台，需要使用就放开下面的注释
     // if (process.env.NODE_ENV === 'development' || process.env.NUXT_PUBLIC_ENABLE_CONSOLE) {
@@ -85,5 +84,5 @@ export default defineNitroPlugin(async (nitroApp) => {
     //   <script>eruda.init();</script>
     //   `);
     // }
-  });
-});
+  })
+})

package/template-nuxt-admin/server/routes/get/env.ts

@@ -7,7 +7,7 @@
 export default defineEventHandler(async (event) => {
   const envObj = {
     NUXT_PUBLIC_CURRENT_VERSION: process.env.PROJECT_VERSION || 'v0.0.1',
-  };
+  }
 
-  return envObj;
-});
+  return envObj
+})

package/template-nuxt-admin/server/utils/index.ts

@@ -4,9 +4,10 @@
  * @LastEditTime: 2023-06-17 16:20:40
  * @Description:
  */
-import { type ServerOptions as HTTPProxyOptions } from 'http-proxy';
-import ProxyModule from 'http-proxy';
-import type { H3Event } from 'h3';
+import { type ServerOptions as HTTPProxyOptions } from 'http-proxy'
+import ProxyModule from 'http-proxy'
+import type { H3Event } from 'h3'
+
 /**
  * @param target 接口代理的具体地址
  * @param defaults 代理配置
@@ -16,20 +17,20 @@ import type { H3Event } from 'h3';
  *   await proxy.handle(event);
  * });
  */
-export const createTransparentProxy = (target: string, defaults: HTTPProxyOptions = {}) => {
-  const proxy = ProxyModule.createProxy();
+export function createTransparentProxy(target: string, defaults: HTTPProxyOptions = {}) {
+  const proxy = ProxyModule.createProxy()
   const handle = (event: H3Event, opts: HTTPProxyOptions = {}) => {
     return new Promise<void>((resolve, reject) => {
       proxy.web(event.node.req, event.node.res, { target, ...defaults, ...opts }, (error: any) => {
-        if (error.code !== 'ECONNRESET') {
-          reject(error);
-        }
-        resolve();
-      });
-    });
-  };
+        if (error.code !== 'ECONNRESET')
+          reject(error)
+
+        resolve()
+      })
+    })
+  }
   return {
     proxy,
     handle,
-  };
-};
+  }
+}

package/template-nuxt-admin/uno.config.ts

@@ -13,7 +13,7 @@ import {
   presetWebFonts,
   transformerDirectives,
   transformerVariantGroup,
-} from 'unocss';
+} from 'unocss'
 
 export default defineConfig({
   shortcuts: [],