查看“︁Module:沙盒”︁的源代码

local p = {}

function p.main(frame)
    local args = frame:getParent().args
    local type = args.type or "info"

    -- 自定义图标
    local customIcon = args.icon
    local iconStyle = {}

    if customIcon and customIcon ~= "" then
        -- 自动解析
        if not customIcon:match("^https?://") and not customIcon:match("^/") then
            local title = mw.title.new("File:" .. customIcon)
            if title then
                customIcon = title:getUrl()
            end
        end
        table.insert(iconStyle, string.format("-webkit-mask-image: url(%s);", customIcon))
        table.insert(iconStyle, string.format("mask-image: url(%s);", customIcon))
        table.insert(iconStyle, "background-color: currentColor;")
    end

    -- 图标基础样式
    table.insert(iconStyle, "-webkit-mask-repeat: no-repeat;")
    table.insert(iconStyle, "-webkit-mask-position: center;")
    table.insert(iconStyle, "-webkit-mask-size: contain;")

    -- 合并
    iconStyle = table.concat(iconStyle, " ")

    -- text 模式
    local textContent = args.text or args[1]
    if textContent and textContent ~= "" then
        return string.format([[
<div class="notice notice-%s">
  <div class="notice-icon" style="%s"></div>
  <div class="notice-text text-base">
    <div class="notice-text-only text-base">%s</div>
  </div>
</div>
]], type, iconStyle, textContent)
    end

    -- 列表
    local listItems = {}
    for i = 1, 50 do
        local key = "l" .. i
        if args[key] and args[key] ~= "" then
            table.insert(listItems, "<li>" .. args[key] .. "</li>")
        end
    end

    local listHtml = ""
    if #listItems > 0 then
        listHtml = "<ul class=\"notice-list text-sm\">" .. table.concat(listItems, "\n") .. "</ul>"
    elseif args.list and args.list ~= "" then
        listHtml = "<ul class=\"notice-list text-sm\">" .. args.list .. "</ul>"
    end

    -- 完整输出
    return string.format([[
<div class="notice notice-%s">
  <div class="notice-icon" style="%s"></div>
  <div class="notice-text text-base">
    <div class="notice-title text-base">%s</div>
    %s
    <div class="notice-detail text-sm">%s</div>
  </div>
</div>
]], type, iconStyle, args.title or "", listHtml, args.detail or "")
end

return p