Module:沙盒

欢迎来到Vocawiki公共沙盒

您可以在登录后点击右上角的编辑按钮开始测试；
本页面存在内容为正常现象，您可以直接将其删除并进行自己的测试。当然，请不要删除本模板；
本页面随时可能会被清空，请及时将代码保存至其它地方。您亦可在自己的沙盒进行测试。

local p = {}

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

    -- icon key
    local iconKey = args.icon
    local iconAttr = ""
    if iconKey and iconKey ~= "" then
        iconAttr = string.format(' data-icon="%s"', iconKey)
    end

    -- icon div
    local iconDivOpen = string.format(
        '<div class="notice-icon"%s style="-webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain;"></div>',
        iconAttr
    )

    -- text 模式
    local textContent = args.text or args[1]
    if textContent and textContent ~= "" then
        return string.format([[
<div class="notice notice-%s">
  %s
  <div class="notice-text text-base">
    <div class="notice-text-only text-base">%s</div>
  </div>
</div>
]], type, iconDivOpen, 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">
  %s
  <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, iconDivOpen, args.title or "", listHtml, args.detail or "")
end

return p