befly-admin 3.13.6 → 3.13.8

package/src/components/pageDialog.vue

@@ -1,199 +0,0 @@
-<template>
-    <TDialog v-model:visible="innerVisible" :header="props.title === '' ? true : props.title" :width="props.width" placement="center" attach="body" :close-btn="false" :footer="true" :confirm-loading="props.confirmLoading" :close-on-overlay-click="false" :close-on-esc-keydown="false" @close="onDialogClose" @confirm="onDialogConfirm" @cancel="onDialogCancel">
-        <template #footer>
-            <div class="dialog-footer">
-                <TButton variant="outline" @click="onFooterClose">关闭</TButton>
-                <TPopconfirm v-if="props.isConfirm" content="确定要提交吗？" :disabled="props.confirmLoading" @confirm="onFooterConfirm">
-                    <TButton theme="primary" :loading="props.confirmLoading">确定</TButton>
-                </TPopconfirm>
-            </div>
-        </template>
-        <div class="dialog-wrapper">
-            <slot :visible="innerVisible" :open="open" :close="close" :toggle="toggle" />
-        </div>
-    </TDialog>
-</template>
-
-<script setup>
-import { onBeforeUnmount, onMounted, ref, watch } from "vue";
-
-import { Button as TButton, Dialog as TDialog, Popconfirm as TPopconfirm } from "tdesign-vue-next";
-
-defineOptions({
-    inheritAttrs: false
-});
-
-const openDelay = 100;
-const closeDelay = 300;
-
-const props = defineProps({
-    modelValue: {
-        type: Boolean,
-        default: undefined
-    },
-    title: {
-        type: String,
-        default: ""
-    },
-    width: {
-        type: String,
-        default: "600px"
-    },
-    confirmLoading: {
-        type: Boolean,
-        default: false
-    },
-    isConfirm: {
-        type: Boolean,
-        default: true
-    }
-});
-
-const emit = defineEmits(["update:modelValue", "close", "confirm", "cancel"]);
-
-let openDelayTimer = null;
-let closeDelayTimer = null;
-
-function clearTimer(timer) {
-    if (timer) {
-        clearTimeout(timer);
-    }
-    return null;
-}
-
-// 所有弹框约定：始终使用 v-if + v-model(modelValue)
-const innerVisible = ref(false);
-
-function open() {
-    emit("update:modelValue", true);
-}
-
-function close() {
-    openDelayTimer = clearTimer(openDelayTimer);
-    closeDelayTimer = clearTimer(closeDelayTimer);
-
-    innerVisible.value = false;
-    // 延迟通知上层关闭：配合 v-if，保证离场动画播完再卸载
-    closeDelayTimer = setTimeout(() => {
-        emit("update:modelValue", false);
-        closeDelayTimer = null;
-    }, closeDelay);
-}
-
-function toggle() {
-    if (innerVisible.value) {
-        close();
-        return;
-    }
-    open();
-}
-
-function createEventContext(trigger) {
-    return {
-        trigger: trigger,
-        visible: innerVisible.value,
-        open: open,
-        close: close,
-        toggle: toggle,
-        getVisible: () => innerVisible.value
-    };
-}
-
-function applyModelValue(value) {
-    if (value) {
-        // 关键点：先渲染为 false，再延迟 true，保证 v-if + 初次 visible=true 时也能触发进入动画
-        openDelayTimer = clearTimer(openDelayTimer);
-        innerVisible.value = false;
-        openDelayTimer = setTimeout(() => {
-            innerVisible.value = true;
-            openDelayTimer = null;
-        }, openDelay);
-        return;
-    }
-
-    openDelayTimer = clearTimer(openDelayTimer);
-    innerVisible.value = false;
-}
-
-onMounted(() => {
-    if (props.modelValue === true) {
-        applyModelValue(true);
-    }
-});
-
-onBeforeUnmount(() => {
-    openDelayTimer = clearTimer(openDelayTimer);
-    closeDelayTimer = clearTimer(closeDelayTimer);
-});
-
-watch(
-    () => props.modelValue,
-    (value) => {
-        if (value !== true && value !== false) {
-            return;
-        }
-
-        applyModelValue(value);
-    },
-    { immediate: false }
-);
-
-function closeByTrigger(trigger) {
-    // 固定交互：confirm 不自动关闭（等待异步提交成功后由调用侧 context.close() 决定关闭）
-    if (trigger === "confirm") {
-        return;
-    }
-    // cancel/close 自动关闭
-    close();
-}
-
-function onDialogClose() {
-    const context = createEventContext("close");
-    closeByTrigger("close");
-    emit("close", context);
-}
-
-function onDialogConfirm() {
-    const context = createEventContext("confirm");
-    emit("confirm", context);
-    closeByTrigger("confirm");
-}
-
-function onDialogCancel() {
-    const context = createEventContext("cancel");
-    emit("cancel", context);
-    closeByTrigger("cancel");
-}
-
-function onFooterConfirm() {
-    const context = createEventContext("confirm");
-    emit("confirm", context);
-    closeByTrigger("confirm");
-}
-
-function onFooterClose() {
-    const context = createEventContext("cancel");
-    emit("cancel", context);
-    closeByTrigger("cancel");
-}
-
-defineExpose({
-    open: open,
-    close: close,
-    toggle: toggle,
-    getVisible: () => innerVisible.value
-});
-</script>
-
-<style lang="scss" scoped>
-.dialog-wrapper {
-    background-color: var(--bg-color-page);
-    padding: var(--spacing-md);
-    border-radius: var(--border-radius);
-}
-.dialog-footer {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-}
-</style>

package/src/components/pagedTableDetail.vue

@@ -1,512 +0,0 @@
-<template>
-    <div class="page-table-detail page-table">
-        <div class="main-tool">
-            <div class="left">
-                <slot name="toolLeft" :reload="reload" :current-row="$Data.currentRow"></slot>
-            </div>
-            <div class="right">
-                <slot name="toolRight" :reload="reload" :current-row="$Data.currentRow"></slot>
-            </div>
-        </div>
-
-        <div class="main-content">
-            <div class="main-table">
-                <TTable :data="$Data.rows" :columns="tableColumns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" :row-key="rowKey" :height="tableHeight" active-row-type="single" @active-change="onActiveChange">
-                    <template #operation="scope">
-                        <slot name="operation" v-bind="buildOperationSlotProps(scope)"></slot>
-                    </template>
-
-                    <template v-for="name in forwardedTableSlotNames" :key="name" v-slot:[name]="scope">
-                        <slot :name="name" v-bind="scope"></slot>
-                    </template>
-                </TTable>
-            </div>
-
-            <div class="main-detail">
-                <slot name="detail" :row="$Data.currentRow" :reload="reload">
-                    <DetailPanel :data="$Data.currentRow" :fields="detailFields" />
-                </slot>
-            </div>
-        </div>
-
-        <div class="main-page">
-            <TPagination :current-page="$Data.pager.currentPage" :page-size="$Data.pager.limit" :total="$Data.pager.total" align="right" :layout="paginationLayout" @current-change="onPageChange" @page-size-change="onPageSizeChange" />
-        </div>
-
-        <slot name="dialogs" :reload="reload" :current-row="$Data.currentRow"></slot>
-    </div>
-</template>
-
-<script setup>
-defineOptions({ name: "PagedTableDetail" });
-
-import { reactive } from "vue";
-const props = defineProps({
-    columns: {
-        type: Array,
-        required: true
-    },
-    rowKey: {
-        type: String,
-        default: "id"
-    },
-    tableHeight: {
-        type: String,
-        default: "calc(100vh - var(--search-height) - var(--pagination-height) - var(--layout-gap) * 4)"
-    },
-    pageSize: {
-        type: Number,
-        default: 30
-    },
-    endpoints: {
-        type: Object,
-        default: undefined
-    },
-    paginationLayout: {
-        type: String,
-        default: "total, prev, pager, next, jumper"
-    },
-    autoLoad: {
-        type: Boolean,
-        default: true
-    },
-    tableSlotNames: {
-        type: Array,
-        default: undefined
-    }
-});
-
-const emit = defineEmits(["loaded", "row-change", "deleted"]);
-
-const slots = useSlots();
-
-const $Data = reactive({
-    rows: [],
-    loading: false,
-    pager: {
-        currentPage: 1,
-        limit: props.pageSize,
-        total: 0
-    },
-    currentRow: null,
-    activeRowKeys: []
-});
-
-let requestSeq = 0;
-
-function getColKey(col) {
-    const record = col;
-    const rawColKey = record["colKey"];
-    if (typeof rawColKey === "string") return rawColKey;
-    if (typeof rawColKey === "number") return String(rawColKey);
-    return "";
-}
-
-function filterValidColumns(input) {
-    if (!Array.isArray(input)) {
-        return [];
-    }
-
-    const out = [];
-
-    for (const col of input) {
-        if (!col || typeof col !== "object") {
-            continue;
-        }
-        const key = getColKey(col);
-        if (key.length === 0) {
-            continue;
-        }
-        out.push(col);
-    }
-
-    return out;
-}
-
-function mergeDetailColumns(mainColumns, extraColumns) {
-    const out = [];
-    const set = new Set();
-
-    for (const col of mainColumns) {
-        out.push(col);
-        const key = getColKey(col);
-        if (key) {
-            set.add(key);
-        }
-    }
-
-    for (const col of extraColumns) {
-        const key = getColKey(col);
-        if (key && set.has(key)) {
-            continue;
-        }
-        out.push(col);
-        if (key) {
-            set.add(key);
-        }
-    }
-
-    return out;
-}
-
-function isDetail(col) {
-    const record = col;
-    if (record["detail"] === true) return true;
-    return false;
-}
-
-const tableColumns = computed(() => {
-    const out = [];
-    const cols = filterValidColumns(props.columns);
-    for (const col of cols) {
-        if (isDetail(col)) continue;
-        out.push(col);
-    }
-    return out;
-});
-
-const detailFields = computed(() => {
-    // 只维护一个 columns：
-    // - detail: false（默认）=> 表格展示（同时也会出现在详情里，且顺序靠前）
-    // - detail: true          => 仅在详情展示（顺序靠后）
-    const extras = [];
-    const cols = filterValidColumns(props.columns);
-    for (const col of cols) {
-        if (!isDetail(col)) continue;
-        extras.push(col);
-    }
-
-    if (extras.length > 0) {
-        return mergeDetailColumns(tableColumns.value, extras);
-    }
-
-    // 默认复用表格列
-    return tableColumns.value;
-});
-
-const forwardedTableSlotNames = computed(() => {
-    if (Array.isArray(props.tableSlotNames) && props.tableSlotNames.length > 0) {
-        const out = [];
-        const set = new Set();
-        for (const name of props.tableSlotNames) {
-            if (typeof name !== "string") continue;
-            const trimmed = name.trim();
-            if (trimmed.length === 0) continue;
-            if (set.has(trimmed)) continue;
-            set.add(trimmed);
-            out.push(trimmed);
-        }
-        return out;
-    }
-
-    const names = [];
-    const reserved = ["toolLeft", "toolRight", "detail", "dialogs", "operation", "default"]; // operation 单独处理
-
-    for (const key of Object.keys(slots)) {
-        if (reserved.includes(key)) continue;
-        names.push(key);
-    }
-
-    return names;
-});
-
-function setCurrentRow(row) {
-    $Data.currentRow = row;
-    emit("row-change", { row: row });
-}
-
-function getRowKeyValue(row) {
-    const key = props.rowKey;
-    if (!key) return null;
-
-    const record = row;
-    const raw = record[key];
-    if (typeof raw === "string") return raw;
-    if (typeof raw === "number") return raw;
-    return null;
-}
-
-function applyAutoSelection(list, preferKey) {
-    if (!Array.isArray(list) || list.length === 0) {
-        setCurrentRow(null);
-        $Data.activeRowKeys = [];
-        return;
-    }
-
-    if (preferKey !== null) {
-        for (const row of list) {
-            const k = getRowKeyValue(row);
-            if (k === preferKey) {
-                setCurrentRow(row);
-                $Data.activeRowKeys = [k];
-                return;
-            }
-        }
-    }
-
-    const first = list[0];
-    const firstKey = getRowKeyValue(first);
-    setCurrentRow(first);
-
-    if (firstKey === null) {
-        $Data.activeRowKeys = [];
-        return;
-    }
-
-    $Data.activeRowKeys = [firstKey];
-}
-
-function getLastPage(total, limit) {
-    if (total <= 0) return 1;
-    if (limit <= 0) return 1;
-    const pages = Math.ceil(total / limit);
-    if (!Number.isFinite(pages) || pages <= 0) return 1;
-    return pages;
-}
-
-async function loadList(options) {
-    const listEndpoint = props.endpoints?.list;
-    if (!listEndpoint) {
-        return;
-    }
-
-    const preferKey = options?.keepSelection ? ($Data.currentRow ? getRowKeyValue($Data.currentRow) : null) : null;
-
-    requestSeq += 1;
-    const seq = requestSeq;
-
-    $Data.loading = true;
-    try {
-        const pageKey = listEndpoint.pageKey || "page";
-        const limitKey = listEndpoint.limitKey || "limit";
-
-        const data = {};
-        data[pageKey] = $Data.pager.currentPage;
-        data[limitKey] = $Data.pager.limit;
-
-        if (listEndpoint.buildData) {
-            const extra = listEndpoint.buildData({
-                currentPage: $Data.pager.currentPage,
-                limit: $Data.pager.limit
-            });
-            if (extra && typeof extra === "object") {
-                for (const k of Object.keys(extra)) {
-                    data[k] = extra[k];
-                }
-            }
-        }
-
-        const res = await $Http.json(listEndpoint.path, data, listEndpoint.dropValues, listEndpoint.dropKeyValue);
-
-        // 并发保护：旧请求返回后不应覆盖新请求的状态
-        if (seq !== requestSeq) {
-            return;
-        }
-
-        const lists = Array.isArray(res?.data?.lists) ? res.data.lists : [];
-        const total = typeof res?.data?.total === "number" ? res.data.total : 0;
-
-        // B：页码越界修正（删除/过滤等导致 total 变小后，当前页可能已不存在）
-        const allowPageFallback = options?.allowPageFallback !== false;
-        if (allowPageFallback && lists.length === 0 && total > 0) {
-            const lastPage = getLastPage(total, $Data.pager.limit);
-            if ($Data.pager.currentPage > lastPage) {
-                $Data.pager.currentPage = lastPage;
-                await loadList({
-                    keepSelection: false,
-                    allowPageFallback: false
-                });
-                return;
-            }
-        }
-
-        $Data.rows = lists;
-        $Data.pager.total = total;
-
-        applyAutoSelection(lists, preferKey);
-        emit("loaded", { rows: lists, total: total });
-    } catch (error) {
-        if (seq !== requestSeq) {
-            return;
-        }
-        MessagePlugin.error("加载数据失败");
-    } finally {
-        if (seq === requestSeq) {
-            $Data.loading = false;
-        }
-    }
-}
-
-async function reload(options) {
-    if (options?.resetPage) {
-        $Data.pager.currentPage = 1;
-    }
-    await loadList({
-        keepSelection: options?.keepSelection,
-        allowPageFallback: true
-    });
-}
-
-function onPageChange(info) {
-    $Data.pager.currentPage = info.currentPage;
-    reload({ keepSelection: true });
-}
-
-function onPageSizeChange(info) {
-    $Data.pager.limit = info.pageSize;
-    $Data.pager.currentPage = 1;
-    reload({ keepSelection: false });
-}
-
-function onActiveChange(value, context) {
-    // 禁止取消高亮：如果新值为空，保持当前选中
-    if (value.length === 0) {
-        if ($Data.activeRowKeys.length > 0) {
-            return;
-        }
-
-        $Data.activeRowKeys = [];
-        setCurrentRow(null);
-        return;
-    }
-
-    $Data.activeRowKeys = value;
-
-    const list = context.activeRowList;
-    if (list && Array.isArray(list) && list.length > 0) {
-        const row = list[0]?.row || null;
-        setCurrentRow(row);
-        return;
-    }
-
-    // C1：兜底回查（activeRowList 缺失时按 key 在 rows 中回查）
-    const activeKey = value[0];
-    for (const row of $Data.rows) {
-        const key = getRowKeyValue(row);
-        if (key === activeKey) {
-            setCurrentRow(row);
-            return;
-        }
-    }
-}
-
-function getDeleteConfirmContent(ep, row) {
-    const confirm = ep.confirm;
-    if (!confirm) {
-        return {
-            header: "确认删除",
-            body: "确认删除该记录吗？",
-            confirmBtn: "删除"
-        };
-    }
-
-    if (typeof confirm === "function") {
-        return confirm(row);
-    }
-
-    return confirm;
-}
-
-async function deleteRow(row) {
-    const ep = props.endpoints?.delete;
-    if (!ep) {
-        MessagePlugin.error("未配置删除接口");
-        return;
-    }
-
-    const idKey = ep.idKey || "id";
-    const record = row;
-    const rawId = record[idKey];
-
-    if (rawId === null || rawId === undefined || rawId === "") {
-        MessagePlugin.error("删除失败：缺少主键");
-        return;
-    }
-
-    const confirmContent = getDeleteConfirmContent(ep, 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: confirmContent.header,
-        body: confirmContent.body,
-        status: confirmContent.status || "warning",
-        confirmBtn: confirmContent.confirmBtn || "删除",
-        cancelBtn: confirmContent.cancelBtn || "取消",
-        onConfirm: async () => {
-            if (dialog && typeof dialog.setConfirmLoading === "function") {
-                dialog.setConfirmLoading(true);
-            }
-
-            try {
-                const data = {};
-                data[idKey] = rawId;
-
-                if (ep.buildData) {
-                    const extra = ep.buildData(row);
-                    if (extra && typeof extra === "object") {
-                        for (const k of Object.keys(extra)) {
-                            data[k] = extra[k];
-                        }
-                    }
-                }
-
-                await $Http.json(ep.path, data, ep.dropValues, ep.dropKeyValue);
-
-                MessagePlugin.success("删除成功");
-                destroy();
-                emit("deleted", { row: row });
-                await reload({ keepSelection: true });
-            } catch (error) {
-                MessagePlugin.error("删除失败");
-            } finally {
-                if (dialog && typeof dialog.setConfirmLoading === "function") {
-                    dialog.setConfirmLoading(false);
-                }
-            }
-        },
-        onClose: () => {
-            destroy();
-        }
-    });
-}
-
-function buildOperationSlotProps(scope) {
-    const out = {};
-
-    for (const k of Object.keys(scope)) {
-        out[k] = scope[k];
-    }
-
-    out["deleteRow"] = deleteRow;
-    out["reload"] = reload;
-
-    return out;
-}
-
-defineExpose({
-    reload: reload,
-    deleteRow: deleteRow,
-    rows: $Data.rows,
-    pager: $Data.pager,
-    currentRow: $Data.currentRow
-});
-
-onMounted(() => {
-    if (!props.autoLoad) return;
-    reload({ keepSelection: false });
-});
-</script>
-
-<style scoped lang="scss">
-// 样式继承自全局 page-table
-</style>

package/src/layouts/1.vue

@@ -1,8 +0,0 @@
-<template>
-    <router-view />
-</template>
-
-<script setup>
-// 空布局 - 不包含任何框架结构
-// 用于登录页等不需要导航栏和侧边栏的页面
-</script>