create-young-proj 0.10.1 → 0.12.0

package/template-vue-admin/src/views/base/login.vue

@@ -1,194 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2023-01-04 12:08:08
- * @LastEditTime: 2023-05-18 15:50:17
- * @Description: 
--->
-<route lang="yaml">
-meta:
-  layout: blank
-  auth: false
-</route>
-
-<script lang="ts" setup>
-import { setToken } from '@/stores';
-import { generateNavData } from '@/modules/4-auth';
-import { apis } from '@/modules/3-net';
-
-const title = window.__YOUNG_VITE_ENV__.VITE_TITLE || '管理后台';
-
-type LoginType = 'code' | 'scan';
-const loginType = ref<LoginType>('code');
-const changeType = () => {
-  if (loginType.value === 'code') {
-    loginType.value = 'scan';
-  } else {
-    loginType.value = 'code';
-  }
-};
-
-const formRef = ref();
-const form = reactive({
-  username: '',
-  password: ''
-});
-const rules = {
-  username: [{ required: true, trigger: 'blur', message: '请输入帐户名' }],
-  password: [{ required: true, trigger: 'blur', message: '请输入密码' }]
-};
-
-/**
- * 路由器实例，负责改变路由
- */
-const router = useRouter();
-const loginHandler = () => {
-  formRef.value?.validate(async (valid: boolean) => {
-    try {
-      if (valid) {
-        const data = await apis.post.login(form);
-        if (data) {
-          setToken(data);
-          await generateNavData();
-          router.push('/');
-        }
-      } else {
-        ElMessage.error('请仔细检查表单内容');
-        return;
-      }
-    } catch (error) {
-      console.error(error);
-    }
-  });
-};
-
-const start = () => {
-  ElMessage.success('敬请期待！');
-};
-</script>
-<template>
-  <div class="login-main">
-    <div class="logo flex justify-center items-center pl-12 pt-4">
-    </div>
-    <div class="mx-auto flex justify-center flex-col items-center">
-      <div class="text-3xl mb-7">{{ title }}</div>
-      <div class="form">
-        <ElCard>
-          <template #header>
-            <span v-show="loginType === 'scan'">{{ '扫码登录' }}</span>
-            <span v-show="loginType === 'code'">{{ '密码登录' }}</span>
-            <div class="icon-container" @click="changeType">
-              <svg v-show="loginType === 'scan'" title="账号密码登录" t="1646619966567" class="icon" viewBox="0 0 1076 1024"
-                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2882" width="200" height="200">
-                <path
-                  d="M986.22796 0H90.275175A90.275175 90.275175 0 0 0 0 90.086315v634.570269a90.275175 90.275175 0 0 0 90.275175 90.275175h291.411288l-51.369975 152.410181H226.632239a28.32903 28.32903 0 0 0 0 56.65806h623.238657a28.32903 28.32903 0 0 0 0-56.65806h-103.495389l-51.369974-152.410181h291.222427A90.275175 90.275175 0 0 0 1076.503135 724.845444V90.086315A90.275175 90.275175 0 0 0 986.22796 0z m0 56.65806A33.617115 33.617115 0 0 1 1019.845076 90.086315V623.238657H56.65806V90.086315A33.617115 33.617115 0 0 1 90.275175 56.65806zM389.996311 967.34194l51.369975-152.410181h193.770564l51.369974 152.410181z m287.822944-209.06824H90.275175A33.617115 33.617115 0 0 1 56.65806 724.845444V679.896717h963.187016v45.704168a33.617115 33.617115 0 0 1-33.428256 33.617116z"
-                  p-id="2883"></path>
-              </svg>
-              <svg v-show="loginType === 'code'" t="1646619725486" viewBox="0 0 1024 1024" version="1.1" class="icon"
-                xmlns="http://www.w3.org/2000/svg" p-id="2043" width="200" height="200">
-                <path
-                  d="M384 554.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v234.666667a85.333333 85.333333 0 0 1-85.333333 85.333333H149.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V640a85.333333 85.333333 0 0 1 85.333333-85.333333h234.666667z m226.133333 277.333333c4.693333 0 8.533333 3.84 8.533334 8.533333V896h183.466666c4.693333 0 8.533333 3.84 8.533334 8.533333v46.933334a8.533333 8.533333 0 0 1-8.533334 8.533333H563.2a8.533333 8.533333 0 0 1-8.533333-8.533333v-110.933334c0-4.693333 3.84-8.533333 8.533333-8.533333h46.933333z m341.333334 0c4.693333 0 8.533333 3.84 8.533333 8.533333v110.933334a8.533333 8.533333 0 0 1-8.533333 8.533333h-46.933334a8.533333 8.533333 0 0 1-8.533333-8.533333v-110.933334c0-4.693333 3.84-8.533333 8.533333-8.533333h46.933334zM384 618.666667H149.333333a21.333333 21.333333 0 0 0-21.184 18.837333L128 640v234.666667a21.333333 21.333333 0 0 0 18.837333 21.184L149.333333 896h234.666667a21.333333 21.333333 0 0 0 21.184-18.837333L405.333333 874.666667V640a21.333333 21.333333 0 0 0-18.837333-21.184L384 618.666667z m418.133333 149.333333c4.693333 0 8.533333 3.84 8.533334 8.533333v46.933334a8.533333 8.533333 0 0 1-8.533334 8.533333h-46.933333a8.533333 8.533333 0 0 1-8.533333-8.533333v-46.933334c0-4.693333 3.84-8.533333 8.533333-8.533333h46.933333zM298.666667 704a21.333333 21.333333 0 0 1 21.333333 21.333333v64a21.333333 21.333333 0 0 1-21.333333 21.333334h-64a21.333333 21.333333 0 0 1-21.333334-21.333334v-64a21.333333 21.333333 0 0 1 21.333334-21.333333h64z m503.466666-149.333333c4.693333 0 8.533333 3.84 8.533334 8.533333v46.933333a8.533333 8.533333 0 0 1-8.533334 8.533334H618.666667v64h119.466666c4.693333 0 8.533333 3.84 8.533334 8.533333v46.933333a8.533333 8.533333 0 0 1-8.533334 8.533334h-174.933333a8.533333 8.533333 0 0 1-8.533333-8.533334v-174.933333c0-4.693333 3.84-8.533333 8.533333-8.533333h238.933333z m149.333334 128c4.693333 0 8.533333 3.84 8.533333 8.533333v46.933333a8.533333 8.533333 0 0 1-8.533333 8.533334h-132.266667a8.533333 8.533333 0 0 1-8.533333-8.533334v-46.933333c0-4.693333 3.84-8.533333 8.533333-8.533333h132.266667z m0-128c4.693333 0 8.533333 3.84 8.533333 8.533333v46.933333a8.533333 8.533333 0 0 1-8.533333 8.533334h-46.933334a8.533333 8.533333 0 0 1-8.533333-8.533334v-46.933333c0-4.693333 3.84-8.533333 8.533333-8.533333h46.933334zM384 64a85.333333 85.333333 0 0 1 85.333333 85.333333v234.666667a85.333333 85.333333 0 0 1-85.333333 85.333333H149.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V149.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h234.666667z m490.666667 0a85.333333 85.333333 0 0 1 85.333333 85.333333v234.666667a85.333333 85.333333 0 0 1-85.333333 85.333333H640a85.333333 85.333333 0 0 1-85.333333-85.333333V149.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h234.666667zM384 128H149.333333a21.333333 21.333333 0 0 0-21.184 18.837333L128 149.333333v234.666667a21.333333 21.333333 0 0 0 18.837333 21.184L149.333333 405.333333h234.666667a21.333333 21.333333 0 0 0 21.184-18.837333L405.333333 384V149.333333a21.333333 21.333333 0 0 0-18.837333-21.184L384 128z m490.666667 0H640a21.333333 21.333333 0 0 0-21.184 18.837333L618.666667 149.333333v234.666667a21.333333 21.333333 0 0 0 18.837333 21.184L640 405.333333h234.666667a21.333333 21.333333 0 0 0 21.184-18.837333L896 384V149.333333a21.333333 21.333333 0 0 0-18.837333-21.184L874.666667 128z m-576 85.333333a21.333333 21.333333 0 0 1 21.333333 21.333334v64a21.333333 21.333333 0 0 1-21.333333 21.333333h-64a21.333333 21.333333 0 0 1-21.333334-21.333333v-64a21.333333 21.333333 0 0 1 21.333334-21.333334h64z m490.666666 0a21.333333 21.333333 0 0 1 21.333334 21.333334v64a21.333333 21.333333 0 0 1-21.333334 21.333333h-64a21.333333 21.333333 0 0 1-21.333333-21.333333v-64a21.333333 21.333333 0 0 1 21.333333-21.333334h64z"
-                  fill="#333333" p-id="2044"></path>
-              </svg>
-            </div>
-          </template>
-          <div v-show="loginType === 'scan'">
-            <div class="text-center m-20px">
-              <ElButton type="primary" size="large" class="len" @click="start">钉钉扫码登录</ElButton>
-            </div>
-            <div class="w-384px text-center text-[#f56c6c]">首次登录请联系系统管理员开通权限</div>
-          </div>
-          <div class="code" v-show="loginType === 'code'">
-            <ElForm ref="formRef" :model="form" :rules="rules" @keyup.enter="loginHandler">
-              <ElFormItem prop="username">
-                <ElInput v-model.trim="form.username" size="large" placeholder="请输入用户名" tabindex="1" auto-complete="on"
-                  clearable class="len" />
-              </ElFormItem>
-              <ElFormItem prop="password">
-                <ElInput v-model.trim="form.password" size="large" placeholder="请输入密码" tabindex="2" auto-complete="on"
-                  type="password" clearable show-password class="len" />
-              </ElFormItem>
-            </ElForm>
-            <ElButton type="primary" size="large" class="len" @click="loginHandler">登 录</ElButton>
-          </div>
-        </ElCard>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.login-main {
-  width: 100vw;
-  height: 100vh;
-  margin: 0;
-  padding: 0;
-  background-image: url('@/assets/img/login_background.jpg');
-  background-repeat: norepeat;
-  background-size: cover;
-  position: relative;
-  display: flex;
-  justify-content: space-evenly;
-  align-items: center;
-
-  .logo {
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-
-  .title {
-    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
-    font-size: 2.1rem;
-    text-align: center;
-  }
-
-  .form {
-    $iw: 1.5rem;
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    .icon {
-      width: $iw;
-      height: $iw;
-      position: absolute;
-      right: 0;
-      top: 0;
-      margin: 0.5rem;
-
-      &:hover {
-        cursor: pointer;
-      }
-
-    }
-
-
-    .code {
-      padding: 4rem 1rem;
-
-      .len {
-        width: 20rem;
-        margin-bottom: 0.3rem;
-      }
-    }
-
-    .img-btn {
-      width: 168px;
-      height: 28px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      #img-zx {
-        height: 5rem;
-        margin-top: 0.5rem;
-      }
-
-      #img-zc {
-        height: 2rem;
-      }
-    }
-  }
-}
-</style>

package/template-vue-admin/src/views/dashboard/[name].vue

@@ -1,28 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2022-10-26 09:55:45
- * @LastEditTime: 2023-05-18 15:50:31
- * @Description: 
--->
-<route lang="yaml">
-meta:
-  title: 欢迎页
-  auth: false
-</route>
-
-<script lang="ts" setup>
-import { generateNavData } from '@/modules/4-auth';
-
-const title = window.__YOUNG_VITE_ENV__.VITE_TITLE || '管理后台';
-
-// 每次进入直接拉取最近的菜单数据，同时登录过期时也可触发登录
-generateNavData(true);
-</script>
-
-<template>
-  <div>
-    <div class="text-4xl my-20 text-center font-bold">
-      欢迎使用{{ title }}
-    </div>
-  </div>
-</template>

package/template-vue-admin/src/views/index.vue

@@ -1,25 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2022-10-25 11:54:36
- * @LastEditTime: 2023-05-18 15:49:57
- * @Description: 
--->
-<route lang="yaml">
-meta:
-  title: 入口
-  auth: false
-</route>
-
-<script lang="ts" setup>
-const router = useRouter();
-onMounted(() => {
-  router.replace('/dashboard/index');
-});
-onUpdated(() => {
-  router.replace('/dashboard/index');
-});
-</script>
-
-<template>
-  <div></div>
-</template>

package/template-vue-admin/src/views/system/api.vue

@@ -1,160 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2022-10-27 14:24:32
- * @LastEditTime: 2023-01-09 11:51:07
- * @Description: 
--->
-<route lang="yaml">
-meta:
-  title: 接口管理
-</route>
-
-<script lang="ts" setup>
-import { useFormMode, YoungDialog, YoungTable, YoungPagination, YoungSelect } from '@bluesyoung/ui-vue3-element-plus';
-import type { TableDataItem, TableHeadItem, SelectOptionItem } from '@bluesyoung/ui-vue3-element-plus';
-import { deepClone } from '@bluesyoung/utils';
-import type { ApiItem, RoleItem } from '@/typings';
-import { MethodObj } from '@/typings';
-import { apis } from '@/modules/3-net';
-import { ElButton, ElTag } from 'element-plus';
-
-interface Form extends ApiItem { };
-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.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: 'id', 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>[]>([]);
-
-type Query = BaseQuery & Partial<Form>;
-const query = reactive<Query>({
-  pageNum: 1,
-  pageSize: 10,
-  total: 0,
-  path: '',
-});
-
-const roleList = ref<SelectOptionItem<number>[]>([]);
-
-const getList = async () => {
-  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);
-  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.path" 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-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="category" :rules="{ required: true, message: '请填写分组名称', trigger: 'blur' }">
-          <ElInput v-model="form.category" class="!w-300px" />
-        </ElFormItem>
-        <ElFormItem label="接口描述" prop="desc" :rules="{ required: true, message: '请填写接口描述', trigger: 'blur' }">
-          <ElInput v-model="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="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>

package/template-vue-admin/src/views/system/hooks/useRole.ts

@@ -1,286 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-10-27 09:25:09
- * @LastEditTime: 2023-01-09 14:20:07
- * @Description:
- */
-import type { RoleItem, ApiItem } from '@/typings';
-import type { TableDataItem, TableHeadItem } from '@bluesyoung/ui-vue3-element-plus';
-import { useFormMode } from '@bluesyoung/ui-vue3-element-plus';
-import { deepClone } from '@bluesyoung/utils';
-import { apis } from '@/modules/3-net';
-export const useRoleBase = () => {
-  const FORM_TEMP: RoleItem = {
-    id: 0,
-    name: '',
-    keyword: '',
-    desc: '',
-    status: 1,
-    sort: 0,
-  };
-  interface Query extends BaseQuery {
-    name: string;
-    keyword: string;
-    status: 0 | 1;
-  }
-  const query = reactive<Query>({
-    pageNum: 1,
-    pageSize: 50,
-    total: 0,
-    name: '',
-    keyword: '',
-    status: 1,
-  });
-
-  const { isAdd, isEdit, edit, del, sure, clear, form, formRef, validForm } = useFormMode(
-    FORM_TEMP,
-    {
-      addCbk: async () => {
-        const res = (await validForm()) as boolean;
-        if (res) {
-          const v = deepClone(form.value);
-          await apis.post.addRoleItem(v);
-          ElMessage.success('新增成功！');
-        }
-        return res;
-      },
-      modCbk: async () => {
-        const res = (await validForm()) as boolean;
-        if (res) {
-          const v = deepClone(form.value);
-          await apis.patch.changeRoleItem(v);
-          ElMessage.success('修改成功！');
-        }
-        return res;
-      },
-      delCbk: async (row) => {
-        await apis.delete.deleteRole(row.id.toString());
-        ElMessage.success('删除成功！');
-        query.pageNum = 1;
-      },
-      cgEffect: () => getList(),
-    },
-  );
-
-  /**
-   * @param status 0 | 1
-   */
-  const changeStatus = async (id: number, status: number) => {
-    await apis.patch.changeRoleItem({ id, status });
-    ElMessage.success('修改成功！');
-    getList();
-  };
-
-  const tableHead: TableHeadItem<RoleItem>[] = [
-    { label: '角色ID', prop: 'id' },
-    { label: '角色关键字', prop: 'keyword' },
-    { label: '角色名称', prop: 'name' },
-    { label: '角色描述', prop: 'desc' },
-    { label: '创建信息', prop: 'creator' },
-  ];
-  const tableData = ref<TableDataItem<RoleItem>[]>([]);
-  const getList = async () => {
-    const { list, pageNum, pageSize, total } = await apis.get.getRoleList(query);
-    tableData.value = deepClone(list || []);
-    query.pageNum = +pageNum || 1;
-    query.pageSize = +pageSize || 50;
-    query.total = +total || 0;
-  };
-
-  return {
-    query,
-    getList,
-    tableHead,
-    tableData,
-    baseFormRef: formRef,
-    changeStatus,
-    base: reactive({
-      form,
-      isAdd,
-      isEdit,
-      edit,
-      del,
-      sure,
-      clear,
-    }),
-  };
-};
-
-export const useRoleMenu = () => {
-  const showPriority = ref(false);
-  const currRole = ref(0);
-  const access = ref<number[]>([]);
-  const origin = ref<number[]>([]);
-
-  const tableHead = ref<TableHeadItem<NavArrItem>[]>([
-    { label: '菜单名称', prop: 'title' },
-    { label: '菜单id', prop: 'id' },
-    { label: '父节点', prop: 'parentId' },
-    { label: '页面路径', prop: 'component' },
-  ]);
-  const tableData = ref<TableDataItem<NavArrItem>[]>([]);
-
-  const checkMap = ref<Record<number, boolean>>({});
-
-  /**
-   * 生成节点映射
-   */
-  const nodeMap = new Map<number, NavArrItem>();
-  const generateNodeMap = (list: NavArrItem[]) => {
-    for (const node of list) {
-      nodeMap.set(node.id, node);
-      if (node.children && node.children?.length > 0) {
-        generateNodeMap(node.children);
-      }
-    }
-  };
-
-  /**
-   * 多级联动选择
-   */
-  const selectChange = (item: NavArrItem) => {
-    if (item.children && item.children?.length !== 0) {
-      item.children.forEach((v) => {
-        checkMap.value[v.id] = checkMap.value[item.id];
-        selectChange(v);
-      });
-    }
-    if (checkMap.value[item.id]) {
-      while (item.parentId) {
-        const tp = nodeMap.get(item.parentId);
-        if (tp) {
-          item = tp;
-          checkMap.value[item.id] = true;
-        } else {
-          break;
-        }
-      }
-    }
-  };
-
-  const edit = async (row: TableDataItem<RoleItem>) => {
-    currRole.value = row.id;
-    checkMap.value = {};
-    nodeMap.clear();
-
-    const { list, accessIds } = await apis.get.getRoleMenuTree(row.id);
-    generateNodeMap(list);
-    (Array.from(accessIds) as number[]).forEach((v) => {
-      checkMap.value[v] = true;
-    });
-
-    tableData.value = deepClone(list);
-    access.value = accessIds;
-    origin.value = accessIds;
-    showPriority.value = true;
-  };
-  const clear = () => {
-    showPriority.value = false;
-    currRole.value = 0;
-    tableData.value.length = 0;
-  };
-
-  const sure = async () => {
-    const before = origin.value.slice();
-    const now = Object.entries(checkMap.value)
-      .filter(([k, v]) => v)
-      .map(([k, v]) => +k);
-
-    const add = now.filter((v) => !before.includes(v));
-    const del = before.filter((v) => !now.includes(v));
-    await apis.patch.changeRoleMenu(currRole.value, add, del);
-    ElMessage.success('修改成功！');
-    clear();
-  };
-
-  return {
-    showPriority,
-    menu: reactive({
-      checkMap,
-      tableHead,
-      tableData,
-      edit,
-      clear,
-      sure,
-      selectChange,
-    }),
-  };
-};
-
-export const useRoleApi = () => {
-  const showApi = ref(false);
-  const currRole = ref(0);
-  const access = ref<number[]>([]);
-  const origin = ref<number[]>([]);
-
-  const tableHead = ref<TableHeadItem<ApiItem>[]>([
-    { prop: 'desc', label: '接口描述' },
-    { prop: 'id', label: '接口ID' },
-    { prop: 'method', label: '接口方法' },
-    { prop: 'path', label: '请求地址' },
-  ]);
-  const tableData = ref<TableDataItem<ApiItem>[]>([]);
-
-  const checkMap = ref<Record<number, boolean>>({});
-
-  const edit = async (row: TableDataItem<RoleItem>) => {
-    currRole.value = row.id;
-    checkMap.value = {};
-
-    const { list, accessIds } = await apis.get.getRoleApis(row.id);
-    (Array.from(accessIds) as number[]).forEach((v) => {
-      checkMap.value[v] = true;
-    });
-
-    tableData.value = deepClone(
-      Array.from(list)
-        .map((item: any) => item.children)
-        .flat(),
-    );
-
-    access.value = accessIds;
-    origin.value = accessIds;
-    showApi.value = true;
-
-    isAll.value = tableData.value.length === access.value.length;
-  };
-  const clear = () => {
-    showApi.value = false;
-    currRole.value = 0;
-    tableData.value.length = 0;
-  };
-
-  const sure = async () => {
-    const before = origin.value.slice();
-    const now = Object.entries(checkMap.value)
-      .filter(([k, v]) => v)
-      .map(([k, v]) => +k);
-
-    const add = now.filter((v) => !before.includes(v));
-    const del = before.filter((v) => !now.includes(v));
-    await apis.patch.changeRoleApi(currRole.value, add, del);
-    ElMessage.success('修改成功！');
-    clear();
-  };
-
-  const isAll = ref(false);
-  const changeAll = () => {
-    tableData.value.forEach((i) => {
-      checkMap.value[i.id] = isAll.value;
-    });
-  };
-
-  return {
-    showApi,
-    api: reactive({
-      checkMap,
-      tableHead,
-      tableData,
-      edit,
-      clear,
-      sure,
-      isAll,
-      changeAll,
-    }),
-  };
-};