模块

事件:修订间差异

来自卡厄思梦境WIKI

律Rhyme留言 | 贡献
无编辑摘要
律Rhyme留言 | 贡献
无编辑摘要
第2行: 第2行:
local eventData = mw.loadData('模块:事件/data')
local eventData = mw.loadData('模块:事件/data')


-- 原有的main函数保持不变
function p.main(frame)
function p.main(frame)
     -- 直接从frame.args获取参数(用于#invoke调用)
     -- 直接从frame.args获取参数(用于#invoke调用)
第21行: 第22行:
     end
     end
      
      
    return p._renderEvent(frame, eventName, event)
end
-- 抽取渲染单个事件的函数
function p._renderEvent(frame, eventName, event)
     -- 构建HTML
     -- 构建HTML
     local html = mw.html.create('div')
     local html = mw.html.create('div')
第77行: 第83行:
function p.list(frame)
function p.list(frame)
     local args = frame.args
     local args = frame.args
     local displayMode = args.mode or "grid"  -- grid, list, table
     local displayMode = args.mode or "grid"  -- grid 或 full
     local sortBy = args.sort or "name"  -- name, area, rarity
     local sortBy = args.sort or "name"  -- name, area, rarity
     local filterArea = args.area  -- 可选:筛选特定区域
     local filterArea = args.area  -- 可选:筛选特定区域
     local filterRarity = args.rarity  -- 可选:筛选特定稀有度
     local filterRarity = args.rarity  -- 可选:筛选特定稀有度
    local columns = tonumber(args.columns) or 2  -- 完整布局时的列数
      
      
     -- 收集并排序事件
     -- 收集并排序事件
第117行: 第124行:
      
      
     -- 根据显示模式生成HTML
     -- 根据显示模式生成HTML
     if displayMode == "table" then
     if displayMode == "full" then
         return p._generateTable(frame, events)
         return p._generateFullLayout(frame, events, columns)
    elseif displayMode == "list" then
        return p._generateList(frame, events)
     else
     else
         return p._generateGrid(frame, events)
         return p._generateGrid(frame, events)
第134行: 第139行:
         local card = html:tag('div')
         local card = html:tag('div')
             :addClass('event-card')
             :addClass('event-card')
            :attr('data-event-name', event.name)
          
          
         -- 缩略图
         -- 缩略图
第139行: 第145行:
         card:tag('div')
         card:tag('div')
             :addClass('event-card-image')
             :addClass('event-card-image')
             :wikitext('[[File:' .. imageFile .. '|200px|link=' .. event.name .. ']]')
             :wikitext('[[File:' .. imageFile .. '|200px|link=]]')
          
          
         -- 信息
         -- 信息
第145行: 第151行:
             :addClass('event-card-info')
             :addClass('event-card-info')
          
          
         -- 标题(链接到事件页面)
         -- 标题
         info:tag('div')
         info:tag('div')
             :addClass('event-card-title')
             :addClass('event-card-title')
             :wikitext('[[' .. event.name .. ']]')
             :wikitext(event.name)
          
          
         -- 标签
         -- 标签
第166行: 第172行:
                 :wikitext(event.data.rarity)
                 :wikitext(event.data.rarity)
         end
         end
       
        -- 查看详情按钮
        info:tag('div')
            :addClass('event-card-button')
            :tag('button')
                :addClass('event-view-detail')
                :attr('data-event-name', event.name)
                :wikitext('查看详情')
     end
     end
   
    -- 添加模态框容器
    html:tag('div')
        :addClass('event-modal')
        :attr('id', 'event-modal')
        :css('display', 'none')
        :tag('div')
            :addClass('event-modal-content')
            :attr('id', 'event-modal-content')
      
      
     return tostring(html)
     return tostring(html)
end
end


-- 生成列表视图
-- 生成布局视图
function p._generateList(frame, events)
function p._generateFullLayout(frame, events, columns)
     local html = mw.html.create('div')
     local html = mw.html.create('div')
         :addClass('event-list')
         :addClass('event-full-layout')
   
    local currentArea = nil
      
      
     for _, event in ipairs(events) do
     -- 添加筛选信息
        -- 如果按区域排序,添加区域标题
    if #events > 0 then
        if event.data.area and event.data.area ~= currentArea then
         local infoBar = html:tag('div')
            currentArea = event.data.area
             :addClass('event-info-bar')
            html:tag('h3')
             :wikitext('共找到 ' .. #events .. ' 个事件')
                :addClass('event-list-header')
                :wikitext(currentArea)
        end
       
         local item = html:tag('div')
             :addClass('event-list-item')
       
        -- 左侧:缩略图
        local imageFile = 'cc_' .. event.data.id .. '.png'
        item:tag('div')
            :addClass('event-list-image')
            :wikitext('[[File:' .. imageFile .. '|80px|link=' .. event.name .. ']]')
       
        -- 中间:信息
        local info = item:tag('div')
            :addClass('event-list-info')
       
        info:tag('div')
            :addClass('event-list-title')
             :wikitext('[[' .. event.name .. ']]')
       
        -- 选项预览
        local options = info:tag('div')
            :addClass('event-list-options')
       
        for i = 1, 3 do
            if event.data.option[i] then
                options:tag('span')
                    :addClass('event-list-option')
                    :wikitext(event.data.option[i])
               
                if i < 3 and event.data.option[i+1] then
                    options:wikitext(' • ')
                end
            end
        end
       
        -- 右侧:标签
        local tags = item:tag('div')
            :addClass('event-list-tags')
       
        if event.data.rarity then
            tags:tag('span')
                :addClass('event-tag event-tag-rarity')
                :addClass('event-tag-' .. event.data.rarity)
                :wikitext(event.data.rarity)
        end
     end
     end
      
      
     return tostring(html)
     -- 创建网格容器
end
    local gridContainer = html:tag('div')
 
        :addClass('event-full-grid')
-- 生成表格视图
        :css('display', 'grid')
function p._generateTable(frame, events)
        :css('grid-template-columns', 'repeat(' .. columns .. ', 1fr)')
    local html = mw.html.create('table')
        :css('gap', '20px')
         :addClass('wikitable event-table sortable')
         :css('padding', '20px')
      
      
     -- 表头
     -- 按区域分组(可选)
     local header = html:tag('tr')
     local currentArea = nil
    header:tag('th'):wikitext('图片')
    header:tag('th'):wikitext('名称')
    header:tag('th'):wikitext('区域')
    header:tag('th'):wikitext('稀有度')
    header:tag('th'):wikitext('选项')
      
      
    -- 表格内容
     for _, event in ipairs(events) do
     for _, event in ipairs(events) do
        local row = html:tag('tr')
         -- 如果按区域排序且区域改变,可以添加分隔
       
         if sortBy == "area" and event.data.area ~= currentArea then
         -- 图片
             currentArea = event.data.area
         local imageFile = 'cc_' .. event.data.id .. '.png'
            -- 添加区域标题(占满整行)
        row:tag('td')
             gridContainer:tag('div')
             :addClass('event-table-image')
                 :addClass('event-area-header')
            :wikitext('[[File:' .. imageFile .. '|100px|link=' .. event.name .. ']]')
                 :css('grid-column', '1 / -1')
       
                 :tag('h3')
        -- 名称
                    :wikitext(currentArea or '其他')
        row:tag('td')
            :wikitext('[[' .. event.name .. ']]')
       
        -- 区域
        row:tag('td')
            :wikitext(event.data.area or '-')
       
        -- 稀有度
        local rarityCell = row:tag('td')
        if event.data.rarity then
             rarityCell:tag('span')
                 :addClass('event-tag event-tag-rarity')
                 :addClass('event-tag-' .. event.data.rarity)
                 :wikitext(event.data.rarity)
        else
            rarityCell:wikitext('-')
         end
         end
          
          
         -- 选项
         -- 添加事件容器
         local optionsCell = row:tag('td')
         local eventWrapper = gridContainer:tag('div')
             :addClass('event-table-options')
             :addClass('event-full-item')
          
          
         local optionsList = optionsCell:tag('ol')
         -- 渲染事件
        for i = 1, 3 do
        eventWrapper:wikitext(p._renderEvent(frame, event.name, event.data))
            if event.data.option[i] then
                optionsList:tag('li')
                    :wikitext(event.data.option[i])
            end
        end
     end
     end
      
      

2025年10月18日 (六) 12:16的版本

此模块的文档可以在模块:事件/doc创建

local p = {}
local eventData = mw.loadData('模块:事件/data')

-- 原有的main函数保持不变
function p.main(frame)
    -- 直接从frame.args获取参数(用于#invoke调用)
    local eventName = frame.args[1] or frame.args.name
    
    -- 如果没有找到,尝试从父frame获取(用于模板调用)
    if not eventName and frame:getParent() then
        local parentArgs = frame:getParent().args
        eventName = parentArgs[1] or parentArgs.name
    end
    
    if not eventName or eventName == '' then
        return "错误:未指定事件名称"
    end
    
    local event = eventData[eventName]
    if not event then
        return "错误:找不到事件 '" .. eventName .. "'"
    end
    
    return p._renderEvent(frame, eventName, event)
end

-- 抽取渲染单个事件的函数
function p._renderEvent(frame, eventName, event)
    -- 构建HTML
    local html = mw.html.create('div')
        :addClass('event-container')
        :attr('data-event-id', event.id)
    
    -- 图片容器
    local imageContainer = html:tag('div')
        :addClass('event-image-container')
    
    -- 图片
    local imageFile = 'cc_' .. event.id .. '.png'
    imageContainer:wikitext('[[File:' .. imageFile .. '|375px|link=]]')
    
    -- 标题条
    imageContainer:tag('div')
        :addClass('event-title-bar')
        :tag('div')
            :addClass('event-title')
            :wikitext(eventName)
    
    -- 选项容器
    local optionsContainer = html:tag('div')
        :addClass('event-options-container')
    
    -- 选项
    for i = 1, 3 do
        if event.option[i] then
            local optionWrapper = optionsContainer:tag('div')
                :addClass('event-option-wrapper')
            
            local optionDiv = optionWrapper:tag('div')
                :addClass('event-option')
                :attr('data-option-id', tostring(i))
                :attr('data-event-name', eventName)
            
            -- 选项文本
            optionDiv:tag('div')
                :addClass('option-text')
                :wikitext(event.option[i])
            
            -- 效果文本容器(默认隐藏)
            local effectDiv = optionWrapper:tag('div')
                :addClass('option-effect-container')
                :css('display', 'none')
                :tag('div')
                    :addClass('option-effect')
                    :wikitext(frame:preprocess(event.effect[i]))
        end
    end
    
    return tostring(html)
end

-- 显示所有事件列表
function p.list(frame)
    local args = frame.args
    local displayMode = args.mode or "grid"  -- grid 或 full
    local sortBy = args.sort or "name"  -- name, area, rarity
    local filterArea = args.area  -- 可选:筛选特定区域
    local filterRarity = args.rarity  -- 可选:筛选特定稀有度
    local columns = tonumber(args.columns) or 2  -- 完整布局时的列数
    
    -- 收集并排序事件
    local events = {}
    for name, data in pairs(eventData) do
        -- 应用筛选
        local include = true
        if filterArea and filterArea ~= '' and data.area ~= filterArea then
            include = false
        end
        if filterRarity and filterRarity ~= '' and data.rarity ~= filterRarity then
            include = false
        end
        
        if include then
            table.insert(events, {name = name, data = data})
        end
    end
    
    -- 排序
    table.sort(events, function(a, b)
        if sortBy == "area" then
            if a.data.area ~= b.data.area then
                return a.data.area < b.data.area
            end
            return a.name < b.name
        elseif sortBy == "rarity" then
            if a.data.rarity ~= b.data.rarity then
                return a.data.rarity < b.data.rarity
            end
            return a.name < b.name
        else
            return a.name < b.name
        end
    end)
    
    -- 根据显示模式生成HTML
    if displayMode == "full" then
        return p._generateFullLayout(frame, events, columns)
    else
        return p._generateGrid(frame, events)
    end
end

-- 生成网格视图
function p._generateGrid(frame, events)
    local html = mw.html.create('div')
        :addClass('event-grid')
    
    for _, event in ipairs(events) do
        local card = html:tag('div')
            :addClass('event-card')
            :attr('data-event-name', event.name)
        
        -- 缩略图
        local imageFile = 'cc_' .. event.data.id .. '.png'
        card:tag('div')
            :addClass('event-card-image')
            :wikitext('[[File:' .. imageFile .. '|200px|link=]]')
        
        -- 信息
        local info = card:tag('div')
            :addClass('event-card-info')
        
        -- 标题
        info:tag('div')
            :addClass('event-card-title')
            :wikitext(event.name)
        
        -- 标签
        local tags = info:tag('div')
            :addClass('event-card-tags')
        
        if event.data.area then
            tags:tag('span')
                :addClass('event-tag event-tag-area')
                :wikitext(event.data.area)
        end
        
        if event.data.rarity then
            tags:tag('span')
                :addClass('event-tag event-tag-rarity')
                :addClass('event-tag-' .. event.data.rarity)
                :wikitext(event.data.rarity)
        end
        
        -- 查看详情按钮
        info:tag('div')
            :addClass('event-card-button')
            :tag('button')
                :addClass('event-view-detail')
                :attr('data-event-name', event.name)
                :wikitext('查看详情')
    end
    
    -- 添加模态框容器
    html:tag('div')
        :addClass('event-modal')
        :attr('id', 'event-modal')
        :css('display', 'none')
        :tag('div')
            :addClass('event-modal-content')
            :attr('id', 'event-modal-content')
    
    return tostring(html)
end

-- 生成布局视图
function p._generateFullLayout(frame, events, columns)
    local html = mw.html.create('div')
        :addClass('event-full-layout')
    
    -- 添加筛选信息
    if #events > 0 then
        local infoBar = html:tag('div')
            :addClass('event-info-bar')
            :wikitext('共找到 ' .. #events .. ' 个事件')
    end
    
    -- 创建网格容器
    local gridContainer = html:tag('div')
        :addClass('event-full-grid')
        :css('display', 'grid')
        :css('grid-template-columns', 'repeat(' .. columns .. ', 1fr)')
        :css('gap', '20px')
        :css('padding', '20px')
    
    -- 按区域分组(可选)
    local currentArea = nil
    
    for _, event in ipairs(events) do
        -- 如果按区域排序且区域改变,可以添加分隔
        if sortBy == "area" and event.data.area ~= currentArea then
            currentArea = event.data.area
            -- 添加区域标题(占满整行)
            gridContainer:tag('div')
                :addClass('event-area-header')
                :css('grid-column', '1 / -1')
                :tag('h3')
                    :wikitext(currentArea or '其他')
        end
        
        -- 添加事件容器
        local eventWrapper = gridContainer:tag('div')
            :addClass('event-full-item')
        
        -- 渲染事件
        eventWrapper:wikitext(p._renderEvent(frame, event.name, event.data))
    end
    
    return tostring(html)
end

return p