create-young-proj 0.12.0 → 1.0.0

package/template-nuxt-admin/middleware/auth.global.ts

@@ -1,69 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-07-21 10:02:19
- * @LastEditTime: 2023-09-13 09:45:34
- * @Description:
- */
-export default defineNuxtRouteMiddleware(async (to, from) => {
-  if (to.matched.length === 0)
-    throw createError({ message: '页面不存在', statusCode: 404 })
-
-  const { hasLogin } = storeToRefs(useUserStore())
-  const { nav_arr, flat_nav_arr, nodeMap, breadcrumb_arr } = storeToRefs(useNavStore())
-
-  const changeTitle = () => {
-    let nav = flat_nav_arr.value.find(item => item.component === to.path)
-
-    breadcrumb_arr.value.length = 0
-
-    if (nav && nav.title) {
-      to.meta.title = nav.title
-
-      while (nav) {
-        breadcrumb_arr.value.unshift(nav.title!)
-        if (nav.parent_id)
-          nav = nodeMap.value.get(nav.parent_id.toString())
-        else
-          break
-      }
-    }
-
-    document.title = (to.meta.title as string) || window.__YOUNG_ENV__.NUXT_PUBLIC_TITLE
-  }
-
-  const { addView } = useTagsStore()
-
-  // 页面无需登录
-  if (to.meta.auth === false) {
-    changeTitle()
-    addView(to)
-    return
-  }
-
-  if (!hasLogin.value && to.path !== '/login') {
-    // 页面需要登录，但是未登录
-    showNotify({
-      type: 'danger',
-      message: '未登录或登录过期，请重新登录',
-    })
-    return navigateTo(`/login?redirect=${encodeURIComponent(to.fullPath)}`, {
-      replace: true,
-    })
-  }
-  else if (hasLogin.value && to.path === '/login') {
-    // 已登录进入登录页
-    return navigateTo('/', {
-      replace: true,
-    })
-  }
-  else {
-    nav_arr.value.length === 0 && (await generateNavData())
-    if (hasPermission(to.path)) {
-      changeTitle()
-      addView(to)
-    }
-    else {
-      throw createError({ message: '无权限，请联系系统管理员', statusCode: 403 })
-    }
-  }
-})

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

@@ -1,106 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-05-25 19:45:20
- * @LastEditTime: 2023-09-16 16:34:29
- * @Description:
- */
-import { resolve } from 'node:path'
-
-// https://nuxt.com/docs/api/configuration/nuxt-config
-export default defineNuxtConfig({
-  ssr: false,
-  app: {
-    head: {
-      viewport: 'width=device-width,initial-scale=1.0,user-scalable=no,shrink-to-fit=no',
-      meta: [
-        { name: 'theme-color', content: '#ffffff' },
-        { name: 'screen-orientation', content: 'portrait' },
-        { name: 'x5-orientation', content: 'portrait' },
-        { name: 'renderer', content: 'webkit' },
-        { name: 'mobile-web-app-capable', content: 'yes' },
-        { name: 'creator', content: 'BluesYoung-web' },
-      ],
-      link: [
-        {
-          rel: 'icon',
-          href: '/favicon.svg',
-        },
-        {
-          rel: 'preload',
-          as: 'image',
-          href: '/image_placeholder.svg',
-        },
-        {
-          rel: 'preload',
-          as: 'image',
-          href: '/tabbar_bg.png',
-        },
-      ],
-      script: [
-        {
-          innerHTML: `
-            this.globalThis || (this.globalThis = this);
-            window.onerror = function(e) {
-              if (e.toString().includes('ResizeObserver loop')) {
-                return;
-              }
-              console.log(e);
-              window.alert('您的浏览器版本过低，请尝试使用其他浏览器或将浏览器升级至最新版本后重试！');
-              window.alert(e);
-            }
-          `,
-        },
-      ],
-    },
-  },
-
-  lazyLoad: {
-    audio: false,
-    // 默认使用原生的 loading="lazy"
-    // native: true,
-    // js 实现，仅指令生效 v-lazy-load
-    // directiveOnly: true,
-    // @ts-expect-error js 实现的占位图
-    defaultImage: '/image_placeholder.svg',
-  },
-
-  nitro: {
-    output: {
-      dir: resolve(__dirname, './dist'),
-    },
-  },
-
-  // 开发调试工具，按需启用
-  // devtools: {
-  //   enabled: true,
-  // },
-
-  modules: [
-    '@vueuse/nuxt',
-    '@unocss/nuxt',
-    '@element-plus/nuxt',
-    '@pinia/nuxt',
-    '@vant/nuxt',
-    'nuxt-lazy-load',
-  ],
-
-  pinia: {
-    autoImports: ['defineStore', 'storeToRefs', 'acceptHMRUpdate'],
-  },
-
-  vite: {
-    build: {
-      // 兼容钉钉浏览器
-      target: 'es2015',
-      sourcemap: false,
-    },
-    css: {
-      preprocessorOptions: {
-        scss: {
-          javascriptEnabled: true,
-          additionalData: '@import "~/styles/variable.scss";',
-        },
-      },
-    },
-  },
-})

package/template-nuxt-admin/package.json

@@ -1,64 +0,0 @@
-{
-  "name": "nuxt-app",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "build": "nuxt build",
-    "dev": "nuxt dev --host",
-    "generate": "nuxt generate",
-    "preview": "nuxt preview --host",
-    "postinstall": "nuxt prepare && simple-git-hooks",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix"
-  },
-  "dependencies": {
-    "@bluesyoung/casdoor-auth": "^0.1.0",
-    "@bluesyoung/http": "^0.3.4",
-    "@bluesyoung/ui-vue3": "^0.1.1",
-    "@bluesyoung/ui-vue3-element-plus": "0.11.6",
-    "@bluesyoung/utils": "0.2.1",
-    "@wangeditor/editor": "^5.1.23",
-    "@wangeditor/editor-for-vue": "^5.1.12",
-    "c12": "^1.4.2",
-    "file-saver": "^2.0.5",
-    "http-proxy": "^1.18.1",
-    "jszip": "^3.10.1",
-    "md5": "^2.3.0",
-    "qrcode": "^1.5.3",
-    "sortablejs": "^1.15.0",
-    "vue-cropper": "^1.0.9"
-  },
-  "devDependencies": {
-    "@antfu/eslint-config": "^0.41.0",
-    "@bluesyoung/logger": "^0.0.1",
-    "@element-plus/nuxt": "^1.0.5",
-    "@iconify/json": "^2.2.93",
-    "@nuxt/devtools": "^0.8.2",
-    "@pinia/nuxt": "^0.4.11",
-    "@types/file-saver": "^2.0.5",
-    "@types/md5": "^2.3.2",
-    "@types/node": "20.5.9",
-    "@types/qrcode": "^1.5.1",
-    "@unocss/nuxt": "^0.55.6",
-    "@vant/nuxt": "^1.0.2",
-    "@vueuse/nuxt": "^10.2.1",
-    "add": "^2.0.6",
-    "dayjs": "^1.11.9",
-    "element-plus": "^2.3.8",
-    "eslint": "^8.48.0",
-    "lint-staged": "^14.0.1",
-    "nuxt": "^3.7.1",
-    "nuxt-lazy-load": "^3.0.4",
-    "pinia": "^2.1.4",
-    "sass": "^1.64.0",
-    "simple-git-hooks": "^2.9.0",
-    "typescript": "^5.2.2",
-    "vant": "^4.6.2"
-  },
-  "simple-git-hooks": {
-    "pre-commit": "npx lint-staged"
-  },
-  "lint-staged": {
-    "*": "eslint --fix"
-  }
-}

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

@@ -1,28 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2023-07-21 17:35:12
- * @LastEditTime: 2023-09-15 15:20:25
- * @Description:
--->
-<script lang="ts" setup>
-definePageMeta({
-  title: '工作台',
-  auth: false,
-  noCache: true,
-})
-
-const { nick } = storeToRefs(useUserStore())
-const { nav_arr } = storeToRefs(useNavStore())
-
-useTabNoCache(() => {
-  nav_arr.value.length === 0 && generateNavData()
-})
-</script>
-
-<template>
-  <div>
-    <div class="text-4xl my-20px text-center font-bold">
-      欢迎回来，{{ nick }}
-    </div>
-  </div>
-</template>

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

@@ -1,15 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2023-07-21 09:27:14
- * @LastEditTime: 2023-09-18 14:15:35
- * @Description:
--->
-<script setup lang="ts">
-definePageMeta({
-  redirect: '/home/index',
-})
-</script>
-
-<template>
-  <div />
-</template>

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

@@ -1,199 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2023-07-21 10:03:11
- * @LastEditTime: 2023-09-15 15:19:59
- * @Description:
--->
-<script lang="ts" setup>
-import { isMobile } from '@bluesyoung/utils'
-import type { FormInstance } from 'element-plus'
-
-definePageMeta({
-  auth: false,
-  title: '用户登录',
-  noCache: true,
-  layout: 'blank',
-})
-
-const {
-  NUXT_PUBLIC_LOGIN_LOGO: LoginLogo,
-  NUXT_PUBLIC_LOGIN_BG: LoginBg,
-  NUXT_PUBLIC_TITLE: Title,
-  NUXT_PUBLIC_SUB_TITLE: SubTitle,
-  NUXT_PUBLIC_SLOGAN: SloGan,
-  NUXT_PUBLIC_CURRENT_VERSION: Version,
-} = window.__YOUNG_ENV__
-
-const { SaveFlag, hasLogin, cookie, Exptime } = storeToRefs(useUserStore())
-
-const loginType = ref<'account' | 'code'>('account')
-
-const form = reactive<LoginForm>({
-  mobile: '',
-  vercode: '',
-  password: '',
-})
-
-const formRef = ref<FormInstance>()
-
-function loginHandler() {
-  formRef.value?.validate(async (valid: boolean) => {
-    try {
-      if (valid) {
-        const { enter } = useFullscreen()
-        const { width, height } = useWindowSize()
-
-        const data = await apis.post.login(form)
-        if (data) {
-          cookie.value = data
-          // 三天后过期
-          Exptime.value = Date.now() + 1000 * 60 * 60 * 24 * 3
-          height.value > width.value && enter()
-          showSuccessToast('登录成功！')
-          navigateTo('/')
-        }
-      }
-      else {
-        ElMessage.error('请仔细检查输入内容')
-      }
-    }
-    catch (error) {
-      console.error(error)
-    }
-  })
-}
-
-useTabNoCache(() => {
-  if (SaveFlag.value && hasLogin.value) {
-    navigateTo({
-      path: '/',
-      replace: true,
-    })
-  }
-})
-</script>
-
-<template>
-  <img :src="LoginBg" class="absolute object-center object-cover w-100vw h-100vh blur-6 brightness-50">
-  <div class="flex flex-col items-center login-container pt-6%">
-    <div class="w-80px h-80px">
-      <img class="h-full" :src="LoginLogo" referrerpolicy="no-referrer">
-    </div>
-    <div class="title">
-      {{ Title }}
-    </div>
-    <div v-if="SubTitle" class="sub-title" v-html="SubTitle" />
-
-    <ElCard class="w-430px mt-3%" lt-sm="w-[96%] mx-[2%]">
-      <ElForm ref="formRef" :model="form">
-        <VanTabs v-model:active="loginType" size="large" @change="formRef?.resetFields?.()">
-          <VanTab name="account" title="账密登录">
-            <ElFormItem
-              prop="mobile" :rules="[
-                { required: true, trigger: 'blur', message: '请输入手机号' },
-                { message: '请输入合法的手机号', trigger: 'blur', validator: (_: any, v: string) => isMobile(v) },
-              ]" class="mt-20px"
-            >
-              <ElInput v-model.trim="form.mobile" placeholder="请输入手机号" maxlength="11" class="!h-52px" clearable />
-            </ElFormItem>
-            <ElFormItem
-              v-if="loginType === 'account'" prop="password" :rules="[
-                { required: true, trigger: 'blur', message: '请输入密码' },
-                { min: 8, max: 16, trigger: 'blur', message: '请输入8-16位字符！' },
-              ]"
-            >
-              <ElInput
-                v-model.trim="form.password" type="password" minlength="8" maxlength="16" placeholder="请输入密码"
-                class="!h-52px" clearable show-password @keyup.enter="loginHandler"
-              />
-            </ElFormItem>
-          </VanTab>
-          <VanTab name="code" title="短信登录">
-            <ElFormItem
-              prop="mobile" :rules="[
-                { required: true, trigger: 'blur', message: '请输入手机号' },
-                { message: '请输入合法的手机号', trigger: 'blur', validator: (_: any, v: string) => isMobile(v) },
-              ]" class="mt-20px"
-            >
-              <ElInput v-model.trim="form.mobile" placeholder="请输入手机号" maxlength="11" class="!h-52px" clearable />
-            </ElFormItem>
-            <ElFormItem
-              v-if="loginType === 'code'" prop="vercode"
-              :rules="[{ required: true, trigger: 'blur', message: '请输入验证码' }]"
-            >
-              <YoungCodeInput v-model.trim="form.vercode" :tel="form.mobile" @enter="loginHandler" />
-            </ElFormItem>
-          </VanTab>
-        </VanTabs>
-
-        <ElFormItem>
-          <div class="flex justify-between w-full">
-            <ElCheckbox v-model="SaveFlag">
-              三天之内免登录
-            </ElCheckbox>
-            <ElButton v-show="loginType === 'account'" type="warning" link @click="useChangePassword">
-              忘记密码？
-            </ElButton>
-          </div>
-        </ElFormItem>
-      </ElForm>
-
-      <VanButton type="primary" class="w-full" @click="loginHandler">
-        登录
-      </VanButton>
-    </ElCard>
-
-    <div v-if="SloGan" class="slogan">
-      {{ SloGan }}
-    </div>
-    <div class="content-wrapper">
-      <div class="mb-5% text-[#c0c0c0] text-16px">
-        {{ Version }}
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-@-webkit-keyframes left-to-right {
-  from {
-    -webkit-transform: translateX(-100%);
-    transform: translateX(-100%);
-  }
-
-  to {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-}
-
-@keyframes left-to-right {
-  from {
-    -webkit-transform: translateX(-100%);
-    transform: translateX(-100%);
-  }
-
-  to {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-}
-
-.login-container {
-  @apply relative overflow-hidden h-100vh w-full;
-
-  .title {
-    @apply mt-10px text-[#fff] text-24px font-bold;
-  }
-
-  .sub-title {
-    @apply mt-10px text-[#f5f5f5] text-16px mb-30px;
-  }
-
-  .slogan {
-    @apply flex flex-1 justify-center items-center text-[#fff] font-500 text-26px text-shadow;
-    -webkit-animation: left-to-right 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-    animation: left-to-right 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-  }
-}
-</style>

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

@@ -1,179 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2023-07-25 16:44:56
- * @LastEditTime: 2023-08-25 16:54:08
- * @Description:
--->
-<script lang="ts" setup>
-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, ElTag } from 'element-plus'
-
-definePageMeta({
-  title: '接口管理',
-})
-
-interface Form extends ApiItem { op?: any };
-const FORM_TEMP: Form = {
-  id: 0,
-  path: '',
-  desc: '',
-  method: 'POST',
-  category: '',
-  roleIds: [],
-}
-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.addApiItem(v)
-      ElMessage.success('新增成功！')
-    }
-    return res
-  },
-  modCbk: async () => {
-    const res = await validForm() as boolean
-    if (res) {
-      const v = deepClone(form.value)
-      await apis.patch.changeApiItem(v)
-      ElMessage.success('修改成功！')
-    }
-    return res
-  },
-  delCbk: async (row) => {
-    await apis.delete.deleteApi(row.id.toString())
-    ElMessage.success('删除成功！')
-    query.value.pageNum = 1
-  },
-  cgEffect: () => getList(),
-})
-const tableHead: TableHeadItem<Form>[] = [
-  { prop: 'id', label: '接口ID' },
-  { prop: 'desc', label: '接口描述' },
-  { prop: 'category', label: '接口分组' },
-  { prop: 'path', label: '接口路径' },
-  { prop: 'creator', label: '创建信息' },
-  {
-    prop: 'method',
-    label: '接口方法',
-    render: row => h(ElTag, {
-      effect: 'dark',
-      type: MethodObj[row.method],
-    },
-    {
-      default: () => row.method,
-    },
-    ),
-  },
-  {
-    prop: 'op',
-    label: '操作',
-    render: row => h('div', [
-      h(ElButton, { type: 'primary', link: true, onClick: () => edit(row) }, { default: () => '编辑' }),
-      h(ElButton, { type: 'danger', link: true, onClick: () => del(row) }, { default: () => '删除' }),
-    ]),
-  },
-]
-const tableData = ref<TableDataItem<Form>[]>([])
-
-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,
-    }
-  })
-
-  const { list, pageNum, pageSize, total } = await apis.get.getApiList(query.value)
-  tableData.value = deepClone(list || [])
-  query.value.pageNum = +pageNum || 1
-  query.value.pageSize = +pageSize || 50
-  query.value.total = +total || 0
-}
-
-type Query = BaseQuery & Partial<Form>
-const { query, reset } = useQuery<Query>(
-  {
-    pageNum: 1,
-    pageSize: 10,
-    total: 0,
-    path: '',
-  },
-  getList,
-)
-const queryScheme: YoungSearchScheme<Query> = {
-  path: {
-    type: 'input',
-    tip: '接口路径',
-    attrs: {
-      placeholder: '请输入接口路径',
-    },
-  },
-}
-
-const roleList = ref<SelectOptionItem<number>[]>([])
-
-useTabReOpen(getList)
-</script>
-
-<template>
-  <ElCard>
-    <YoungSearchForm v-model="query" :search-scheme="queryScheme" :on-search="getList" :on-reset="reset">
-      <template #btns>
-        <ElButton type="success" @click="isAdd = true">
-          添加接口
-        </ElButton>
-      </template>
-    </YoungSearchForm>
-  </ElCard>
-
-  <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"
-    />
-  </ElCard>
-  <YoungDialog :is-add="isAdd" :is-edit="isEdit" :diff-form="form" 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="category" :rules="{ required: true, message: '请填写分组名称', trigger: 'blur' }">
-          <ElInput v-model.trim="form.category" class="!w-300px" />
-        </ElFormItem>
-        <ElFormItem label="接口描述" prop="desc" :rules="{ required: true, message: '请填写接口描述', trigger: 'blur' }">
-          <ElInput v-model.trim="form.desc" class="!w-300px" />
-        </ElFormItem>
-        <ElFormItem label="请求方法">
-          <YoungSelect
-            v-model="form.method" class="!w-300px"
-            :options="Object.keys(MethodObj).map((item) => ({ label: item, value: item }))"
-          />
-        </ElFormItem>
-        <ElFormItem
-          label="接口路径" prop="path"
-          :rules="{ message: '请填写合法的接口路径, eg: /user/list', trigger: 'blur', validator: (_: any, v: string) => /\/(.*)\/(.*)/.test(v) }"
-        >
-          <ElInput v-model.trim="form.path" class="!w-300px" />
-        </ElFormItem>
-        <ElFormItem label="关联角色">
-          <YoungSelect v-model="form.roleIds" multiple placeholder="请选择角色" class="!w-300px" :options="roleList" />
-        </ElFormItem>
-      </ElForm>
-    </template>
-  </YoungDialog>
-</template>