@befly-addon/admin 1.0.9 → 1.0.11

package/util.ts

@@ -2,93 +2,11 @@
  * Admin 插件通用工具函数
  */
 
-import { Logger, Addon } from 'befly';
+import { Logger } from 'befly';
 import type { BeflyContext } from 'befly/types/befly';
 import { readdirSync, statSync, readFileSync } from 'node:fs';
 import path from 'node:path';
 
-/**
- * 递归扫描目录下的所有 .ts 文件
- * @param dir - 目录路径
- * @param fileList - 文件列表
- * @returns 文件路径数组
- */
-export function scanTsFiles(dir: string, fileList: string[] = []): string[] {
-    try {
-        const files = readdirSync(dir);
-
-        for (const file of files) {
-            const filePath = path.join(dir, file);
-            const stat = statSync(filePath);
-
-            if (stat.isDirectory()) {
-                // 递归扫描子目录
-                scanTsFiles(filePath, fileList);
-            } else if (file.endsWith('.ts') && !file.endsWith('.d.ts')) {
-                fileList.push(filePath);
-            }
-        }
-    } catch (error: any) {
-        Logger.warn(`扫描目录失败: ${dir}`, error.message);
-    }
-
-    return fileList;
-}
-
-/**
- * 检查数据表是否存在
- * @param helper - DbHelper 实例
- * @param tableName - 表名
- * @returns 是否存在
- */
-export async function checkTableExists(helper: any, tableName: string): Promise<boolean> {
-    Logger.info('=== 检查数据表 ===');
-    const exists = await helper.tableExists(tableName);
-
-    if (!exists) {
-        Logger.error(`❌ 表 ${tableName} 不存在，请先运行 befly syncDb 同步数据库`);
-        return false;
-    }
-
-    Logger.info(`✅ 表 ${tableName} 存在`);
-    return true;
-}
-
-/**
- * 删除数据库中不存在于配置的记录
- * @param helper - DbHelper 实例
- * @param tableName - 表名
- * @param configPaths - 配置中的路径集合
- * @param pathField - 路径字段名（默认为 'path'）
- * @returns 删除数量
- */
-export async function deleteObsoleteRecords(helper: any, tableName: string, configPaths: Set<string>, pathField: string = 'path'): Promise<number> {
-    Logger.info(`\n=== 删除配置中不存在的记录 ===`);
-
-    const allRecords = await helper.getAll({
-        table: tableName,
-        fields: ['id', pathField, 'name']
-    });
-
-    let deletedCount = 0;
-    for (const record of allRecords) {
-        if (record[pathField] && !configPaths.has(record[pathField])) {
-            await helper.delData({
-                table: tableName,
-                where: { id: record.id }
-            });
-            deletedCount++;
-            Logger.info(`  └ 删除记录: ${record.name} (ID: ${record.id}, ${pathField}: ${record[pathField]})`);
-        }
-    }
-
-    if (deletedCount === 0) {
-        Logger.info('  ✅ 无需删除的记录');
-    }
-
-    return deletedCount;
-}
-
 /**
  * 输出同步统计信息
  * @param stats - 统计对象
@@ -102,73 +20,6 @@ export function logSyncStats(stats: { created: number; updated: number }, delete
     Logger.info(`删除${resourceName}: ${deletedCount} 个`);
 }
 
-/**
- * 缓存角色权限到 Redis Set（增量更新）
- * @param befly - Befly 上下文
- * @param roleCode - 角色代码
- * @param apiIds - 接口 ID 数组（逗号分隔的字符串）
- */
-export async function cacheRolePermissions(befly: BeflyContext, roleCode: string, apiIds: string): Promise<void> {
-    try {
-        if (!apiIds) {
-            // 如果没有权限，删除缓存
-            await befly.redis.del(`role:apis:${roleCode}`);
-            Logger.debug(`已删除角色 ${roleCode} 的权限缓存（无权限）`);
-            return;
-        }
-
-        // 解析接口 ID 列表
-        const apiIdArray = apiIds
-            .split(',')
-            .map((id: string) => parseInt(id.trim()))
-            .filter((id: number) => !isNaN(id));
-
-        if (apiIdArray.length === 0) {
-            await befly.redis.del(`role:apis:${roleCode}`);
-            Logger.debug(`已删除角色 ${roleCode} 的权限缓存（ID 列表为空）`);
-            return;
-        }
-
-        // 查询所有接口
-        const allApis = await befly.db.getAll({
-            table: 'addon_admin_api',
-            fields: ['id', 'path', 'method']
-        });
-
-        // 根据 ID 过滤出接口路径
-        const roleApiPaths = allApis.filter((api: any) => apiIdArray.includes(api.id)).map((api: any) => `${api.method}${api.path}`);
-
-        if (roleApiPaths.length === 0) {
-            await befly.redis.del(`role:apis:${roleCode}`);
-            Logger.debug(`已删除角色 ${roleCode} 的权限缓存（无匹配接口）`);
-            return;
-        }
-
-        // 使用 Redis Set 缓存（先删除再添加，确保数据一致性）
-        const redisKey = `role:apis:${roleCode}`;
-        await befly.redis.del(redisKey);
-        const result = await befly.redis.sadd(redisKey, roleApiPaths);
-
-        Logger.debug(`已缓存角色 ${roleCode} 的权限: ${result} 个接口`);
-    } catch (error: any) {
-        Logger.warn(`缓存角色 ${roleCode} 权限失败:`, error?.message || '未知错误');
-    }
-}
-
-/**
- * 删除角色权限缓存
- * @param befly - Befly 上下文
- * @param roleCode - 角色代码
- */
-export async function deleteRolePermissions(befly: BeflyContext, roleCode: string): Promise<void> {
-    try {
-        await befly.redis.del(`role:apis:${roleCode}`);
-        Logger.debug(`已删除角色 ${roleCode} 的权限缓存`);
-    } catch (error: any) {
-        Logger.warn(`删除角色 ${roleCode} 权限缓存失败:`, error?.message || '未知错误');
-    }
-}
-
 /**
  * 获取插件列表
  * @returns 插件列表

package/views/403/index.vue

@@ -0,0 +1,68 @@
+<template>
+    <div class="error-page">
+        <div class="error-content">
+            <div class="error-code">403</div>
+            <h1 class="error-title">无权限访问</h1>
+            <p class="error-description">抱歉，您没有访问该页面的权限</p>
+            <div class="error-actions">
+                <tiny-button type="primary" @click="$Method.goHome">返回首页</tiny-button>
+                <tiny-button @click="$Method.goBack">返回上一页</tiny-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+
+const $Method = {
+    goHome() {
+        router.push('/');
+    },
+    goBack() {
+        router.back();
+    }
+};
+</script>
+
+<style scoped lang="scss">
+.error-page {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 100vh;
+    background: $bg-color-page;
+
+    .error-content {
+        text-align: center;
+
+        .error-code {
+            font-size: 120px;
+            font-weight: bold;
+            color: #ff6b6b;
+            margin-bottom: 20px;
+        }
+
+        .error-title {
+            font-size: 24px;
+            font-weight: 600;
+            color: $text-primary;
+            margin-bottom: 12px;
+        }
+
+        .error-description {
+            font-size: 14px;
+            color: $text-secondary;
+            margin-bottom: 30px;
+        }
+
+        .error-actions {
+            display: flex;
+            gap: 12px;
+            justify-content: center;
+        }
+    }
+}
+</style>

package/views/admin/components/edit.vue

@@ -0,0 +1,150 @@
+<template>
+    <tiny-dialog-box v-model:visible="$Data.visible" :title="$Prop.actionType === 'upd' ? '编辑管理员' : '添加管理员'" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="10vh" @close="$Method.onClose">
+        <tiny-form :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
+            <tiny-form-item label="用户名" prop="username">
+                <tiny-input v-model="$Data.formData.username" placeholder="请输入用户名" :disabled="$Prop.actionType === 'upd'" />
+            </tiny-form-item>
+            <tiny-form-item label="邮箱" prop="email">
+                <tiny-input v-model="$Data.formData.email" placeholder="请输入邮箱" />
+            </tiny-form-item>
+            <tiny-form-item v-if="$Prop.actionType === 'add'" label="密码" prop="password">
+                <tiny-input v-model="$Data.formData.password" type="password" placeholder="请输入密码，至少6位" />
+            </tiny-form-item>
+            <tiny-form-item label="姓名" prop="name">
+                <tiny-input v-model="$Data.formData.name" placeholder="请输入姓名" />
+            </tiny-form-item>
+            <tiny-form-item label="昵称" prop="nickname">
+                <tiny-input v-model="$Data.formData.nickname" placeholder="请输入昵称" />
+            </tiny-form-item>
+            <tiny-form-item label="手机号" prop="phone">
+                <tiny-input v-model="$Data.formData.phone" placeholder="请输入手机号" />
+            </tiny-form-item>
+            <tiny-form-item v-if="$Prop.actionType === 'upd'" label="状态" prop="state">
+                <tiny-radio-group v-model="$Data.formData.state">
+                    <tiny-radio :label="1">正常</tiny-radio>
+                    <tiny-radio :label="2">禁用</tiny-radio>
+                </tiny-radio-group>
+            </tiny-form-item>
+        </tiny-form>
+        <template #footer>
+            <tiny-button @click="$Method.onClose">取消</tiny-button>
+            <tiny-button type="primary" @click="$Method.onSubmit">确定</tiny-button>
+        </template>
+    </tiny-dialog-box>
+</template>
+
+<script setup>
+import { ref, shallowRef } from 'vue';
+import { Modal } from '@opentiny/vue';
+
+const $Prop = defineProps({
+    modelValue: {
+        type: Boolean,
+        default: false
+    },
+    actionType: {
+        type: String,
+        default: 'add'
+    },
+    rowData: {
+        type: Object,
+        default: {}
+    }
+});
+
+const $Emit = defineEmits(['update:modelValue', 'success']);
+
+// 表单引用
+const $From = $shallowRef({
+    form: null
+});
+
+const $Data = $ref({
+    visible: false,
+    formData: {
+        id: 0,
+        username: '',
+        email: '',
+        password: '',
+        name: '',
+        nickname: '',
+        phone: '',
+        state: 1
+    }
+});
+
+const $Data2 = $shallowRef({
+    formRules: {
+        username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
+        email: [
+            { required: true, message: '请输入邮箱', trigger: 'blur' },
+            { type: 'email', message: '邮箱格式不正确', trigger: 'blur' }
+        ],
+        password: [
+            { required: true, message: '请输入密码', trigger: 'blur' },
+            { min: 6, message: '密码至少6位', trigger: 'blur' }
+        ],
+        name: [{ min: 2, max: 50, message: '姓名长度在 2 到 50 个字符', trigger: 'blur' }],
+        nickname: [{ min: 2, max: 50, message: '昵称长度在 2 到 50 个字符', trigger: 'blur' }],
+        phone: [{ pattern: /^1[3-9]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }]
+    }
+});
+
+// 方法集合
+const $Method = {
+    async initData() {
+        $Method.onShow();
+        if ($Prop.actionType === 'upd' && $Prop.rowData.id) {
+            // 编辑模式：复制数据
+            $Data.formData.id = $Prop.rowData.id || 0;
+            $Data.formData.username = $Prop.rowData.username || '';
+            $Data.formData.email = $Prop.rowData.email || '';
+            $Data.formData.name = $Prop.rowData.name || '';
+            $Data.formData.nickname = $Prop.rowData.nickname || '';
+            $Data.formData.phone = $Prop.rowData.phone || '';
+            $Data.formData.state = $Prop.rowData.state ?? 1;
+        }
+    },
+
+    onShow() {
+        setTimeout(() => {
+            $Data.visible = $Prop.modelValue;
+        }, 100);
+    },
+
+    onClose() {
+        $Data.visible = false;
+        setTimeout(() => {
+            $Emit('up:modelValue', false);
+        }, 300);
+    },
+
+    async onSubmit() {
+        try {
+            const valid = await date$From.form.validate();
+            if (!valid) return;
+
+            const res = await $Http($Prop.actionType === 'upd' ? '/addon/admin/adminUpd' : '/addon/admin/adminIns', $Data.formData);
+
+            Modal.message({
+                message: $Prop.actionType === 'upd' ? '编辑成功' : '添加成功',
+                status: 'success'
+            });
+            $Emit('success');
+            $Method.onClose();
+        } catch (error) {
+            console.error('提交失败:', error);
+            Modal.message({
+                message: '提交失败',
+                status: 'error'
+            });
+        }
+    }
+};
+
+$Method.initData();
+</script>
+
+<style scoped lang="scss">
+// 可根据需要添加样式
+</style>

package/views/admin/components/role.vue

@@ -0,0 +1,138 @@
+<template>
+    <tiny-dialog-box v-model:visible="$Data.visible" title="分配角色" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="20vh" @close="$Method.onClose">
+        <div class="role-dialog">
+            <div class="user-info">
+                <tiny-tag type="info">{{ $Prop.rowData.username }}</tiny-tag>
+                <span class="user-email">{{ $Prop.rowData.email }}</span>
+            </div>
+            <tiny-divider />
+            <tiny-select v-model="$Data.checkedRoleCode" :options="$Data.roleOptions" placeholder="请选择角色" />
+        </div>
+        <template #footer>
+            <tiny-button @click="$Method.onClose">取消</tiny-button>
+            <tiny-button type="primary" @click="$Method.onSubmit">确定</tiny-button>
+        </template>
+    </tiny-dialog-box>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { Modal } from '@opentiny/vue';
+
+const $Prop = defineProps({
+    modelValue: {
+        type: Boolean,
+        default: false
+    },
+    rowData: {
+        type: Object,
+        default: {}
+    }
+});
+
+const $Emit = defineEmits(['update:modelValue', 'success']);
+
+const $Data = $ref({
+    visible: false,
+    roleOptions: [],
+    checkedRoleCode: ''
+});
+
+// 方法集合
+const $Method = {
+    async initData() {
+        $Method.onShow();
+        await Promise.all([$Method.apiRoleList(), $Method.apiAdminRoleDetail()]);
+    },
+
+    onShow() {
+        setTimeout(() => {
+            $Data.visible = $Prop.modelValue;
+        }, 100);
+    },
+
+    onClose() {
+        $Data.visible = false;
+        setTimeout(() => {
+            $Emit('update:modelValue', false);
+        }, 300);
+    },
+
+    // 加载角色列表
+    async apiRoleList() {
+        try {
+            const res = await $Http('/addon/admin/role/list', {
+                page: 1,
+                limit: 1000
+            });
+            const roleList = res.data.lists || [];
+            $Data.roleOptions = roleList
+                .filter((role) => role.state === 1)
+                .map((role) => ({
+                    label: role.name,
+                    value: role.code
+                }));
+        } catch (error) {
+            console.error('加载角色列表失败:', error);
+            Modal.message({ message: '加载角色列表失败', status: 'error' });
+        }
+    },
+
+    // 加载管理员角色
+    async apiAdminRoleDetail() {
+        if (!$Prop.rowData.id) return;
+
+        try {
+            const res = await $Http('/addon/admin/roleDetail', {
+                adminId: $Prop.rowData.id
+            });
+            $Data.checkedRoleCode = res.data.roleCode || '';
+        } catch (error) {
+            console.error('加载用户角色失败:', error);
+        }
+    },
+
+    // 提交角色分配
+    async onSubmit() {
+        if (!$Data.checkedRoleCode) {
+            Modal.message({ message: '请选择角色', status: 'warning' });
+            return;
+        }
+
+        try {
+            const res = await $Http('/addon/admin/roleSave', {
+                adminId: $Prop.rowData.id,
+                roleCode: $Data.checkedRoleCode
+            });
+
+            if (res.code === 0) {
+                Modal.message({ message: '角色分配成功', status: 'success' });
+                $Method.onClose();
+                $Emit('success');
+            } else {
+                Modal.message({ message: res.msg || '分配失败', status: 'error' });
+            }
+        } catch (error) {
+            console.error('分配失败:', error);
+            Modal.message({ message: '分配失败', status: 'error' });
+        }
+    }
+};
+
+$Method.initData();
+</script>
+
+<style scoped lang="scss">
+.role-dialog {
+    .user-info {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        margin-bottom: 16px;
+
+        .user-email {
+            color: $text-secondary;
+        }
+    }
+}
+</style>