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

local p = {}

local SITE = "https://voca.wiki"

local BASE_ICON_STYLE =
    "-webkit-mask-repeat:no-repeat;" ..
    "-webkit-mask-position:center;" ..
    "-webkit-mask-size:contain;"

-- 自定义图标
local function buildIconStyle(icon)
    if not icon or icon == "" then
        return ""
    end

    icon = mw.text.trim(tostring(icon))

    if not icon:match("^[%w%-%_ %.]+%.svg$") then
        return ""
    end
    
    local filename = icon:gsub(" ", "_")
    local encoded = mw.uri.encode(filename, "PATH")
    local url = SITE .. "/Special:Redirect/file/" .. encoded

    -- 覆盖
    return string.format('-webkit-mask-image:url("%s");mask-image:url("%s");', url, url)
end

-- 图标样式
local function buildIconAttr(args)
    local iconStyle = buildIconStyle(args.icon)
    local style = BASE_ICON_STYLE .. iconStyle
    return ' style="' .. style .. '"'
end

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

    local iconAttr = buildIconAttr(args)

    -- 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"%s></div>
  <div class="notice-text text-base">
    <div class="notice-text-only text-base">%s</div>
  </div>
</div>
]], type_, iconAttr, 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"%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_, iconAttr, args.title or "", listHtml, args.detail or "")
end

return p