@befly-addon/admin 1.1.34 → 1.2.0

package/views/config/system/components/edit.vue

@@ -1,171 +0,0 @@
-<template>
-    <TDialog 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">
-        <TForm :model="$Data.formData" label-width="120px" label-position="left" :rules="$Data2.formRules" :ref="(el) => ($Form.form = el)">
-            <TFormItem label="配置名称" prop="name">
-                <TInput v-model="$Data.formData.name" placeholder="请输入配置名称" :disabled="$Data.isSystem" />
-            </TFormItem>
-            <TFormItem label="配置代码" prop="code">
-                <TInput v-model="$Data.formData.code" placeholder="请输入配置代码，如：site_name" :disabled="$Prop.actionType === 'upd'" />
-            </TFormItem>
-            <TFormItem label="配置值" prop="value">
-                <TTextarea v-if="$Data.formData.valueType === 'json' || $Data.formData.valueType === 'text'" v-model="$Data.formData.value" placeholder="请输入配置值" :autosize="{ minRows: 3, maxRows: 8 }" />
-                <TInput v-else v-model="$Data.formData.value" placeholder="请输入配置值" />
-            </TFormItem>
-            <TFormItem label="值类型" prop="valueType">
-                <TSelect v-model="$Data.formData.valueType" :disabled="$Data.isSystem">
-                    <TOption label="字符串" value="string" />
-                    <TOption label="数字" value="number" />
-                    <TOption label="布尔" value="boolean" />
-                    <TOption label="JSON" value="json" />
-                </TSelect>
-            </TFormItem>
-            <TFormItem label="配置分组" prop="group">
-                <TSelect v-model="$Data.formData.group" placeholder="请选择分组" clearable :disabled="$Data.isSystem">
-                    <TOption v-for="item in $Data2.groupOptions" :key="item" :label="item" :value="item" />
-                </TSelect>
-            </TFormItem>
-            <TFormItem label="排序" prop="sort">
-                <TInputNumber v-model="$Data.formData.sort" :min="0" :max="9999" :disabled="$Data.isSystem" />
-            </TFormItem>
-            <TFormItem label="描述说明" prop="description">
-                <TTextarea v-model="$Data.formData.description" placeholder="请输入描述说明" :autosize="{ minRows: 2, maxRows: 4 }" :disabled="$Data.isSystem" />
-            </TFormItem>
-            <TFormItem v-if="$Prop.actionType === 'upd' && !$Data.isSystem" label="状态" prop="state">
-                <TRadioGroup v-model="$Data.formData.state">
-                    <TRadio :value="1">正常</TRadio>
-                    <TRadio :value="2">禁用</TRadio>
-                </TRadioGroup>
-            </TFormItem>
-        </TForm>
-        <template #footer>
-            <TButton @click="$Method.onClose">取消</TButton>
-            <TButton theme="primary" :loading="$Data.submitting" @click="$Method.onSubmit">确定</TButton>
-        </template>
-    </TDialog>
-</template>
-
-<script setup>
-import { Dialog as TDialog, Form as TForm, FormItem as TFormItem, Input as TInput, Textarea as TTextarea, InputNumber as TInputNumber, Select as TSelect, Option as TOption, RadioGroup as TRadioGroup, Radio as TRadio, Button as TButton, MessagePlugin } from "tdesign-vue-next";
-import { $Http } from "@/plugins/http";
-
-const $Prop = defineProps({
-    modelValue: {
-        type: Boolean,
-        default: false
-    },
-    actionType: {
-        type: String,
-        default: "add"
-    },
-    rowData: {
-        type: Object,
-        default: () => ({})
-    }
-});
-
-const $Emit = defineEmits(["update:modelValue", "success"]);
-
-// 表单引用
-const $Form = $shallowRef({
-    form: null
-});
-
-const $Data = $ref({
-    visible: false,
-    submitting: false,
-    isSystem: false,
-    formData: {
-        id: 0,
-        name: "",
-        code: "",
-        value: "",
-        valueType: "string",
-        group: "",
-        sort: 0,
-        description: "",
-        state: 1
-    }
-});
-
-const $Data2 = $shallowRef({
-    formRules: {
-        name: [{ required: true, message: "请输入配置名称", trigger: "blur" }],
-        code: [
-            { required: true, message: "请输入配置代码", trigger: "blur" },
-            { pattern: /^[a-zA-Z0-9_]+$/, message: "配置代码只能包含字母、数字和下划线", trigger: "blur" }
-        ],
-        value: [{ required: true, message: "请输入配置值", trigger: "blur" }],
-        valueType: [{ required: true, message: "请选择值类型", trigger: "change" }]
-    },
-    groupOptions: ["基础配置", "邮件配置", "存储配置", "安全配置", "其他"]
-});
-
-// 方法集合
-const $Method = {
-    async initData() {
-        $Method.onShow();
-    },
-
-    onShow() {
-        $Data.visible = true;
-        if ($Prop.actionType === "upd" && $Prop.rowData) {
-            $Data.formData.id = $Prop.rowData.id || 0;
-            $Data.formData.name = $Prop.rowData.name || "";
-            $Data.formData.code = $Prop.rowData.code || "";
-            $Data.formData.value = $Prop.rowData.value || "";
-            $Data.formData.valueType = $Prop.rowData.valueType || "string";
-            $Data.formData.group = $Prop.rowData.group || "";
-            $Data.formData.sort = $Prop.rowData.sort || 0;
-            $Data.formData.description = $Prop.rowData.description || "";
-            $Data.formData.state = $Prop.rowData.state || 1;
-            $Data.isSystem = $Prop.rowData.isSystem === 1;
-        } else {
-            $Data.formData = {
-                id: 0,
-                name: "",
-                code: "",
-                value: "",
-                valueType: "string",
-                group: "",
-                sort: 0,
-                description: "",
-                state: 1
-            };
-            $Data.isSystem = false;
-        }
-    },
-
-    onClose() {
-        $Data.visible = false;
-        $Emit("update:modelValue", false);
-    },
-
-    async onSubmit() {
-        const valid = await $Form.form?.validate();
-        if (valid !== true) return;
-
-        $Data.submitting = true;
-        try {
-            const api = $Prop.actionType === "upd" ? "/addon/admin/sysConfig/upd" : "/addon/admin/sysConfig/ins";
-            const res = await $Http(api, $Data.formData);
-
-            if (res.code === 0) {
-                MessagePlugin.success($Prop.actionType === "upd" ? "编辑成功" : "添加成功");
-                $Emit("success");
-                $Method.onClose();
-            } else {
-                MessagePlugin.error(res.msg || "操作失败");
-            }
-        } catch (error) {
-            MessagePlugin.error("操作失败");
-        } finally {
-            $Data.submitting = false;
-        }
-    }
-};
-
-// 该组件由父组件 v-if 控制挂载/卸载，因此无需 watch：创建时初始化一次即可
-$Method.initData();
-</script>
-
-<style scoped lang="scss"></style>

package/views/config/system/index.vue

@@ -1,286 +0,0 @@
-<template>
-    <div class="page-sys-config page-table">
-        <div class="main-tool">
-            <div class="left">
-                <TButton theme="primary" @click="$Method.onAction('add', {})">
-                    <template #icon>
-                        <ILucidePlus />
-                    </template>
-                    新增配置
-                </TButton>
-                <TSelect v-model="$Data.filter.group" placeholder="配置分组" clearable style="width: 150px" @change="$Method.handleFilter">
-                    <TOption v-for="item in $Data.groupOptions" :key="item" :label="item" :value="item" />
-                </TSelect>
-            </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="100%" active-row-type="single" @active-change="$Method.onActiveChange">
-                    <template #isSystem="{ row }">
-                        <TTag v-if="row.isSystem === 1" shape="round" theme="warning" variant="light-outline">系统</TTag>
-                        <TTag v-else shape="round" variant="light-outline">自定义</TTag>
-                    </template>
-                    <template #valueType="{ row }">
-                        <TTag shape="round" variant="light-outline">{{ row.valueType }}</TTag>
-                    </template>
-                    <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>
-                    </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 v-if="row.isSystem !== 1" value="del" :divider="true">
-                                    <ILucideTrash2 style="width: 14px; height: 14px; margin-right: 6px" />
-                                    删除
-                                </TDropdownItem>
-                            </TDropdownMenu>
-                        </TDropdown>
-                    </template>
-                </TTable>
-            </div>
-
-            <div class="main-detail">
-                <DetailPanel :data="$Data.currentRow" :fields="$Data.detailFields">
-                    <template #isSystem="{ value }">
-                        <TTag v-if="value === 1" shape="round" theme="warning" variant="light-outline">系统配置</TTag>
-                        <TTag v-else shape="round" variant="light-outline">自定义配置</TTag>
-                    </template>
-                    <template #valueType="{ value }">
-                        <TTag shape="round" variant="light-outline">{{ value }}</TTag>
-                    </template>
-                    <template #value="{ value }">
-                        <pre class="config-value">{{ value }}</pre>
-                    </template>
-                </DetailPanel>
-            </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.apiConfigList" />
-    </div>
-</template>
-
-<script setup>
-import { Button as TButton, Table as TTable, Tag as TTag, Select as TSelect, Option as TOption, 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: 2
-    }
-});
-
-// 响应式数据
-const $Data = $ref({
-    tableData: [],
-    loading: false,
-    columns: withDefaultColumns([
-        { colKey: "name", title: "配置名称", fixed: "left", width: 150 },
-        { colKey: "id", title: "序号", width: 80 },
-        { colKey: "code", title: "配置代码", ellipsis: true },
-        { colKey: "value", title: "配置值", ellipsis: true, width: 200 },
-        { colKey: "valueType", title: "值类型", width: 100 },
-        { colKey: "group", title: "分组", width: 100 },
-        { colKey: "sort", title: "排序", width: 80 },
-        { colKey: "isSystem", title: "类型", width: 80 },
-        { colKey: "state", title: "状态", width: 80 },
-        { colKey: "operation", title: "操作", width: 100 }
-    ]),
-    detailFields: [
-        { colKey: "name", title: "配置名称" },
-        { colKey: "code", title: "配置代码" },
-        { colKey: "value", title: "配置值" },
-        { colKey: "valueType", title: "值类型" },
-        { colKey: "group", title: "配置分组" },
-        { colKey: "sort", title: "排序" },
-        { colKey: "isSystem", title: "配置类型" },
-        { colKey: "description", title: "描述说明" }
-    ],
-    pagerConfig: {
-        currentPage: 1,
-        limit: 30,
-        total: 0
-    },
-    currentRow: null,
-    activeRowKeys: [],
-    editVisible: false,
-    actionType: "add",
-    rowData: {},
-    filter: {
-        group: ""
-    },
-    groupOptions: ["基础配置", "邮件配置", "存储配置", "安全配置", "其他"]
-});
-
-// 方法
-const $Method = {
-    async initData() {
-        await $Method.apiConfigList();
-    },
-
-    // 加载配置列表
-    async apiConfigList() {
-        $Data.loading = true;
-        try {
-            const res = await $Http("/addon/admin/sysConfig/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 apiConfigDel(row) {
-        if (row.isSystem === 1) {
-            MessagePlugin.warning("系统配置不允许删除");
-            return;
-        }
-
-        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/sysConfig/del", { id: row.id });
-                    MessagePlugin.success("删除成功");
-                    destroy();
-                    await $Method.apiConfigList();
-                } catch (error) {
-                    MessagePlugin.error("删除失败");
-                } finally {
-                    if (dialog && typeof dialog.setConfirmLoading === "function") {
-                        dialog.setConfirmLoading(false);
-                    }
-                }
-            },
-            onClose: () => {
-                destroy();
-            }
-        });
-    },
-
-    // 筛选
-    handleFilter() {
-        $Data.pagerConfig.currentPage = 1;
-        $Method.apiConfigList();
-    },
-
-    // 刷新
-    handleRefresh() {
-        $Method.apiConfigList();
-    },
-
-    // 分页改变
-    onPageChange(currentPage) {
-        $Data.pagerConfig.currentPage = currentPage;
-        $Method.apiConfigList();
-    },
-
-    // 每页条数改变
-    handleSizeChange(pageSize) {
-        $Data.pagerConfig.limit = pageSize;
-        $Data.pagerConfig.currentPage = 1;
-        $Method.apiConfigList();
-    },
-
-    // 高亮行变化
-    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.apiConfigDel(rowData);
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss">
-.config-value {
-    margin: 0;
-    padding: 8px;
-    background: var(--td-bg-color-container);
-    border-radius: 4px;
-    font-size: 12px;
-    max-height: 150px;
-    overflow: auto;
-    white-space: pre-wrap;
-    word-break: break-all;
-}
-</style>

package/views/index/components/addonList.vue

@@ -1,132 +0,0 @@
-<template>
-    <div class="section-block">
-        <div class="section-header flex items-center gap-2">
-            <i-lucide:package />
-            <h2>已安装插件</h2>
-        </div>
-        <div class="section-content">
-            <div class="addon-list">
-                <div v-for="addon in addonList" :key="addon.name" class="addon-item">
-                    <div class="addon-icon">
-                        <i-lucide:box />
-                    </div>
-                    <div class="addon-info">
-                        <div class="addon-title">
-                            <span class="addon-name">{{ addon.title }}</span>
-                            <t-tag type="success" size="small">{{ addon.version }}</t-tag>
-                        </div>
-                        <div class="addon-desc">{{ addon.description }}</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-import { $Http } from "@/plugins/http";
-
-// 组件内部数据
-const addonList = $ref([]);
-
-// 获取数据
-const fetchData = async () => {
-    try {
-        const { data } = await $Http("/addon/admin/dashboard/addonList");
-        addonList.splice(0, addonList.length, ...data);
-    } catch (error) {
-        // 静默失败：不阻断页面展示
-    }
-};
-
-fetchData();
-</script>
-
-<style scoped lang="scss">
-.addon-list {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-
-    .addon-item {
-        position: relative;
-        background: var(--bg-color-container);
-        border: 1px solid var(--border-color);
-        border-left: 3px solid var(--primary-color);
-        border-radius: var(--border-radius-small);
-        padding: 10px 12px;
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        transition: all 0.3s;
-
-        &:hover {
-            border-left-color: var(--success-color);
-            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
-            transform: translateY(-2px);
-        }
-
-        .addon-status-badge {
-            position: absolute;
-            top: 8px;
-            right: 8px;
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-            background: var(--text-disabled);
-            transition: all 0.3s;
-
-            &::after {
-                content: '';
-                position: absolute;
-                top: -2px;
-                right: -2px;
-                width: 8px;
-                height: 8px;
-                border-radius: 50%;
-                background: var(--success-color);
-                box-shadow: 0 0 0 2px rgba(var(--success-color-rgb), 0.2);
-        }
-
-        .addon-icon {
-            width: 32px;
-            height: 32px;
-            background: linear-gradient(135deg, var(--primary-color), #764ba2);
-            border-radius: var(--border-radius-small);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-            flex-shrink: 0;
-        }
-
-        .addon-info {
-            flex: 1;
-            min-width: 0;
-            padding-right: 16px;
-
-            .addon-title {
-                display: flex;
-                align-items: center;
-                gap: 6px;
-                margin-bottom: 2px;
-
-                .addon-name {
-                    font-size: 14px;
-                    font-weight: 600;
-                    color: var(--text-primary);
-                }
-            }
-
-            .addon-desc {
-                font-size: 14px;
-                color: var(--text-secondary);
-                line-height: 1.3;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-            }
-        }
-    }
-}
-</style>

package/views/index/components/environmentInfo.vue

@@ -1,100 +0,0 @@
-<template>
-    <div class="section-block">
-        <div class="section-header flex items-center gap-2">
-            <ILucideServer />
-            <h2>运行环境</h2>
-        </div>
-        <div class="section-content">
-            <div class="env-grid-compact">
-                <div class="env-compact-item">
-                    <span class="env-label">操作系统</span>
-                    <span class="env-value">{{ environmentInfo.os }}</span>
-                </div>
-                <div class="env-compact-item">
-                    <span class="env-label">服务器</span>
-                    <span class="env-value">{{ environmentInfo.server }}</span>
-                </div>
-                <div class="env-compact-item">
-                    <span class="env-label">Node版本</span>
-                    <span class="env-value">{{ environmentInfo.nodeVersion }}</span>
-                </div>
-                <div class="env-compact-item">
-                    <span class="env-label">数据库</span>
-                    <span class="env-value">{{ environmentInfo.database }}</span>
-                </div>
-                <div class="env-compact-item">
-                    <span class="env-label">缓存</span>
-                    <span class="env-value">{{ environmentInfo.cache }}</span>
-                </div>
-                <div class="env-compact-item">
-                    <span class="env-label">时区</span>
-                    <span class="env-value">{{ environmentInfo.timezone }}</span>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-import ILucideServer from "~icons/lucide/server";
-import { $Http } from "@/plugins/http";
-
-// 组件内部数据
-const environmentInfo = $ref({
-    os: "",
-    server: "",
-    nodeVersion: "",
-    database: "",
-    cache: "",
-    timezone: ""
-});
-
-// 获取数据
-const fetchData = async () => {
-    try {
-        const { data } = await $Http("/addon/admin/dashboard/environmentInfo");
-        Object.assign(environmentInfo, data);
-    } catch (error) {
-        // 静默失败：不阻断页面展示
-    }
-};
-
-fetchData();
-</script>
-
-<style scoped lang="scss">
-.env-grid-compact {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 10px;
-
-    .env-compact-item {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 10px 12px;
-        background: var(--bg-color-container);
-        border-radius: 6px;
-        border: 1px solid var(--border-color);
-        transition: all 0.2s ease;
-
-        &:hover {
-            background: rgba(var(--primary-color-rgb), 0.03);
-            border-color: rgba(var(--primary-color-rgb), 0.2);
-        }
-
-        .env-label {
-            font-size: 14px;
-            color: var(--text-secondary);
-            font-weight: 500;
-        }
-
-        .env-value {
-            font-size: 14px;
-            color: var(--text-primary);
-            font-weight: 600;
-            text-align: right;
-        }
-    }
-}
-</style>