befly-admin 3.13.26 → 3.14.5

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "befly-admin",
-    "version": "3.13.26",
-    "gitHead": "d7c6b95ecf7d71f2e41d89ce3a1d4672a2598a40",
+    "version": "3.14.5",
+    "gitHead": "ba7fa7cc0534c48de2df4970d69a14853cf6b2a6",
     "private": false,
     "description": "Befly Admin - 基于 Vue3 + TDesign Vue Next 的后台管理系统",
     "files": [
@@ -28,14 +28,14 @@
         "preview": "bunx --bun vite preview"
     },
     "dependencies": {
-        "befly-admin-ui": "1.8.27",
+        "befly-admin-ui": "^1.8.32",
         "befly-shared": "2.0.3",
-        "befly-vite": "^1.5.10",
+        "befly-vite": "^1.5.15",
         "pinia": "^3.0.4",
         "tdesign-icons-vue-next": "^0.4.0",
-        "tdesign-vue-next": "^1.18.2",
-        "vite": "^8.0.0-beta.16",
-        "vue": "^3.5.29",
+        "tdesign-vue-next": "^1.18.5",
+        "vite": "^8.0.0",
+        "vue": "^3.5.30",
         "vue-router": "^5.0.3"
     },
     "engines": {

package/src/main.js

@@ -5,6 +5,7 @@ import "befly-admin-ui/styles/variables.scss";
 // 引入全局基础样式（reset、通用类、滚动条等）
 import "@/styles/global.scss";
 import App from "./App.vue";
+import { setupErrorReport } from "@/plugins/errorReport.js";
 
 const app = createApp(App);
 
@@ -14,4 +15,6 @@ app.use(createPinia());
 // 使用路由
 app.use($Router);
 
+setupErrorReport(app);
+
 app.mount("#app");

package/src/plugins/config.js

@@ -1,6 +1,11 @@
+import adminPackageInfo from "../../package.json";
+
 export const $Config = {
     appTitle: "野蜂飞舞",
     appDesc: "轻量级业务快速开发框架",
+    productName: "野蜂飞舞",
+    productCode: adminPackageInfo.name,
+    productVersion: adminPackageInfo.version,
     loginFootnote: "",
     tokenName: "befly-admin-token",
     loginPath: "/core/login",

package/src/plugins/errorReport.js

@@ -0,0 +1,128 @@
+import { $Http } from "@/plugins/http.js";
+import { $Config } from "@/plugins/config.js";
+import { $Router } from "@/plugins/router.js";
+
+let isReportingError = false;
+let lastErrorKey = "";
+let lastErrorTime = 0;
+
+function getRouteInfo() {
+    const currentRoute = $Router.currentRoute.value || {};
+
+    return {
+        pagePath: String(currentRoute.fullPath || currentRoute.path || window.location.hash || window.location.pathname || ""),
+        pageName: String(currentRoute.name || currentRoute.meta?.title || currentRoute.path || document.title || "")
+    };
+}
+
+function getErrorMessage(error) {
+    if (typeof error === "string") {
+        return error;
+    }
+
+    if (error && typeof error.message === "string") {
+        return error.message;
+    }
+
+    return "未知错误";
+}
+
+function getErrorDetail(error) {
+    if (!error) {
+        return "";
+    }
+
+    if (typeof error === "string") {
+        return error;
+    }
+
+    if (typeof error.stack === "string" && error.stack) {
+        return error.stack;
+    }
+
+    try {
+        return JSON.stringify(error);
+    } catch {
+        return String(error);
+    }
+}
+
+function shouldSkipError(message, detail, errorType) {
+    const now = Date.now();
+    const key = `${errorType}|${message}|${detail}`;
+    if (key === lastErrorKey && now - lastErrorTime < 3000) {
+        return true;
+    }
+
+    lastErrorKey = key;
+    lastErrorTime = now;
+    return false;
+}
+
+function reportClientError(errorType, message, detail) {
+    const safeMessage = String(message || "未知错误").slice(0, 500);
+    const safeDetail = String(detail || "").slice(0, 5000);
+    if (shouldSkipError(safeMessage, safeDetail, errorType)) {
+        return;
+    }
+
+    if (isReportingError) {
+        return;
+    }
+
+    const routeInfo = getRouteInfo();
+    isReportingError = true;
+
+    void $Http(
+        "/core/tongJi/errorReport",
+        {
+            pagePath: routeInfo.pagePath,
+            pageName: routeInfo.pageName,
+            source: "admin",
+            productName: $Config.productName,
+            productCode: $Config.productCode,
+            productVersion: $Config.productVersion,
+            errorType: String(errorType || "unknown"),
+            message: safeMessage,
+            detail: safeDetail
+        },
+        [""]
+    )
+        .catch(() => {
+            // 静默失败：避免错误上报再次制造错误
+        })
+        .finally(() => {
+            isReportingError = false;
+        });
+}
+
+export function setupErrorReport(app) {
+    app.config.errorHandler = (error, _instance, info) => {
+        const message = getErrorMessage(error);
+        const detail = `${String(info || "")}${info ? "\n" : ""}${getErrorDetail(error)}`;
+
+        reportClientError("vue", message, detail);
+    };
+
+    window.addEventListener("error", (event) => {
+        const parts = [];
+        if (event.filename) {
+            parts.push(`file: ${event.filename}`);
+        }
+        if (event.lineno || event.colno) {
+            parts.push(`line: ${event.lineno || 0}, col: ${event.colno || 0}`);
+        }
+        const stack = getErrorDetail(event.error);
+        if (stack) {
+            parts.push(stack);
+        }
+
+        reportClientError("window", getErrorMessage(event.message || event.error), parts.join("\n"));
+    });
+
+    window.addEventListener("unhandledrejection", (event) => {
+        const reason = event.reason;
+
+        reportClientError("promise", getErrorMessage(reason), getErrorDetail(reason));
+    });
+}

package/src/plugins/router.js

@@ -2,6 +2,7 @@ import { Layouts } from "befly-vite";
 import { createRouter, createWebHashHistory } from "vue-router";
 import { routes } from "vue-router/auto-routes";
 import { $Config } from "@/plugins/config.js";
+import { $Http } from "@/plugins/http.js";
 
 // 应用自定义布局系统（同时可选注入根路径重定向）
 const finalRoutes = Layouts(routes, $Config.homePath, (layoutName) => {
@@ -54,6 +55,19 @@ $Router.beforeEach((to, _from) => {
 });
 
 // 路由就绪后处理
-$Router.afterEach((_to) => {
-    // 可以在这里添加页面访问统计等
+$Router.afterEach((to) => {
+    void $Http(
+        "/core/tongJi/visitReport",
+        {
+            pagePath: to.fullPath || to.path || "",
+            pageName: String(to.name || to.meta?.title || to.path || ""),
+            source: "admin",
+            productName: $Config.productName,
+            productCode: $Config.productCode,
+            productVersion: $Config.productVersion
+        },
+        [""]
+    ).catch(() => {
+        // 静默失败：不阻断路由切换
+    });
 });

package/src/views/simpleTable/components/edit.vue

@@ -0,0 +1,123 @@
+<template>
+    <PageDialog v-model="dialogVisible" :title="$Prop.actionType === 'upd' ? '编辑角色' : '新增角色'" :confirm-loading="$Data.submitting" @confirm="onSubmit">
+        <div class="comp-simple-role-edit">
+            <TForm :model="$Data.formData" label-width="100px" label-position="left" :rules="$Data2.formRules" ref="formRef">
+                <TFormItem label="角色名称" prop="name">
+                    <TInput v-model="$Data.formData.name" placeholder="请输入角色名称" />
+                </TFormItem>
+                <TFormItem label="角色代码" prop="code">
+                    <TInput v-model="$Data.formData.code" placeholder="请输入角色代码，如：operator" />
+                </TFormItem>
+                <TFormItem label="角色描述" prop="description">
+                    <TInput v-model="$Data.formData.description" placeholder="请输入角色描述" />
+                </TFormItem>
+                <TFormItem label="排序" prop="sort">
+                    <TInputNumber v-model="$Data.formData.sort" :min="0" :max="9999" />
+                </TFormItem>
+            </TForm>
+        </div>
+    </PageDialog>
+</template>
+
+<script setup>
+import PageDialog from "befly-admin-ui/components/pageDialog.vue";
+import { fieldClear } from "befly-admin-ui/utils/fieldClear";
+
+const $Prop = defineProps({
+    modelValue: {
+        type: Boolean,
+        default: false
+    },
+    actionType: {
+        type: String,
+        default: "add"
+    },
+    rowData: {
+        type: Object,
+        default: {}
+    }
+});
+
+const $Emit = defineEmits(["update:modelValue", "success"]);
+const formRef = ref(null);
+
+const $Data = reactive({
+    submitting: false,
+    formData: {
+        id: 0,
+        name: "",
+        code: "",
+        description: "",
+        sort: 0
+    }
+});
+
+const $Data2 = reactive({
+    formRules: {
+        name: [{ required: true, message: "请输入角色名称", trigger: "blur" }],
+        code: [
+            { required: true, message: "请输入角色代码", trigger: "blur" },
+            { pattern: /^[a-zA-Z0-9_]+$/, message: "角色代码只能包含字母、数字和下划线", trigger: "blur" }
+        ],
+        sort: [{ type: "number", message: "排序必须是数字", trigger: "blur" }]
+    }
+});
+
+const dialogVisible = computed({
+    get: () => $Prop.modelValue,
+    set: (value) => {
+        $Emit("update:modelValue", value);
+    }
+});
+
+function initData() {
+    if ($Prop.actionType === "upd" && $Prop.rowData.id) {
+        $Data.formData = Object.assign({}, $Prop.rowData);
+        return;
+    }
+
+    $Data.formData.id = 0;
+    $Data.formData.name = "";
+    $Data.formData.code = "";
+    $Data.formData.description = "";
+    $Data.formData.sort = 0;
+}
+
+async function onSubmit(context) {
+    try {
+        const form = formRef.value;
+        if (!form) {
+            MessagePlugin.warning("表单未就绪");
+            return;
+        }
+
+        const valid = await form.validate();
+        if (!valid) {
+            return;
+        }
+
+        $Data.submitting = true;
+        const payload = $Prop.actionType === "upd" ? $Data.formData : fieldClear($Data.formData, { omitKeys: ["id"] });
+        const response = await $Http($Prop.actionType === "upd" ? "/core/role/upd" : "/core/role/ins", payload);
+
+        MessagePlugin.success(response.msg || "操作成功");
+        $Emit("success");
+
+        if (context && typeof context.close === "function") {
+            context.close();
+        }
+    } catch (error) {
+        MessagePlugin.error(error.msg || error.message || "提交失败");
+    } finally {
+        $Data.submitting = false;
+    }
+}
+
+initData();
+</script>
+
+<style scoped lang="scss">
+.comp-simple-role-edit {
+    padding-top: 6px;
+}
+</style>

package/src/views/simpleTable/index.vue

@@ -0,0 +1,127 @@
+<template>
+    <PageTableDetail class="page-simple-table page-table" :columns="$Data.columns" :endpoints="$Data.endpoints">
+        <template #toolLeft>
+            <TButton theme="primary" @click="onAdd">
+                <template #icon>
+                    <AddIcon />
+                </template>
+            </TButton>
+        </template>
+
+        <template #toolRight="scope">
+            <TButton shape="circle" @click="onReload(scope.reload)">
+                <template #icon>
+                    <RefreshIcon />
+                </template>
+            </TButton>
+        </template>
+
+        <template #operation="{ row, deleteRow }">
+            <TDropdown trigger="click" placement="bottom-right" @click="onDropdownAction($event, row, deleteRow)">
+                <TButton theme="primary" size="small">
+                    操作
+                    <template #suffix><ChevronDownIcon /></template>
+                </TButton>
+                <TDropdownMenu slot="dropdown">
+                    <TDropdownItem value="upd">
+                        <EditIcon />
+                        编辑
+                    </TDropdownItem>
+                    <TDropdownItem value="del" :divider="true">
+                        <DeleteIcon style="width: 14px; height: 14px; margin-right: 6px" />
+                        删除
+                    </TDropdownItem>
+                </TDropdownMenu>
+            </TDropdown>
+        </template>
+
+        <template #dialogs="scope">
+            <EditDialog v-if="$Data.editVisible" v-model="$Data.editVisible" :action-type="$Data.actionType" :row-data="$Data.rowData" @success="onDialogSuccess(scope.reload)" />
+        </template>
+    </PageTableDetail>
+</template>
+
+<script setup>
+import EditDialog from "./components/edit.vue";
+import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
+import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
+
+const $Data = reactive({
+    columns: withDefaultColumns([
+        { colKey: "name", title: "角色名称" },
+        { colKey: "code", title: "角色代码", width: 180 },
+        { colKey: "description", title: "角色描述" },
+        { colKey: "sort", title: "排序", width: 100 },
+        { colKey: "operation", title: "操作" }
+    ]),
+    endpoints: {
+        list: {
+            path: "/core/role/list",
+            dropValues: [""]
+        },
+        delete: {
+            path: "/core/role/del",
+            idKey: "id",
+            confirm: (row) => {
+                return {
+                    header: "确认删除",
+                    body: `确认删除角色“${row.name}”吗？`,
+                    confirmBtn: "删除",
+                    status: "warning"
+                };
+            }
+        }
+    },
+    editVisible: false,
+    actionType: "add",
+    rowData: {}
+});
+
+function onAdd() {
+    onAction("add", {});
+}
+
+function onReload(reload) {
+    reload({ keepSelection: true });
+}
+
+function onDialogSuccess(reload) {
+    reload({ keepSelection: true });
+}
+
+function onAction(type, row) {
+    if (type === "add") {
+        $Data.actionType = "add";
+        $Data.rowData = {};
+        $Data.editVisible = true;
+        return;
+    }
+
+    if (type === "upd") {
+        $Data.actionType = "upd";
+        $Data.rowData = Object.assign({}, row);
+        $Data.editVisible = true;
+    }
+}
+
+function onDropdownAction(data, row, deleteRow) {
+    const record = data;
+    const rawValue = record && record["value"] ? record["value"] : "";
+    const command = rawValue ? String(rawValue) : "";
+    if (command === "del") {
+        deleteRow(row);
+        return;
+    }
+    onAction(command, row);
+}
+</script>
+
+<style scoped lang="scss">
+.page-simple-table {
+    .main-tool .right {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+    }
+}
+</style>

package/vite.config.js

@@ -3,5 +3,12 @@ import { fileURLToPath } from "node:url";
 import { createBeflyViteConfig } from "befly-vite";
 
 export default createBeflyViteConfig({
-    root: fileURLToPath(new URL(".", import.meta.url))
+    root: fileURLToPath(new URL(".", import.meta.url)),
+    analyzer: true,
+    devtool: false,
+    viteConfig: {
+        server: {
+            port: 5206
+        }
+    }
 });