@befly-addon/admin 1.1.30 → 1.1.31

package/views/permission/role/components/edit.vue

@@ -41,9 +41,9 @@ import {
     Radio as TRadio,
     Button as TButton,
     MessagePlugin
-} from 'tdesign-vue-next';
-import { fieldClear } from 'befly-shared/fieldClear';
-import { $Http } from '@/plugins/http';
+} from "tdesign-vue-next";
+import { fieldClear } from "befly-vite/utils/fieldClear";
+import { $Http } from "@/plugins/http";
 
 const $Prop = defineProps({
     modelValue: {
@@ -52,7 +52,7 @@ const $Prop = defineProps({
     },
     actionType: {
         type: String,
-        default: 'add'
+        default: "add"
     },
     rowData: {
         type: Object,
@@ -60,7 +60,7 @@ const $Prop = defineProps({
     }
 });
 
-const $Emit = defineEmits(['update:modelValue', 'success']);
+const $Emit = defineEmits(["update:modelValue", "success"]);
 
 // 表单引用
 const $From = $shallowRef({
@@ -74,9 +74,9 @@ const $Data = $ref({
     submitting: false,
     formData: {
         id: 0,
-        name: '',
-        code: '',
-        description: '',
+        name: "",
+        code: "",
+        description: "",
         sort: 0,
         state: 1
     }
@@ -84,19 +84,19 @@ const $Data = $ref({
 
 const $Data2 = $shallowRef({
     formRules: {
-        name: [{ required: true, message: '请输入角色名称', trigger: 'blur' }],
+        name: [{ required: true, message: "请输入角色名称", trigger: "blur" }],
         code: [
-            { required: true, message: '请输入角色代码', trigger: 'blur' },
-            { pattern: /^[a-zA-Z0-9_]+$/, message: '角色代码只能包含字母、数字和下划线', trigger: 'blur' }
+            { required: true, message: "请输入角色代码", trigger: "blur" },
+            { pattern: /^[a-zA-Z0-9_]+$/, message: "角色代码只能包含字母、数字和下划线", trigger: "blur" }
         ],
-        sort: [{ type: 'number', message: '排序必须是数字', trigger: 'blur' }]
+        sort: [{ type: "number", message: "排序必须是数字", trigger: "blur" }]
     }
 });
 
 // 方法集合
 const $Method = {
     async initData() {
-        if ($Prop.actionType === 'upd' && $Prop.rowData.id) {
+        if ($Prop.actionType === "upd" && $Prop.rowData.id) {
             $Data.formData = Object.assign({}, $Prop.rowData);
         }
         $Method.onShow();
@@ -110,7 +110,7 @@ const $Method = {
     onClose() {
         $Data.visible = false;
         setTimeout(() => {
-            $Emit('update:modelValue', false);
+            $Emit("update:modelValue", false);
         }, 300);
     },
     async onSubmit() {
@@ -119,14 +119,14 @@ const $Method = {
             if (!valid) return;
 
             $Data.submitting = true;
-            const formData = $Prop.actionType === 'add' ? fieldClear($Data.formData, { omitKeys: ['id', 'state'] }) : $Data.formData;
-            const res = await $Http($Prop.actionType === 'upd' ? '/addon/admin/role/upd' : '/addon/admin/role/ins', formData);
+            const formData = $Prop.actionType === "add" ? fieldClear($Data.formData, { omitKeys: ["id", "state"] }) : $Data.formData;
+            const res = await $Http($Prop.actionType === "upd" ? "/addon/admin/role/upd" : "/addon/admin/role/ins", formData);
 
             MessagePlugin.success(res.msg);
-            $Emit('success');
+            $Emit("success");
             $Method.onClose();
         } catch (error) {
-            MessagePlugin.error(error.msg || '提交失败');
+            MessagePlugin.error(error.msg || "提交失败");
         } finally {
             $Data.submitting = false;
         }

package/views/permission/role/components/menu.vue

@@ -11,9 +11,9 @@
 </template>
 
 <script setup>
-import { Dialog as TDialog, Tree as TTree, Button as TButton, MessagePlugin } from 'tdesign-vue-next';
-import { arrayToTree } from '@/utils';
-import { $Http } from '@/plugins/http';
+import { Dialog as TDialog, Tree as TTree, Button as TButton, MessagePlugin } from "tdesign-vue-next";
+import { arrayToTree } from "befly-vite/utils/arrayToTree";
+import { $Http } from "@/plugins/http";
 
 const $Prop = defineProps({
     modelValue: {
@@ -26,7 +26,7 @@ const $Prop = defineProps({
     }
 });
 
-const $Emit = defineEmits(['update:modelValue', 'success']);
+const $Emit = defineEmits(["update:modelValue", "success"]);
 
 const $Data = $ref({
     visible: false,
@@ -51,20 +51,19 @@ const $Method = {
     onClose() {
         $Data.visible = false;
         setTimeout(() => {
-            $Emit('update:modelValue', false);
+            $Emit("update:modelValue", false);
         }, 300);
     },
 
     // 加载菜单树（用于配置权限）
     async apiMenuAll() {
         try {
-            const res = await $Http('/addon/admin/menu/all');
+            const res = await $Http("/addon/admin/menu/all");
             // menuAll 返回的 data 直接就是菜单数组
             const menuList = Array.isArray(res.data) ? res.data : [];
             $Data.menuTreeData = arrayToTree(menuList);
         } catch (error) {
-            console.error('加载菜单失败:', error);
-            MessagePlugin.error('加载菜单失败');
+            MessagePlugin.error("加载菜单失败");
         }
     },
 
@@ -73,14 +72,14 @@ const $Method = {
         if (!$Prop.rowData.id) return;
 
         try {
-            const res = await $Http('/addon/admin/role/menus', {
+            const res = await $Http("/addon/admin/role/menus", {
                 roleCode: $Prop.rowData.code
             });
 
             // menus 返回的 data 直接就是菜单 ID 数组
             $Data.menuTreeCheckedKeys = Array.isArray(res.data) ? res.data : [];
         } catch (error) {
-            console.error('加载角色菜单失败:', error);
+            MessagePlugin.error("加载数据失败");
         }
     },
 
@@ -89,21 +88,20 @@ const $Method = {
         try {
             $Data.submitting = true;
 
-            const res = await $Http('/addon/admin/role/menuSave', {
+            const res = await $Http("/addon/admin/role/menuSave", {
                 roleCode: $Prop.rowData.code,
                 menuIds: $Data.menuTreeCheckedKeys
             });
 
             if (res.code === 0) {
-                MessagePlugin.success('保存成功');
+                MessagePlugin.success("保存成功");
                 $Data.visible = false;
-                $Emit('success');
+                $Emit("success");
             } else {
-                MessagePlugin.error(res.msg || '保存失败');
+                MessagePlugin.error(res.msg || "保存失败");
             }
         } catch (error) {
-            console.error('保存失败:', error);
-            MessagePlugin.error('保存失败');
+            MessagePlugin.error("保存失败");
         } finally {
             $Data.submitting = false;
         }

package/views/permission/role/index.vue

@@ -18,7 +18,16 @@
         </div>
         <div class="main-content">
             <div class="main-table">
-                <TTable :data="$Data.tableData" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" row-key="id" height="calc(100vh - var(--search-height) - var(--pagination-height) - var(--layout-gap) * 4)" active-row-type="single" @active-change="$Method.onActiveChange">
+                <TTable
+                    :data="$Data.tableData"
+                    :columns="$Data.columns"
+                    :loading="$Data.loading"
+                    :active-row-keys="$Data.activeRowKeys"
+                    row-key="id"
+                    height="calc(100vh - var(--search-height) - var(--pagination-height) - var(--layout-gap) * 4)"
+                    active-row-type="single"
+                    @active-change="$Method.onActiveChange"
+                >
                     <template #state="{ row }">
                         <TTag v-if="row.state === 1" shape="round" theme="success" variant="light-outline">正常</TTag>
                         <TTag v-else-if="row.state === 2" shape="round" theme="warning" variant="light-outline">禁用</TTag>
@@ -74,20 +83,27 @@
 </template>
 
 <script setup>
-import { Button as TButton, Table as TTable, Tag as TTag, Dropdown as TDropdown, DropdownMenu as TDropdownMenu, DropdownItem as TDropdownItem, Pagination as TPagination, MessagePlugin, DialogPlugin } from 'tdesign-vue-next';
-import ILucidePlus from '~icons/lucide/plus';
-import ILucideRotateCw from '~icons/lucide/rotate-cw';
-import ILucidePencil from '~icons/lucide/pencil';
-import ILucideSettings from '~icons/lucide/settings';
-import ILucideCode from '~icons/lucide/code';
-import ILucideTrash2 from '~icons/lucide/trash-2';
-import ILucideChevronDown from '~icons/lucide/chevron-down';
-import EditDialog from './components/edit.vue';
-import MenuDialog from './components/menu.vue';
-import ApiDialog from './components/api.vue';
-import DetailPanel from '@/components/DetailPanel.vue';
-import { $Http } from '@/plugins/http';
-import { withDefaultColumns } from 'befly-shared/withDefaultColumns';
+import { Button as TButton, Table as TTable, Tag as TTag, Dropdown as TDropdown, DropdownMenu as TDropdownMenu, DropdownItem as TDropdownItem, Pagination as TPagination, MessagePlugin, DialogPlugin } from "tdesign-vue-next";
+import ILucidePlus from "~icons/lucide/plus";
+import ILucideRotateCw from "~icons/lucide/rotate-cw";
+import ILucidePencil from "~icons/lucide/pencil";
+import ILucideSettings from "~icons/lucide/settings";
+import ILucideCode from "~icons/lucide/code";
+import ILucideTrash2 from "~icons/lucide/trash-2";
+import ILucideChevronDown from "~icons/lucide/chevron-down";
+import EditDialog from "./components/edit.vue";
+import MenuDialog from "./components/menu.vue";
+import ApiDialog from "./components/api.vue";
+import DetailPanel from "@/components/DetailPanel.vue";
+import { $Http } from "@/plugins/http";
+import { withDefaultColumns } from "befly-vite/utils/withDefaultColumns";
+
+definePage({
+    meta: {
+        title: "角色管理",
+        order: 1
+    }
+});
 
 // 响应式数据
 const $Data = $ref({
@@ -96,25 +112,25 @@ const $Data = $ref({
     activeRowKeys: [],
     currentRow: null,
     columns: withDefaultColumns([
-        { colKey: 'id', title: 'ID' },
-        { colKey: 'name', title: '角色名称' },
-        { colKey: 'code', title: '角色代码' },
-        { colKey: 'description', title: '描述' },
-        { colKey: 'sort', title: '排序' },
-        { colKey: 'state', title: '状态' },
-        { colKey: 'operation', title: '操作' }
+        { colKey: "id", title: "ID" },
+        { colKey: "name", title: "角色名称" },
+        { colKey: "code", title: "角色代码" },
+        { colKey: "description", title: "描述" },
+        { colKey: "sort", title: "排序" },
+        { colKey: "state", title: "状态" },
+        { colKey: "operation", title: "操作" }
     ]),
     pagerConfig: {
         currentPage: 1,
         limit: 30,
         total: 0,
-        align: 'right',
-        layout: 'total, prev, pager, next, jumper'
+        align: "right",
+        layout: "total, prev, pager, next, jumper"
     },
     editVisible: false,
     menuVisible: false,
     apiVisible: false,
-    actionType: 'add',
+    actionType: "add",
     rowData: {}
 });
 
@@ -127,7 +143,7 @@ const $Method = {
     async apiRoleList() {
         $Data.loading = true;
         try {
-            const res = await $Http('/addon/admin/role/list', {
+            const res = await $Http("/addon/admin/role/list", {
                 page: $Data.pagerConfig.currentPage,
                 limit: $Data.pagerConfig.limit
             });
@@ -143,8 +159,7 @@ const $Method = {
                 $Data.activeRowKeys = [];
             }
         } catch (error) {
-            console.error('加载角色列表失败:', error);
-            MessagePlugin.error('加载数据失败');
+            MessagePlugin.error("加载数据失败");
         } finally {
             $Data.loading = false;
         }
@@ -152,22 +167,43 @@ const $Method = {
 
     // 删除角色
     async apiRoleDel(row) {
-        DialogPlugin.confirm({
-            header: '确认删除',
-            body: `确定要删除角色“${row.name}” 吗？`,
-            status: 'warning'
-        }).then(async () => {
-            try {
-                const res = await $Http('/addon/admin/role/del', { id: row.id });
-                if (res.code === 0) {
-                    MessagePlugin.success('删除成功');
-                    $Method.apiRoleList();
-                } else {
-                    MessagePlugin.error(res.msg || '删除失败');
+        let dialog = null;
+        let destroyed = false;
+
+        const destroy = () => {
+            if (destroyed) return;
+            destroyed = true;
+            if (dialog && typeof dialog.destroy === "function") {
+                dialog.destroy();
+            }
+        };
+
+        dialog = DialogPlugin.confirm({
+            header: "确认删除",
+            body: `确认删除角色“${row.name}”吗？`,
+            status: "warning",
+            confirmBtn: "删除",
+            cancelBtn: "取消",
+            onConfirm: async () => {
+                if (dialog && typeof dialog.setConfirmLoading === "function") {
+                    dialog.setConfirmLoading(true);
+                }
+
+                try {
+                    await $Http("/addon/admin/role/del", { id: row.id });
+                    MessagePlugin.success("删除成功");
+                    destroy();
+                    await $Method.apiRoleList();
+                } catch (error) {
+                    MessagePlugin.error("删除失败");
+                } finally {
+                    if (dialog && typeof dialog.setConfirmLoading === "function") {
+                        dialog.setConfirmLoading(false);
+                    }
                 }
-            } catch (error) {
-                console.error('删除失败:', error);
-                MessagePlugin.error('删除失败');
+            },
+            onClose: () => {
+                destroy();
             }
         });
     },
@@ -207,13 +243,13 @@ const $Method = {
     onAction(command, rowData) {
         $Data.actionType = command;
         $Data.rowData = rowData;
-        if (command === 'add' || command === 'upd') {
+        if (command === "add" || command === "upd") {
             $Data.editVisible = true;
-        } else if (command === 'menu') {
+        } else if (command === "menu") {
             $Data.menuVisible = true;
-        } else if (command === 'api') {
+        } else if (command === "api") {
             $Data.apiVisible = true;
-        } else if (command === 'del') {
+        } else if (command === "del") {
             $Method.apiRoleDel(rowData);
         }
     }
@@ -223,6 +259,5 @@ $Method.initData();
 </script>
 
 <style scoped lang="scss">
-.page-role {
-}
+/* page styles */
 </style>

package/views/403_1/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "403",
-    "order": 101
-}

package/views/config/dict/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "字典列表",
-    "order": 1
-}

package/views/config/dictType/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "字典类型",
-    "order": 0
-}

package/views/config/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "配置管理",
-    "order": 30
-}

package/views/config/system/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "系统配置",
-    "order": 2
-}

package/views/index/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "首页",
-    "order": 0
-}

package/views/log/email/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "邮件日志",
-    "order": 2
-}

package/views/log/login/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "登录日志",
-    "order": 1
-}

package/views/log/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "日志管理",
-    "order": 40
-}

package/views/log/operate/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "操作日志",
-    "order": 3
-}

package/views/login_1/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "登录页",
-    "order": 100
-}

package/views/people/admin/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "管理员",
-    "order": 1
-}

package/views/people/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "人员管理",
-    "order": 10
-}

package/views/permission/api/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "接口列表",
-    "order": 3
-}

package/views/permission/menu/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "菜单列表",
-    "order": 2
-}

package/views/permission/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "权限设置",
-    "order": 20
-}

package/views/permission/role/meta.json

@@ -1,4 +0,0 @@
-{
-    "name": "角色管理",
-    "order": 1
-}