模块:收纳表：修订间差异

跳到导航 跳到搜索

模块:收纳表 (查看源代码)

2022年6月30日 (四) 09:10的版本

添加1,132字节 、​ 2022年6月30日 (星期四)
无编辑摘要
小无编辑摘要
无编辑摘要
第1行： 第1行：


--各个可在模版中使用的的参数的用途，如
--理论上能调整所有的style，并可新增class
--(参数名)(=某值，代表预设值，nil代表空的值): (用途)
--|stab(css)   选择栏的css。曾经为select(css)
--大小写有区别！
--|sitem(css) 选择栏中每个物件的css
--[[
--|ctab(css)  内容栏的css。曾经为text(css)
selectHeight    = nil: 选择的最大高度，如100px。若有设置而内容太长挤不进去，则右方会多一个滚动条
--|citem(css) 内容栏中每个物件的css
textHeight      = nil:  内容的最大高度，如10em。同上。
 
selectWidth    = nil:  选择的最大宽度，如50%。若有设置而内容太长挤不进去，则下方会多一个滚动条
--[[ 非css的参数设定
textWidth      = nil:  内容的最大宽度，如75ch。同上。
splitCount      = 5:    决定每行有几个物件
splitCount      = 5:    决定每行有几个物件
textDisplay    = down: 内容相对于选择栏的位置，可输入
textDisplay    = down: 内容相对于选择栏的位置，可输入
第16行： 第15行：
--]]
--]]


local p = {}
local tabIndices = {} --用于处理编号非连续的情况
local divCSS = {}
local selectTabCSS = {
    class      = '',
    splitCount = '5',
    display    = 'grid',
    margin    = '2.5%',
    gap        = '6px',
}
local selectItemCSS = {
    class  = '',
    margin  = '0',
    padding = '0',
    ['font-weight'] = '700',
}
local contentTabCSS = {
    class  = '',
    display = 'inline',
    margin  = '2.5%',
    ['margin-left'] = '0',
    height  = '400px',
    ['overflow-y']  = 'auto',
    width  = '60%',
}
local contentItemCSS = {}






local p = {}
local function firstToLower(str)
    return str:gsub("^%u", string.lower)
end
 
--处理旧参数名与别名
local function replaceArgsName(str)
    str = str:gsub('^select', 'stab')
    str = str:gsub('^text', 'ctab')
    --[[str = str:gsub('^selecttab', 'st')
    str = str:gsub('^selectitem', 'si')
    str = str:gsub('^contenttab', 'ct')
    str = str:gsub('^contentitem', 'ci')]]--
    return str
end


--处理可选择人名
--处理选择栏
local function renderSelect(tabIndices, args)
local function renderSelect(contents, vertical)
    local splitCount = tonumber(args['splitCount'])
     local tabs_pages = mw.html.create('div')
     local tabs_pages = mw.html.create('div')
         :addClass('tabs_pages')
         :addClass('tabs_pages ' .. selectTabCSS['class'])
        :css('display', 'grid')
         :css('grid-template-columns',
        :css('margin', '2.5%')
            string.rep('1fr ', tonumber(selectTabCSS['splitCount'])))
        :css('gap', '6px')
 
         :css('grid-template-columns', string.rep('1fr ', splitCount))
     if vertical then
       
     if args['textDisplay'] == 'left' or args['textDisplay'] == 'right' then
         tabs_pages
         tabs_pages
             :css('display', 'inline-grid')
             :css('display', 'inline-grid')
第38行： 第73行：
             :css('width', '20%')
             :css('width', '20%')
     end
     end
     if args['selectHeight'] ~= nil then
     if selectTabCSS['height'] ~= nil then
         tabs_pages
         tabs_pages:css('overflow-y', 'auto')
            :css('height', args['selectHeight'])
            :css('overflow-y', 'auto')
     end
     end
     if args['selectWidth'] ~= nil then
     if selectTabCSS['width'] ~= nil then
         tabs_pages
         tabs_pages:css('overflow-x', 'auto')
            :css('width', args['selectWidth'])
            :css('overflow-x', 'auto')
     end
     end


    selectTabCSS['class'] = nil
    selectTabCSS['splitCount'] = nil
    tabs_pages:css(selectTabCSS)
    local itemClass = selectItemCSS['class']
    selectItemCSS['class'] = nil
     for _, tabIndex in ipairs(tabIndices) do
     for _, tabIndex in ipairs(tabIndices) do
         tabs_pages:tag('div')
         tabs_pages:tag('div')
             :addClass('tab')
             :addClass('tab ' .. itemClass)
             :css('margin', '0')
             :css(selectItemCSS)
            :css('padding', '0')
             :wikitext(contents['tab' .. tabIndex])
            :css('font-weight', '700')
             :wikitext(args['tab' .. tabIndex])
     end
     end


第63行： 第98行：




--处理感言内容
--处理内容栏
local function renderContent(tabIndices, args)
local function renderContent(contents, vertical)
     local tabs_contents = mw.html.create('div')
     local tabs_contents = mw.html.create('div')
         :addClass('tabs-contents')
         :addClass('tabs-contents ' .. contentTabCSS['class'])


     if args['textDisplay'] == 'left' or args['textDisplay'] == 'right' then
     if vertical then
         tabs_contents
         tabs_contents
             :css('display', 'inline')
             :css('display', 'inline')
第77行： 第112行：
             :css('width', '60%')
             :css('width', '60%')
     end
     end
     if args['textHeight'] ~= nil then
     if contentTabCSS['textHeight'] ~= nil then
         tabs_contents
         tabs_contents:css('overflow-y', 'auto')
            :css('height', args['textHeight'])
            :css('overflow-y', 'auto')
     end
     end
     if args['textWidth'] ~= nil then
     if contentTabCSS['textWidth'] ~= nil then
         tabs_contents
         tabs_contents:css('overflow-x', 'auto')
            :css('width', args['textWidth'])
            :css('overflow-x', 'auto')
     end
     end


    contentTabCSS['class'] = nil
    tabs_contents:css(contentTabCSS)
    local itemClass = contentItemCSS['class']
    contentItemCSS['class'] = nil
     for _, tabIndex in ipairs(tabIndices) do
     for _, tabIndex in ipairs(tabIndices) do
         tabs_contents:tag('div')
         tabs_contents:tag('div')
             :addClass('tab-c')
             :addClass('tab-c ' .. itemClass)
             :wikitext(args['content' .. tabIndex])
            :css(contentItemCSS)
             :wikitext(contents['content' .. tabIndex])
     end
     end


第100行： 第137行：


function p.selectTable(frame)
function p.selectTable(frame)
     local args = {splitCount=5}
     local args = {}
    local tabIndices = {}


     --获取页面传来的参数，而非模板本身的参数
     --获取页面传来的参数，而非模板#invoke時的参数
     local parent_args = frame:getParent().args;
     local page_args = frame:getParent().args;


     --将获取的参数传给args
     --将获取的参数传给args
     for k, v in pairs(parent_args) do
     for k, v in pairs(page_args) do
         if v ~= 'nil' then args[k] = v end --避免空的参数
         if v ~= 'nil' then args[replaceArgsName(k)] = v end --避免空的参数
     end
     end


    --|tab(x) 的数字可能非123...，可能是012...、037...等
     for k, v in pairs(args) do
    --用于处理上述情况
         k = '' .. k
     for k, _ in pairs(args) do
        if not k:match('^content%d+') then
         local tabIndex = ('' .. k):match('^tab(%d+)$')
            if k:match('^tab%d+$') then
        if tabIndex then table.insert(tabIndices, tonumber(tabIndex)) end
                table.insert(tabIndices, tonumber(k:sub(4)))
            elseif k:match('^stab') then
                selectTabCSS[firstToLower(k:sub(5))] = v
            elseif k:match('^sitem') then
                selectItemCSS[firstToLower(k:sub(6))] = v
            elseif k:match('^ctab') then
                contentTabCSS[firstToLower(k:sub(5))] = v
            elseif k:match('^citem') then
                contentItemCSS[firstToLower(k:sub(6))] = v
            else
                divCSS[firstToLower(k)] = v
            end
        end
     end
     end
     table.sort(tabIndices)
     table.sort(tabIndices)


    local mainDiv = mw.html.create('div')
    local vertical = args['textDisplay'] == 'left' or args['textDisplay'] == 'right'
    if vertical then mainDiv:css('display', 'flex') end


     local mainDiv = mw.html.create('div')
     local divClass = divCSS['class']
         :addClass('tabs-container')
    divCSS['class'] = nil
    mainDiv
         :addClass('tabs-container ' .. divClass)
        :css(divCSS)


    if args['textDisplay'] == 'left' or args['textDisplay'] == 'right' then
        mainDiv:css('display', 'flex')
    end
   
     if args['textDisplay'] == 'top' or args['textDisplay'] == 'left' then
     if args['textDisplay'] == 'top' or args['textDisplay'] == 'left' then
         mainDiv:node(renderContent(tabIndices, args))
         mainDiv:node(renderContent(args, vertical))
         mainDiv:node(renderSelect(tabIndices, args))
         mainDiv:node(renderSelect(args, vertical))
     else
     else
         mainDiv:node(renderSelect(tabIndices, args))
         mainDiv:node(renderSelect(args, vertical))
         mainDiv:node(renderContent(tabIndices, args))
         mainDiv:node(renderContent(args, vertical))
     end
     end


取自“https://wiki.sstmlt.com/wiki/特殊:移动版差异/14393”

导航菜单