befly-admin 3.15.0 → 3.15.2

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "befly-admin",
-    "version": "3.15.0",
-    "gitHead": "f3fd845d4fdbbf0db38a4e676162f3d710a9ce5b",
+    "version": "3.15.2",
+    "gitHead": "8d10717424ced255e301cb474d356863ab12509a",
     "private": false,
     "description": "Befly Admin - 基于 Vue3 + TDesign Vue Next 的后台管理系统",
     "files": [
@@ -28,13 +28,13 @@
         "preview": "bunx --bun befly-vite preview"
     },
     "dependencies": {
-        "befly-admin-ui": "^1.9.0",
+        "befly-admin-ui": "^1.9.2",
         "befly-shared": "^2.0.6",
-        "befly-vite": "^1.5.28",
+        "befly-vite": "^1.5.29",
         "pinia": "^3.0.4",
-        "tdesign-icons-vue-next": "^0.4.0",
+        "tdesign-icons-vue-next": "^0.4.4",
         "tdesign-vue-next": "^1.18.6",
-        "vue": "^3.5.31",
+        "vue": "^3.5.32",
         "vue-router": "^5.0.4"
     },
     "engines": {

package/src/plugins/config.js

@@ -1,15 +1,15 @@
-import adminPackageInfo from "../../package.json";
+const apiPath = import.meta.env.PROD ? "https://api.yicode.tech/api" : "http://localhost:3000/api";
 
 export const $Config = {
     appTitle: "野蜂飞舞",
     appDesc: "轻量级业务快速开发框架",
     productName: "野蜂飞舞",
-    productCode: adminPackageInfo.name,
-    productVersion: adminPackageInfo.version,
+    productCode: "beflyAdmin",
+    productVersion: "1.0.0",
     loginFootnote: "",
     tokenName: "befly-admin-token",
     loginPath: "/core/login",
     homePath: "/core",
-    uploadPath: "",
-    apiPath: import.meta.env.PROD ? "http://localhost:3000/api" : "http://localhost:3000/api"
+    uploadPath: `${apiPath}/core/upload/file`,
+    apiPath: apiPath
 };

package/src/plugins/router.js

@@ -22,7 +22,22 @@ const finalRoutes = Layouts(routes, $Config.homePath, (layoutName) => {
  */
 export const $Router = createRouter({
     history: createWebHashHistory(import.meta.env.BASE_URL),
-    routes: finalRoutes
+    routes: finalRoutes,
+    scrollBehavior(to, _from, savedPosition) {
+        if (savedPosition) {
+            return savedPosition;
+        }
+
+        // 首页等场景已有自定义 hash 滚动处理，这里避免重复抢占锚点定位。
+        if (to.hash) {
+            return undefined;
+        }
+
+        return {
+            left: 0,
+            top: 0
+        };
+    }
 });
 
 // 路由守卫 - 基础鉴权（最小实现：public 放行；未登录跳登录；已登录访问登录页跳首页）

package/src/styles/global.scss

@@ -24,33 +24,24 @@ body {
 }
 
 /* 滚动条样式 - 更精致 */
-// ::-webkit-scrollbar {
-//     width: 6px;
-//     height: 6px;
-// }
-
-// ::-webkit-scrollbar-track {
-//     background: transparent;
-// }
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
 
-// ::-webkit-scrollbar-thumb {
-//     background: #d9d9d9;
-//     border-radius: 3px;
-//     transition: background var(--transition-fast);
-// }
+::-webkit-scrollbar-track {
+    background: transparent;
+}
 
-// ::-webkit-scrollbar-thumb:hover {
-//     background: #bfbfbf;
-// }
+::-webkit-scrollbar-thumb {
+    background: #d9d9d9;
+    border-radius: 3px;
+    transition: background var(--transition-fast);
+}
 
-// .tiny-dialog-box {
-//     .tiny-dialog-box__header {
-//         .tiny-dialog-box__headerbtn {
-//             top: 0 !important;
-//             right: 0 !important;
-//         }
-//     }
-// }
+::-webkit-scrollbar-thumb:hover {
+    background: #bfbfbf;
+}
 
 /* 通用工具类 */
 .text-center {
@@ -150,7 +141,7 @@ body {
     position: relative;
     height: 100%;
     // 注意：Table 固定列依赖 sticky + 滚动容器计算；page 级别的 overflow 容器可能导致 fixed 失效
-    overflow: visible;
+    overflow: hidden;
 
     // 工具栏
     .main-tool {

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

@@ -1,123 +0,0 @@
-<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

@@ -1,127 +0,0 @@
-<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/src/views/test.vue

@@ -1,306 +0,0 @@
-<template>
-    <div class="dashboard">
-        <h1>后台数据面板</h1>
-    </div>
-</template>
-
-<script setup></script>
-
-<style lang="scss" scoped>
-.dashboard {
-    padding: 20px;
-    min-height: 100vh;
-    background-color: #f5f7fa;
-    font-family: "Arial", sans-serif;
-}
-
-h1 {
-    color: #2c3e50;
-    font-size: 24px;
-    margin-bottom: 20px;
-    font-weight: 600;
-}
-
-.stats-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: 20px;
-    margin-bottom: 20px;
-}
-
-.stat-card {
-    background-color: #fff;
-    border-radius: 12px;
-    padding: 20px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-    display: flex;
-    align-items: center;
-    transition:
-        transform 0.2s,
-        box-shadow 0.2s;
-
-    &:hover {
-        transform: translateY(-5px);
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-    }
-}
-
-.stat-icon {
-    width: 60px;
-    height: 60px;
-    border-radius: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 24px;
-    margin-right: 20px;
-    color: #fff;
-
-    &.blue {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    }
-
-    &.green {
-        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
-    }
-
-    &.purple {
-        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
-    }
-
-    &.orange {
-        background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
-    }
-}
-
-.stat-content {
-    flex: 1;
-}
-
-.stat-number {
-    font-size: 24px;
-    font-weight: 700;
-    color: #2c3e50;
-    margin-bottom: 4px;
-}
-
-.stat-label {
-    font-size: 14px;
-    color: #90a4ae;
-    margin-bottom: 4px;
-}
-
-.stat-change {
-    font-size: 12px;
-    font-weight: 600;
-
-    &.positive {
-        color: #4caf50;
-    }
-
-    &.negative {
-        color: #f44336;
-    }
-}
-
-.charts-section {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
-    gap: 20px;
-    margin-bottom: 20px;
-
-    @media (max-width: 768px) {
-        grid-template-columns: 1fr;
-    }
-}
-
-.chart-card {
-    background-color: #fff;
-    border-radius: 12px;
-    padding: 20px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-}
-
-.chart-card h3 {
-    color: #2c3e50;
-    font-size: 18px;
-    margin-bottom: 20px;
-    font-weight: 600;
-}
-
-.chart-container {
-    height: 250px;
-    background-color: #fafafa;
-    border-radius: 8px;
-    padding: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    overflow: hidden;
-}
-
-.line-chart {
-    width: 100%;
-    height: 100%;
-    position: relative;
-
-    .chart-grid {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
-        background-size: 40px 40px;
-    }
-
-    .chart-line {
-        position: absolute;
-        top: 50%;
-        left: 0;
-        right: 0;
-        height: 2px;
-        background: linear-gradient(to right, #3498db, #9b59b6);
-        animation: lineMove 3s ease-in-out infinite;
-    }
-
-    .chart-labels {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        display: flex;
-        justify-content: space-between;
-        font-size: 11px;
-        color: #90a4ae;
-        padding: 0 10px;
-    }
-}
-
-@keyframes lineMove {
-    0%,
-    100% {
-        transform: translateY(0);
-    }
-    50% {
-        transform: translateY(-50px);
-    }
-}
-
-.bar-chart {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: flex-end;
-    justify-content: center;
-    gap: 40px;
-}
-
-.bar-group {
-    display: flex;
-    align-items: flex-end;
-    gap: 20px;
-}
-
-.bar {
-    width: 80px;
-    border-radius: 4px 4px 0 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: flex-end;
-    padding: 10px 0;
-    position: relative;
-    transition: transform 0.3s ease;
-
-    &:hover {
-        transform: scaleY(1.05);
-    }
-
-    .bar-label {
-        font-size: 12px;
-        color: #2c3e50;
-        margin-bottom: 4px;
-        font-weight: 600;
-    }
-
-    .bar-value {
-        font-size: 14px;
-        color: #fff;
-        font-weight: 700;
-        margin-bottom: 4px;
-    }
-}
-
-.orders-table-card {
-    background-color: #fff;
-    border-radius: 12px;
-    padding: 20px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-}
-
-.orders-table-card h3 {
-    color: #2c3e50;
-    font-size: 18px;
-    margin-bottom: 20px;
-    font-weight: 600;
-}
-
-.table-container {
-    overflow-x: auto;
-}
-
-.orders-table {
-    width: 100%;
-    border-collapse: collapse;
-}
-
-.orders-table th {
-    background-color: #f5f7fa;
-    color: #2c3e50;
-    text-align: left;
-    padding: 12px;
-    font-weight: 600;
-    font-size: 14px;
-    border-bottom: 2px solid #e0e0e0;
-}
-
-.orders-table td {
-    padding: 12px;
-    font-size: 14px;
-    color: #455a64;
-    border-bottom: 1px solid #e0e0e0;
-}
-
-.orders-table tbody tr:hover {
-    background-color: #fafafa;
-}
-
-.status {
-    padding: 4px 12px;
-    border-radius: 12px;
-    font-size: 12px;
-    font-weight: 600;
-
-    &.completed {
-        background-color: #e8f5e9;
-        color: #4caf50;
-    }
-
-    &.pending {
-        background-color: #fff3e0;
-        color: #ff9800;
-    }
-
-    &.shipping {
-        background-color: #e3f2fd;
-        color: #2196f3;
-    }
-
-    &.cancelled {
-        background-color: #ffebee;
-        color: #f44336;
-    }
-}
-</style>