@befly-addon/admin 1.1.35 → 1.2.0

package/views/people/admin/components/edit.vue

@@ -1,168 +0,0 @@
-<template>
-    <TDialog v-model:visible="$Data.visible" :header="$Prop.actionType === 'upd' ? '编辑管理员' : '添加管理员'" width="600px" :append-to-body="true" :show-footer="true" :esc-closable="false" top="10vh" @close="$Method.onClose">
-        <div class="dialog-wrapper">
-            <TForm :model="$Data.formData" label-width="80px" label-position="left" label-align="left" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)">
-                <TFormItem label="角色" prop="roleCode">
-                    <TSelect v-model="$Data.formData.roleCode" :options="$Data.allRoleLists" :keys="$Data.keys" placeholder="请选择角色" />
-                </TFormItem>
-                <TFormItem label="用户名" prop="username">
-                    <TInput v-model="$Data.formData.username" placeholder="请输入用户名" :disabled="$Prop.actionType === 'upd'" />
-                </TFormItem>
-                <TFormItem v-if="$Prop.actionType === 'add'" label="密码" prop="password">
-                    <TInput v-model="$Data.formData.password" type="password" placeholder="请输入密码，至少6位" />
-                </TFormItem>
-                <TFormItem label="昵称" prop="nickname">
-                    <TInput v-model="$Data.formData.nickname" placeholder="请输入昵称" />
-                </TFormItem>
-                <TFormItem v-if="$Prop.actionType === 'upd'" label="状态" prop="state">
-                    <TRadioGroup v-model="$Data.formData.state">
-                        <TRadio :label="1">正常</TRadio>
-                        <TRadio :label="2">禁用</TRadio>
-                    </TRadioGroup>
-                </TFormItem>
-            </TForm>
-        </div>
-        <template #footer>
-            <div class="dialog-footer">
-                <t-space>
-                    <TButton theme="default" @click="$Method.onClose">取消</TButton>
-                    <TButton theme="primary" :loading="$Data.submitting" @click="$Method.onSubmit">确定</TButton>
-                </t-space>
-            </div>
-        </template>
-    </TDialog>
-</template>
-
-<script setup>
-import {
-    //
-    Dialog as TDialog,
-    Form as TForm,
-    FormItem as TFormItem,
-    Input as TInput,
-    Select as TSelect,
-    RadioGroup as TRadioGroup,
-    Radio as TRadio,
-    Button as TButton,
-    MessagePlugin
-} from "tdesign-vue-next";
-import { $Http } from "@/plugins/http";
-import { fieldClear } from "befly-vite/utils/fieldClear";
-import { hashPassword } from "befly-vite/utils/hashPassword";
-
-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,
-    submitting: false,
-    allRoleLists: [],
-    keys: {
-        label: "name",
-        value: "code"
-    },
-    formData: {
-        id: null,
-        username: "",
-        password: "",
-        nickname: "",
-        roleCode: null,
-        state: 1
-    }
-});
-
-const $Data2 = $shallowRef({
-    formRules: {
-        username: [{ required: true, message: "请输入用户名", trigger: "blur" }],
-        password: [
-            { required: true, message: "请输入密码", trigger: "blur" },
-            { min: 6, message: "密码至少6位", trigger: "blur" }
-        ],
-        roleCode: [{ required: true, message: "请选择角色", trigger: "change" }],
-        nickname: [{ min: 2, max: 50, message: "昵称长度在 2 到 50 个字符", trigger: "blur" }]
-    }
-});
-
-// 方法集合
-const $Method = {
-    async initData() {
-        $Method.onShow();
-        await $Method.apiRoleLists();
-        if ($Prop.actionType === "upd" && $Prop.rowData.id) {
-            $Data.formData = { ...$Prop.rowData };
-        }
-    },
-
-    onShow() {
-        setTimeout(() => {
-            $Data.visible = $Prop.modelValue;
-        }, 100);
-    },
-
-    onClose() {
-        $Data.visible = false;
-        setTimeout(() => {
-            $Emit("update:modelValue", false);
-        }, 300);
-    },
-
-    async apiRoleLists() {
-        try {
-            const result = await $Http("/addon/admin/role/all");
-            $Data.allRoleLists = result.data || [];
-        } catch (error) {
-            MessagePlugin.error("加载角色列表失败");
-        }
-    },
-
-    async onSubmit() {
-        try {
-            const valid = await $From.form.validate();
-            if (!valid) return;
-
-            $Data.submitting = true;
-            const formData = $Prop.actionType === "add" ? fieldClear($Data.formData, { omitKeys: ["id", "state"] }) : fieldClear($Data.formData, { omitKeys: ["password"] });
-
-            // 添加管理员时，对密码进行 SHA-256 加密
-            if ($Prop.actionType === "add" && formData.password) {
-                formData.password = await hashPassword(formData.password);
-            }
-
-            const result = await $Http($Prop.actionType === "upd" ? "/addon/admin/admin/upd" : "/addon/admin/admin/ins", formData);
-
-            MessagePlugin.success(result.msg);
-            $Emit("success");
-            $Method.onClose();
-        } catch (error) {
-            MessagePlugin.error(error.msg || "提交失败");
-        } finally {
-            $Data.submitting = false;
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-// 可根据需要添加样式
-</style>

package/views/people/admin/index.vue

@@ -1,240 +0,0 @@
-<template>
-    <div class="page-admin page-table">
-        <div class="main-tool">
-            <div class="left">
-                <TButton theme="primary" @click="$Method.onAction('add', {})">
-                    <template #icon>
-                        <ILucidePlus />
-                    </template>
-                </TButton>
-            </div>
-            <div class="right">
-                <TButton shape="circle" @click="$Method.handleRefresh">
-                    <template #icon>
-                        <ILucideRotateCw />
-                    </template>
-                </TButton>
-            </div>
-        </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"
-                >
-                    <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>
-                        <TTag v-else-if="row.state === 0" shape="round" theme="danger" variant="light-outline">删除</TTag>
-                    </template>
-                    <template #operation="{ row }">
-                        <TDropdown trigger="click" placement="bottom-right" @click="(data) => $Method.onAction(data.value, row)">
-                            <TButton theme="primary" size="small">
-                                操作
-                                <template #suffix> <ILucideChevronDown /></template>
-                            </TButton>
-                            <TDropdownMenu slot="dropdown">
-                                <TDropdownItem value="upd">
-                                    <ILucidePencil />
-                                    编辑
-                                </TDropdownItem>
-                                <TDropdownItem value="del" :divider="true">
-                                    <ILucideTrash2 />
-                                    删除
-                                </TDropdownItem>
-                            </TDropdownMenu>
-                        </TDropdown>
-                    </template>
-                </TTable>
-            </div>
-
-            <div class="main-detail">
-                <DetailPanel :data="$Data.currentRow" :fields="$Data.columns" />
-            </div>
-        </div>
-
-        <div class="main-page">
-            <TPagination :current-page="$Data.pagerConfig.currentPage" :page-size="$Data.pagerConfig.limit" :total="$Data.pagerConfig.total" @current-change="$Method.onPageChange" @page-size-change="$Method.handleSizeChange" />
-        </div>
-
-        <!-- 编辑对话框组件 -->
-        <EditDialog v-if="$Data.editVisible" v-model="$Data.editVisible" :action-type="$Data.actionType" :row-data="$Data.rowData" @success="$Method.apiAdminList" />
-    </div>
-</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 ILucideTrash2 from "~icons/lucide/trash-2";
-import ILucideChevronDown from "~icons/lucide/chevron-down";
-import EditDialog from "./components/edit.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({
-    tableData: [],
-    loading: false,
-    columns: withDefaultColumns([
-        { colKey: "username", title: "用户名", fixed: "left" },
-        { colKey: "id", title: "序号" },
-        { colKey: "nickname", title: "昵称" },
-        { colKey: "roleCode", title: "角色" },
-        { colKey: "state", title: "状态" },
-        { colKey: "operation", title: "操作" }
-    ]),
-    pagerConfig: {
-        currentPage: 1,
-        limit: 30,
-        total: 0,
-        align: "right",
-        layout: "total, prev, pager, next, jumper"
-    },
-    editVisible: false,
-    actionType: "add",
-    rowData: {},
-    currentRow: null,
-    activeRowKeys: []
-});
-
-// 方法
-const $Method = {
-    async initData() {
-        await $Method.apiAdminList();
-    },
-
-    // 加载管理员列表
-    async apiAdminList() {
-        $Data.loading = true;
-        try {
-            const res = await $Http("/addon/admin/admin/list", {
-                page: $Data.pagerConfig.currentPage,
-                limit: $Data.pagerConfig.limit
-            });
-            $Data.tableData = res.data.lists || [];
-            $Data.pagerConfig.total = res.data.total || 0;
-
-            // 自动高亮第一行
-            if ($Data.tableData.length > 0) {
-                $Data.currentRow = $Data.tableData[0];
-                $Data.activeRowKeys = [$Data.tableData[0].id];
-            } else {
-                $Data.currentRow = null;
-                $Data.activeRowKeys = [];
-            }
-        } catch (error) {
-            MessagePlugin.error("加载数据失败");
-        } finally {
-            $Data.loading = false;
-        }
-    },
-
-    // 删除管理员
-    async apiAdminDel(row) {
-        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.username}”吗？`,
-            status: "warning",
-            confirmBtn: "删除",
-            cancelBtn: "取消",
-            onConfirm: async () => {
-                if (dialog && typeof dialog.setConfirmLoading === "function") {
-                    dialog.setConfirmLoading(true);
-                }
-
-                try {
-                    await $Http("/addon/admin/admin/del", { id: row.id });
-                    MessagePlugin.success("删除成功");
-                    destroy();
-                    await $Method.apiAdminList();
-                } catch (error) {
-                    MessagePlugin.error("删除失败");
-                } finally {
-                    if (dialog && typeof dialog.setConfirmLoading === "function") {
-                        dialog.setConfirmLoading(false);
-                    }
-                }
-            },
-            onClose: () => {
-                destroy();
-            }
-        });
-    },
-
-    // 刷新
-    handleRefresh() {
-        $Method.apiAdminList();
-    },
-
-    // 分页改变
-    onPageChange({ currentPage }) {
-        $Data.pagerConfig.currentPage = currentPage;
-        $Method.apiAdminList();
-    },
-
-    // 每页条数改变
-    handleSizeChange({ pageSize }) {
-        $Data.pagerConfig.limit = pageSize;
-        $Data.pagerConfig.currentPage = 1;
-        $Method.apiAdminList();
-    },
-
-    // 高亮行变化
-    onActiveChange(value, context) {
-        // 禁止取消高亮：如果新值为空，保持当前选中
-        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
-            return;
-        }
-        $Data.activeRowKeys = value;
-        // 更新当前高亮的行数据
-        if (context.activeRowList && context.activeRowList.length > 0) {
-            $Data.currentRow = context.activeRowList[0].row;
-        }
-    },
-
-    // 操作菜单点击
-    onAction(command, rowData) {
-        $Data.actionType = command;
-        $Data.rowData = rowData;
-        if (command === "add" || command === "upd") {
-            $Data.editVisible = true;
-        } else if (command === "del") {
-            $Method.apiAdminDel(rowData);
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-// 样式继承自全局 page-table
-</style>

package/views/people/index.vue

@@ -1,12 +0,0 @@
-<template>
-    <RouterView />
-</template>
-
-<script setup>
-definePage({
-    meta: {
-        title: "人员管理",
-        order: 10
-    }
-});
-</script>

package/views/permission/api/index.vue

@@ -1,149 +0,0 @@
-<template>
-    <div class="page-api page-table">
-        <div class="main-tool">
-            <div class="left">
-                <TInput v-model="$Data.searchKeyword" placeholder="搜索接口名称或路径" clearable style="width: 300px" @enter="$Method.handleSearch" @clear="$Method.handleSearch">
-                    <template #suffix-icon>
-                        <ILucideSearch />
-                    </template>
-                </TInput>
-                <span style="margin-left: 16px; color: var(--text-secondary); font-size: 13px">共 {{ $Data.allData.length }} 个接口</span>
-            </div>
-            <div class="right">
-                <TButton shape="circle" @click="$Method.handleRefresh">
-                    <template #icon>
-                        <ILucideRotateCw />
-                    </template>
-                </TButton>
-            </div>
-        </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(--layout-gap) * 2)" active-row-type="single" @active-change="$Method.onActiveChange">
-                    <template #method="{ row }">
-                        <TTag v-if="row.method === 'GET'" shape="round" theme="success" variant="light-outline">GET</TTag>
-                        <TTag v-else-if="row.method === 'POST'" shape="round" theme="primary" variant="light-outline">POST</TTag>
-                        <TTag v-else-if="row.method === 'PUT'" shape="round" theme="warning" variant="light-outline">PUT</TTag>
-                        <TTag v-else-if="row.method === 'DELETE'" shape="round" theme="danger" variant="light-outline">DELETE</TTag>
-                        <TTag v-else shape="round" variant="light-outline">{{ row.method }}</TTag>
-                    </template>
-                    <template #addonName="{ row }">
-                        <TTag v-if="row.addonName" shape="round" variant="light-outline">{{ row.addonTitle || row.addonName }}</TTag>
-                        <span v-else>项目</span>
-                    </template>
-                </TTable>
-            </div>
-
-            <div class="main-detail">
-                <DetailPanel :data="$Data.currentRow" :fields="$Data.columns">
-                    <template #method="{ value }">
-                        <TTag v-if="value === 'GET'" shape="round" theme="success" variant="light-outline">GET</TTag>
-                        <TTag v-else-if="value === 'POST'" shape="round" theme="primary" variant="light-outline">POST</TTag>
-                        <TTag v-else-if="value === 'PUT'" shape="round" theme="warning" variant="light-outline">PUT</TTag>
-                        <TTag v-else-if="value === 'DELETE'" shape="round" theme="danger" variant="light-outline">DELETE</TTag>
-                        <TTag v-else shape="round" variant="light-outline">{{ value }}</TTag>
-                    </template>
-                </DetailPanel>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-import { Button as TButton, Table as TTable, Tag as TTag, Input as TInput, MessagePlugin } from "tdesign-vue-next";
-import ILucideRotateCw from "~icons/lucide/rotate-cw";
-import ILucideSearch from "~icons/lucide/search";
-import { $Http } from "@/plugins/http";
-import { withDefaultColumns } from "befly-vite/utils/withDefaultColumns";
-import DetailPanel from "@/components/DetailPanel.vue";
-
-definePage({
-    meta: {
-        title: "接口列表",
-        order: 3
-    }
-});
-
-// 响应式数据
-const $Data = $ref({
-    tableData: [],
-    allData: [],
-    loading: false,
-    searchKeyword: "",
-    columns: withDefaultColumns([
-        { colKey: "name", title: "接口名称" },
-        { colKey: "id", title: "序号" },
-        { colKey: "path", title: "接口路径" },
-        { colKey: "method", title: "请求方法" },
-        { colKey: "addonName", title: "所属组件" }
-    ]),
-    currentRow: null,
-    activeRowKeys: []
-});
-
-// 方法
-const $Method = {
-    async initData() {
-        await $Method.loadApiAll();
-    },
-
-    // 加载全部接口
-    async loadApiAll() {
-        $Data.loading = true;
-        try {
-            const res = await $Http("/addon/admin/api/all");
-            const list = res.data?.lists || [];
-            $Data.allData = list;
-            $Data.tableData = list;
-
-            // 自动高亮第一行
-            if ($Data.tableData.length > 0) {
-                $Data.currentRow = $Data.tableData[0];
-                $Data.activeRowKeys = [$Data.tableData[0].id];
-            } else {
-                $Data.currentRow = null;
-                $Data.activeRowKeys = [];
-            }
-        } catch (error) {
-            MessagePlugin.error("加载数据失败");
-        } finally {
-            $Data.loading = false;
-        }
-    },
-
-    // 刷新
-    handleRefresh() {
-        $Method.loadApiAll();
-    },
-
-    // 搜索
-    handleSearch() {
-        if (!$Data.searchKeyword) {
-            $Data.tableData = $Data.allData;
-            return;
-        }
-        const keyword = $Data.searchKeyword.toLowerCase();
-        $Data.tableData = $Data.allData.filter((item) => item.name?.toLowerCase().includes(keyword) || item.path?.toLowerCase().includes(keyword));
-    },
-
-    // 高亮行变化
-    onActiveChange(value, context) {
-        // 禁止取消高亮：如果新值为空，保持当前选中
-        if (value.length === 0 && $Data.activeRowKeys.length > 0) {
-            return;
-        }
-        $Data.activeRowKeys = value;
-        // 更新当前高亮的行数据
-        if (context.activeRowList && context.activeRowList.length > 0) {
-            $Data.currentRow = context.activeRowList[0].row;
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-// 样式继承自全局 page-table
-</style>

package/views/permission/index.vue

@@ -1,12 +0,0 @@
-<template>
-    <RouterView />
-</template>
-
-<script setup>
-definePage({
-    meta: {
-        title: "权限设置",
-        order: 20
-    }
-});
-</script>