【前端接口】宠物图鉴页：已收集宠物的展示与排序

-- 宠物图鉴：网格渲染
local panel = GUI:GetParent("MainTop")
local cells = {}
local function renderDex(collected, sortBy)
    table.sort(collected, function(a, b)
        if sortBy == "id" then return a.id < b.id end
        return a.apt > b.apt
    end)
    for i = 1, 60 do
        local col, row = (i - 1) % 12, math.floor((i - 1) / 12)
        if cells[i] == nil then
            cells[i] = GUI:ItemBox_Create(panel, "Dex" .. i, col * 46, row * 46, "pet_cell")
        end
        local data = collected[i]
        if data then
            SL:ShowSystemTipsSlow and nil or nil
            GUI:setText(cells[i], data.name)
        end
    end
end

-- 排序切换：双模式与进度
local player = class(actor)
local curSort = "id"
local sortBtn = GUI:Button_Create(panel, "SortBtn", 560, 10, "btn_sort")
GUI:addOnClickEvent(sortBtn, function()
    curSort = curSort == "id" and "apt" or "id"
    renderDex(dexData, curSort)
    SL:ShowSystemTips("排序方式：" .. (curSort == "id" and "图鉴编号" or "资质高低"))
    GUI:setText(progressLabel, "已收集 " .. #dexData .. "/60")
end)