create-young-proj 0.10.2 → 0.12.0

package/template-nuxt-admin/pages/home/[id].vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhangyang
  * @Date: 2023-07-21 17:35:12
- * @LastEditTime: 2023-07-28 11:34:29
+ * @LastEditTime: 2023-09-15 15:20:25
  * @Description:
 -->
 <script lang="ts" setup>
@@ -14,7 +14,7 @@ definePageMeta({
 const { nick } = storeToRefs(useUserStore())
 const { nav_arr } = storeToRefs(useNavStore())
 
-onMounted(() => {
+useTabNoCache(() => {
   nav_arr.value.length === 0 && generateNavData()
 })
 </script>

package/template-nuxt-admin/pages/index.vue

@@ -1,17 +1,12 @@
 <!--
  * @Author: zhangyang
  * @Date: 2023-07-21 09:27:14
- * @LastEditTime: 2023-07-23 16:23:00
+ * @LastEditTime: 2023-09-18 14:15:35
  * @Description:
 -->
 <script setup lang="ts">
 definePageMeta({
-  noCache: true,
-})
-
-navigateTo({
-  path: '/home/index',
-  replace: true,
+  redirect: '/home/index',
 })
 </script>
 

package/template-nuxt-admin/pages/login.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhangyang
  * @Date: 2023-07-21 10:03:11
- * @LastEditTime: 2023-09-08 10:03:40
+ * @LastEditTime: 2023-09-15 15:19:59
  * @Description:
 -->
 <script lang="ts" setup>
@@ -63,7 +63,7 @@ function loginHandler() {
   })
 }
 
-onMounted(() => {
+useTabNoCache(() => {
   if (SaveFlag.value && hasLogin.value) {
     navigateTo({
       path: '/',

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

@@ -284,7 +284,6 @@ useTabReOpen(getList)
         新建菜单
       </ElButton>
     </div>
-    <br>
     <!-- 节点列表 -->
     <YoungTablePro
       :table-data="tableData" :table-head="tableHead" :tree-props="{ children: 'children' }" row-key="id"

package/template-nuxt-admin/public/favicon.svg

@@ -0,0 +1,2 @@
+
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#666" d="M26 2h4v4h-4zm0 6h4v4h-4zm-6-6h4v4h-4zm0 6h4v4h-4z"/><path fill="#666" d="M28 16v6H4V6h12V4H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h8v4H8v2h16v-2h-4v-4h8a2 2 0 0 0 2-2v-6ZM18 28h-4v-4h4Z"/></svg>

package/template-nuxt-admin/public/logo.svg

@@ -0,0 +1,2 @@
+
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="M26 2h4v4h-4zm0 6h4v4h-4zm-6-6h4v4h-4zm0 6h4v4h-4z"/><path fill="#fff" d="M28 16v6H4V6h12V4H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h8v4H8v2h16v-2h-4v-4h8a2 2 0 0 0 2-2v-6ZM18 28h-4v-4h4Z"/></svg>

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

@@ -1,7 +1,7 @@
 /*
  * @Author: zhangyang
  * @Date: 2022-12-30 17:19:42
- * @LastEditTime: 2023-07-31 17:52:20
+ * @LastEditTime: 2023-09-16 16:27:56
  * @Description:
  */
 import { resolve } from 'node:path'
@@ -22,9 +22,8 @@ export default defineNitroPlugin(async (nitroApp) => {
       NUXT_PUBLIC_TITLE: 'XXX-后台管理系统',
       NUXT_PUBLIC_SUB_TITLE: '做XXX我们是认真的！',
       NUXT_PUBLIC_SLOGAN: 'XXXXX, XXXXX',
-      NUXT_PUBLIC_LOGIN_BG:
-        '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',
+      NUXT_PUBLIC_LOGIN_BG: '/bg.webp',
+      NUXT_PUBLIC_LOGIN_LOGO: '/logo.svg',
     },
   })
 

package/template-nuxt-admin/utils/tool.ts

@@ -1,7 +1,7 @@
 /*
  * @Author: zhangyang
  * @Date: 2023-05-28 16:01:24
- * @LastEditTime: 2023-09-08 10:12:37
+ * @LastEditTime: 2023-09-13 09:43:52
  * @Description:
  */
 import { randomId } from '@bluesyoung/utils'
@@ -181,3 +181,19 @@ export function useChangePassword() {
 
   vnode.component!.exposed?.show()
 }
+
+/**
+ * 修改状态二次确认
+ */
+export function useConfirm(cbk: Function, tip = '确定修改状态嘛？', successTip?: string) {
+  ElMessageBox.confirm(tip, '提示', {
+    type: 'warning',
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+  })
+    .then(async () => {
+      await cbk()
+      successTip && ElMessage.success(successTip)
+    })
+    .catch(() => null)
+}

package/template-vue-admin/.vscode/extensions.json

@@ -1,10 +0,0 @@
-{
-  "recommendations": [
-    "vue.volar",
-    "rome.rome",
-    "obkoro1.korofileheader",
-    "vue.vscode-typescript-vue-plugin",
-    "antfu.unocss",
-    "voorjaar.windicss-intellisense"
-  ]
-}

package/template-vue-admin/.vscode/list-add.code-snippets

@@ -1,108 +0,0 @@
-{
-  "list-add-admin": {
-    "prefix": "list-add",
-    "body": [
-      "<route lang=\"yaml\">",
-      "meta:",
-      "  title: $1",
-      "  authPath: $2",
-      "</route>",
-      "",
-      "<script lang=\"ts\" setup>",
-      "import { useFormMode, YoungDialog, YoungPagination, YoungTable, YoungSelect } from '@bluesyoung/ui-vue3-element-plus';",
-      "import type { TableHeadItem, TableDataItem, SelectOptionItem } from '@bluesyoung/ui-vue3-element-plus';",
-      "import { deepClone } from '@bluesyoung/utils';",
-      "import { $3 } from '@/typings';",
-      "import { apis } from '@/modules/3-net';",
-      "",
-      "interface Form extends $3 {};",
-      "const FORM_TEMP: Form = {};",
-      "const {",
-      "  isAdd,",
-      "  isEdit,",
-      "  edit,",
-      "  del,",
-      "  sure,",
-      "  clear,",
-      "  form,",
-      "  formRef,",
-      "  validForm",
-      "} = useFormMode<Form>(FORM_TEMP, {",
-      "  addCbk: async () => {",
-      "    const res = await validForm() as boolean;",
-      "    if (res) {",
-      "      const v = deepClone(form.value);",
-      "      // await apis.post.addUserItem(v);",
-      "      ElMessage.success('新增成功！');",
-      "    }",
-      "    return res;",
-      "  },",
-      "  modCbk: async () => {",
-      "    const res = await validForm() as boolean;",
-      "    if (res) {",
-      "      const v = deepClone(form.value);",
-      "      // await apis.patch.changeUserItem(v);",
-      "      ElMessage.success('修改成功！');",
-      "    }",
-      "    return res;",
-      "  },",
-      "  delCbk: async (row) => {",
-      "    // await apis.delete.deleteUser(row.id.toString());",
-      "    ElMessage.success('删除成功！');",
-      "    query.pageNum = 1;",
-      "  },",
-      "  cgEffect: () => getList()",
-      "});",
-      "const tableHead: TableHeadItem<Form>[] = [",
-      "  { prop: '', label: '' },",
-      "];",
-      "interface Query extends BaseQuery {};",
-      "const query = reactive<Query>({",
-      "  pageNum: 1,",
-      "  pageSize: 50,",
-      "  total: 0,",
-      "});",
-      "",
-      "const tableData = ref<TableDataItem<Form>[]>([]);",
-      "const getList = async () => {",
-      "  // const { list, pageNum, pageSize, total } = await apis.get.getUserList(query);",
-      "  // tableData.value = deepClone(list || []);",
-      "  // query.pageNum = +pageNum || 1;",
-      "  // query.pageSize = +pageSize || 50;",
-      "  // query.total = +total || 0;",
-      "};",
-      "",
-      "getList();",
-      "</script>",
-      "",
-      "<template>",
-      "  <div class=\"flex\">",
-      "    <div class=\"m-2\">",
-      "      <ElInput v-model=\"query.\" placeholder=\"请输入\" />",
-      "    </div>",
-      "    <div class=\"m-2\">",
-      "      <ElButton type=\"primary\" @click=\"getList\">搜索</ElButton>",
-      "    </div>",
-      "    <div class=\"m-2\">",
-      "      <ElButton type=\"success\" @click=\"isAdd = true\">添加</ElButton>",
-      "    </div>",
-      "  </div>",
-      "  <div class=\"m-2\">",
-      "    <YoungTable :table-data=\"tableData\" :table-head=\"tableHead\" :table-height=\"680\" />",
-      "    <YoungPagination v-show=\"query.total > 0\" v-model:page=\"query.pageNum\" v-model:limit=\"query.pageSize\"",
-      "      :total=\"query.total\" @page-change=\"getList\" />",
-      "  </div>",
-      "  <YoungDialog :is-add=\"isAdd\" :is-edit=\"isEdit\" width=\"520px\" @sure=\"sure\" @clear=\"clear\">",
-      "    <template #body>",
-      "      <ElForm ref=\"formRef\" :model=\"form\" label-width=\"100px\">",
-      "        <ElFormItem label=\"\" prop=\"\">",
-      "          <ElInput v-model=\"form.\" class=\"!w-300px\" />",
-      "        </ElFormItem>",
-      "      </ElForm>",
-      "    </template>",
-      "  </YoungDialog>",
-      "</template>",
-    ],
-    "description": "list-add-admin"
-  }
-}

package/template-vue-admin/.vscode/list-export.code-snippets

@@ -1,72 +0,0 @@
-{
-  "list-export-admin": {
-    "prefix": "list-export",
-    "body": [
-      "<route lang=\"yaml\">",
-      "meta:",
-      "  title: $1",
-      "  authPath: $2",
-      "</route>",
-      "",
-      "<script lang=\"ts\" setup>",
-      "import { YoungTable, YoungPagination} from '@bluesyoung/ui-vue3-element-plus';",
-      "import type { TableDataItem, TableHeadItem } from '@bluesyoung/ui-vue3-element-plus';",
-      "import type { $3 } from '@/typings';",
-      "import { apis } from '@/modules/3-net';",
-      "",
-      "interface Form extends $3 {};",
-      "",
-      "const tableHead: TableHeadItem<Form>[] = [",
-      "  { prop: '', label: '' },",
-      "];",
-      "const tableData = ref<TableDataItem<Form>[]>([]);",
-      "",
-      "type Query = BaseQuery & Partial<Form>;",
-      "const query = reactive<Query>({",
-      "  pageNum: 1,",
-      "  pageSize: 10,",
-      "  total: 0,",
-      "});",
-      "",
-      "const getList = async () => {",
-      "  // const { list, pageNum, pageSize, total } = await apis.get.getApiList(query);",
-      "  // tableData.value = deepClone(list || []);",
-      "  // query.pageNum = +pageNum || 1;",
-      "  // query.pageSize = +pageSize || 50;",
-      "  // query.total = +total || 0;",
-      "};",
-      "",
-      "const exportHandler = async () => {",
-      "  const { useExport2Excel } = await import('@bluesyoung/ui-vue3-element-plus');",
-      "  await useExport2Excel({",
-      "    filename: '数据导出',",
-      "    tableHead: tableHead,",
-      "    tableData: tableData.value",
-      "  });",
-      "};",
-      "",
-      "getList();",
-      "</script>",
-      "",
-      "<template>",
-      "  <div class=\"flex\">",
-      "    <div class=\"m-2\">",
-      "      <ElInput v-model=\"query.\" placeholder=\"请输入\" />",
-      "    </div>",
-      "    <div class=\"m-2\">",
-      "      <ElButton type=\"primary\" @click=\"getList\">搜索</ElButton>",
-      "    </div>",
-      "    <div class=\"m-2\">",
-      "      <ElButton :disabled=\"tableData.length <= 0\" type=\"success\" @click=\"exportHandler\">导出</ElButton>",
-      "    </div>",
-      "  </div>",
-      "  <div class=\"m-2\">",
-      "    <YoungTable :table-data=\"tableData\" :table-head=\"tableHead\" :table-height=\"680\" />",
-      "    <YoungPagination v-model:page=\"query.pageNum\" v-model:limit=\"query.pageSize\" :total=\"query.total\"",
-      "      @page-change=\"getList\" />",
-      "  </div>",
-      "</template>"
-    ],
-    "description": "list-export-admin"
-  }
-}

package/template-vue-admin/.vscode/list.code-snippets

@@ -1,61 +0,0 @@
-{
-	"list-admin": {
-		"prefix": "list",
-		"body": [
-			"<route lang=\"yaml\">",
-			"meta:",
-			"  title: $1",
-			"  authPath: $2",
-			"</route>",
-			"",
-			"<script lang=\"ts\" setup>",
-			"import { YoungPagination, YoungTable } from '@bluesyoung/ui-vue3-element-plus';",
-			"import type { TableHeadItem, TableDataItem } from '@bluesyoung/ui-vue3-element-plus';",
-			"import { deepClone } from '@bluesyoung/utils';",
-			"import { $3 } from '@/typings';",
-			"import { apis } from '@/modules/3-net';",
-			"",
-			"interface Form extends $3 { };",
-			"",
-			"const tableHead: TableHeadItem<Form>[] = [",
-			"  { prop: '', label: '' },",
-			"];",
-			"interface Query extends BaseQuery {};",
-			"const query = reactive<Query>({",
-			"  pageNum: 1,",
-			"  pageSize: 50,",
-			"  total: 0,",
-			"});",
-			"",
-			"const tableData = ref<TableDataItem<Form>[]>([]);",
-			"const roleList = ref<SelectOptionItem[]>([]);",
-			"const getList = async () => {",
-			"  // const { list, pageNum, pageSize, total } = await apis.get.getUserList(query);",
-			"  // tableData.value = deepClone(list || []);",
-			"  // query.pageNum = +pageNum || 1;",
-			"  // query.pageSize = +pageSize || 50;",
-			"  // query.total = +total || 0;",
-			"};",
-			"",
-			"getList();",
-			"</script>",
-			"",
-			"<template>",
-			"  <div class=\"flex\">",
-			"    <div class=\"m-2\">",
-			"      <ElInput v-model=\"query.\" placeholder=\"请输入\" />",
-			"    </div>",
-			"    <div class=\"m-2\">",
-			"      <ElButton type=\"primary\" @click=\"getList\">搜索</ElButton>",
-			"    </div>",
-			"  </div>",
-			"  <div class=\"m-2\">",
-			"    <YoungTable :table-data=\"tableData\" :table-head=\"tableHead\" :table-height=\"680\" />",
-			"    <YoungPagination v-show=\"query.total > 0\" v-model:page=\"query.pageNum\" v-model:limit=\"query.pageSize\" :total=\"query.total\"",
-			"      @page-change=\"getList\" />",
-			"  </div>",
-			"</template>",
-		],
-		"description": "list-admin"
-	}
-}

package/template-vue-admin/.vscode/settings.json

@@ -1,7 +0,0 @@
-{
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "rome.rome",
-  "[vue]": {
-    "editor.defaultFormatter": "Vue.volar"
-  }
-}

package/template-vue-admin/Dockerfile

@@ -1,42 +0,0 @@
-# 拉取基础镜像
-FROM node:18-alpine as builder
-
-# 维护者
-MAINTAINER BluesYoung "bluesyoung_web@163.com"
-
-# 工作目录
-WORKDIR /app
-
-# 没有压缩包，首选 COPY，如果需要自动解包或下载，则使用 ADD
-
-# 对比依赖是否变更
-COPY package.json yarn.lock /app/
-
-# 设置npm仓库 + 下载依赖，上面的文件如果没有变化则跳过下载，直接使用缓存
-RUN npm config set registry https://registry.npmmirror.com && \
-    yarn config set registry https://registry.npmmirror.com && \        
-    yarn
-
-# 加入代码
-COPY . /app
-# 打包
-RUN yarn build
-
-# 打包完成，构建最终的极简镜像
-FROM node:18-alpine
-
-# 工作目录
-WORKDIR /app
-
-# 复制运行需要的文件[及依赖]
-# 直接复制源代码
-COPY boot.mjs /app/
-COPY config /app/config
-# 复制上一步的打包产物
-COPY --from=builder /app/.output /app/.output
-
-# 暴露指定的端口号，暂不需要
-# EXPOSE 3001
-
-# 启动容器时运行的命令
-ENTRYPOINT ["node", "boot.mjs"]

package/template-vue-admin/README.md

@@ -1,75 +0,0 @@
-# 后台模板
-
-## 用户代码片段(页面模板)
-
-模板 | 触发关键字
---- | ---
-基础列表 | `list`
-列表 + `Excel` 导出 | `list-export`
-列表 + 弹出层 | `list-add`
-
-## **Docker 部署**
-
-- 同一份代码，可以根据运行时的环境变量决定具体表现
-- `node` 服务：
-  - 托管前端静态资源
-  - 根据环境变量读取对应的配置文件，并以接口的形式暴露给前端
-  - 跨域接口代理
-
-环境变量
-
-```sh
-# 部署环境 dev | test | online
-DEPLOY_ENV=dev
-# DEPLOY_ENV=test
-# DEPLOY_ENV=online
-# node 服务监听的端口号
-LISTEN_PORT=3000
-# 网关主机地址
-# APIGATEHOST='apisix.intranet.cn'
-```
-
-### 本地开发
-
-**确保上述的环境变量存在**
-
-启动服务端程序 `yarn dev:server`
-
-启动客户端程序 `yarn dev`
-
-### 打包预览
-
-`yarn build`
-
-确保上述的环境变量存在
-
-`node boot.mjs`
-
-### 配置文件
-
-存放于 `config` 目录下的 `.${env}rc` 文件，`env` 为对应的环境标识
-
-## 常规部署
-
-- `nginx` 托管前端静态资源
-- 每次打包时读取环境变量，打包完成之后不可变
-- 使用 `nginx` 代理跨域
-
-环境变量
-
-```sh
-# 设置静态部署
-VITE_USE_DEFAULT_DEPLOY_METHOD=true
-# 其他的环境变量，根据环境区分
-VITE_TITLE=管理后台
-```
-
-### 本地开发
-
-确保上述的环境变量存在，然后 `yarn dev` 即可
-
-### 打包预览
-
-`yarn build`
-
-`yarn preview`

package/template-vue-admin/_env

@@ -1,8 +0,0 @@
-# 部署环境 dev | test | online
-DEPLOY_ENV=dev
-# DEPLOY_ENV=test
-# DEPLOY_ENV=online
-# node 服务监听的端口号
-LISTEN_PORT=3000
-# 网关主机地址
-# APIGATEHOST='apisix.intranet.cn'

package/template-vue-admin/_gitignore

@@ -1,30 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-.env
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-!.vscode/settings.json
-!.vscode/*.code-snippets
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-.nitro
-.output

package/template-vue-admin/boot.mjs

@@ -1,16 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-09-16 11:48:05
- * @LastEditTime: 2022-12-29 16:21:59
- * @Description:
- */
-(async () => {
-  const env = process.env.DEPLOY_ENV;
-  const listenPort = process.env.LISTEN_PORT || 3003;
-  console.log('当前环境：', env);
-  console.log('服务监听端口：', listenPort);
-
-  process.env.NITRO_PORT = listenPort;
-
-  await import('./.output/server/index.mjs');
-})();

package/template-vue-admin/build/custom-plugin.ts

@@ -1,57 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-01-10 14:43:13
- * @LastEditTime: 2023-05-18 15:55:37
- * @Description:
- */
-import { networkInterfaces } from 'node:os';
-
-function getLocalIP(): string | undefined {
-  const ips = networkInterfaces();
-
-  function isPrivateIP(ip: string) {
-    return (
-      /^192\.168\.\d{1,3}\.\d{1,3}$/.test(ip) ||
-      /^10\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(ip) ||
-      /^172\.(1[6-9]|2\d|3[01])\.\d{1,3}\.\d{1,3}$/.test(ip)
-    );
-  }
-
-  for (const name of Object.keys(ips)) {
-    const networkInterface = ips[name];
-
-    for (const interfaceInfo of networkInterface) {
-      if (
-        interfaceInfo.family === 'IPv4' &&
-        !interfaceInfo.internal &&
-        isPrivateIP(interfaceInfo.address)
-      ) {
-        return interfaceInfo.address;
-      }
-    }
-  }
-
-  return '127.0.0.1';
-}
-
-const virtualModuleId = 'virtual:local-server';
-export const localServer = `http://${getLocalIP()}:3000`;
-
-/**
- * 获取本机 ip 地址，拼接开发时的服务地址
- */
-export const serverPlugin = () => {
-  return {
-    name: 'local-server',
-    resolveId(id) {
-      if (id === virtualModuleId) {
-        return virtualModuleId;
-      }
-    },
-    load(id) {
-      if (id === virtualModuleId) {
-        return `export const server = '${localServer}';`;
-      }
-    },
-  };
-};

package/template-vue-admin/build/index.ts

@@ -1,7 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-01-10 14:46:42
- * @LastEditTime: 2023-01-10 14:46:43
- * @Description:
- */
-export * from './plugins';