모듈:List: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
편집 요약 없음 |
(add templatestyles for hlist) |
||
1번째 줄: | 1번째 줄: | ||
local libUtil = require('libraryUtil') | local libUtil = require('libraryUtil') | ||
local checkType = libUtil.checkType | local checkType = libUtil.checkType | ||
20번째 줄: | 17번째 줄: | ||
local data = {} | local data = {} | ||
-- Classes | -- Classes and TemplateStyles | ||
data.classes = {} | data.classes = {} | ||
data.templatestyles = '' | |||
if listType == 'horizontal' or listType == 'horizontal_ordered' then | if listType == 'horizontal' or listType == 'horizontal_ordered' then | ||
table.insert(data.classes, 'hlist | table.insert(data.classes, 'hlist') | ||
data.templatestyles = mw.getCurrentFrame():extensionTag{ | |||
name = 'templatestyles', args = { src = 'Hlist/styles.css' } | |||
} | |||
elseif listType == 'unbulleted' then | elseif listType == 'unbulleted' then | ||
table.insert(data.classes, 'plainlist') | table.insert(data.classes, 'plainlist') | ||
data.templatestyles = mw.getCurrentFrame():extensionTag{ | |||
name = 'templatestyles', args = { src = 'Plainlist/styles.css' } | |||
} | |||
end | end | ||
table.insert(data.classes, args.class) | table.insert(data.classes, args.class) | ||
87번째 줄: | 91번째 줄: | ||
data.itemStyle = args.item_style or args.li_style | data.itemStyle = args.item_style or args.li_style | ||
data.items = {} | data.items = {} | ||
for | for _, num in ipairs(mTableTools.numKeys(args)) do | ||
local item = {} | local item = {} | ||
item.content = args[num] | item.content = args[num] | ||
110번째 줄: | 114번째 줄: | ||
-- Render the main div tag. | -- Render the main div tag. | ||
local root = mw.html.create('div') | local root = mw.html.create('div') | ||
for | for _, class in ipairs(data.classes or {}) do | ||
root:addClass(class) | root:addClass(class) | ||
end | end | ||
131번째 줄: | 135번째 줄: | ||
-- Render the list items | -- Render the list items | ||
for | for _, t in ipairs(data.items or {}) do | ||
local item = list:tag('li') | local item = list:tag('li') | ||
if data.itemStyle then | if data.itemStyle then | ||
144번째 줄: | 148번째 줄: | ||
end | end | ||
return tostring(root) | return data.templatestyles .. tostring(root) | ||
end | end | ||
2022년 12월 30일 (금) 02:57 판
이 모듈은 여러 가지 다양한 목록들을 출력합니다. 현재 글머리기호가 있는 목록과 없는 목록, 가로목록, (숫자나 자모순의) 순서목록, 가로순서목록을 지원합니다. 목록이나 개별 목록 항목들의 CSS 스타일링을 쉽게 만들어줍니다.
사용법
- 간단한 사용법
{{#invoke:list|함수|항목 1|항목 2|항목 3|...}}
- 전체 매개변수
{{#invoke:list|함수 |항목 1|항목 2|항목 3|... |start = 순서목록을 사용할 때의 시작 번호 지정 |type = 순서목록을 사용할 때의 번호 모양 지정 |list_style_type = 순서목록을 사용할 때의 번호 모양 지정 (CSS 사용) |class = 클래스 |style = 스타일 |list_style = 목록의 스타일 |item_style = 목록 내 전체 항목에 대한 스타일 |item1_style = 목록 내 첫 항목에 대한 스타일 |item2_style = 목록 내 두 번째 항목에 대한 스타일 |... |item1_value = value for the first list item |item2_value = value for the second list item |... |indent = 가로목록을 사용할 때의 들여쓰기 값 }}
- Arguments passed from parent template
{{#invoke:list|함수}}
- 함수
함수명 | 목적 | 출력 예시 | 함수가 사용된 틀 |
---|---|---|---|
bulleted
|
기호 목록 |
|
{{bulleted list}}
|
unbulleted
|
기호 없는 목록 |
|
{{기호없는 목록}}
|
horizontal
|
기호가 있는 가로목록 |
|
{{hlist}}
|
ordered
|
순서 목록 (숫자나 알파벳 순) |
|
{{ordered list}}
|
horizontal_ordered
|
가로 순서 목록 |
|
용례
- 기호 목록
코드 | 결과 |
---|---|
{{#invoke:list|bulleted|항목 1|항목 2|항목 3}}
|
|
{{#invoke:list|bulleted|항목 1|항목 2|항목 3|item_style=color:blue;}}
|
|
{{#invoke:list|bulleted|항목 1|항목 2|항목 3|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
|
|
- 기호 없는 목록
코드 | 결과 |
---|---|
{{#invoke:list|unbulleted|항목 1|항목 2|항목 3}}
|
|
{{#invoke:list|unbulleted|항목 1|항목 2|항목 3|item_style=color:blue;}}
|
|
{{#invoke:list|unbulleted|항목 1|항목 2|항목 3|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
|
|
- 가로 목록
코드 | 결과 |
---|---|
{{#invoke:list|horizontal|항목 1|항목 2|항목 3}}
|
|
{{#invoke:list|horizontal|항목 1|항목 2|항목 3|indent=2}}
|
|
- 순서 있는 목록
코드 | 결과 |
---|---|
{{#invoke:list|ordered|항목 1|항목 2|항목 3}}
|
|
{{#invoke:list|ordered|항목 1|항목 2|항목 3|start=3}}
|
|
{{#invoke:list|ordered|항목 1|항목 2|항목 3|type=i}
|
|
{{#invoke:list|ordered|항목 1|항목 2|항목 3|list_style_type=lower-greek}}
|
|
- 순서 있는 가로 목록
코드 | 결과 |
---|---|
{{#invoke:list|horizontal_ordered|항목 A|항목 B|항목 C}}
|
|
{{#invoke:list|horizontal_ordered|항목 A|항목 B|항목 C|start=3}}
|
|
{{#invoke:list|horizontal_ordered|항목 A|항목 B|항목 C|indent=2}}
|
|
같이 보기
local libUtil = require('libraryUtil')
local checkType = libUtil.checkType
local mTableTools = require('Module:TableTools')
local p = {}
local listTypes = {
['bulleted'] = true,
['unbulleted'] = true,
['horizontal'] = true,
['ordered'] = true,
['horizontal_ordered'] = true
}
function p.makeListData(listType, args)
-- Constructs a data table to be passed to p.renderList.
local data = {}
-- Classes and TemplateStyles
data.classes = {}
data.templatestyles = ''
if listType == 'horizontal' or listType == 'horizontal_ordered' then
table.insert(data.classes, 'hlist')
data.templatestyles = mw.getCurrentFrame():extensionTag{
name = 'templatestyles', args = { src = 'Hlist/styles.css' }
}
elseif listType == 'unbulleted' then
table.insert(data.classes, 'plainlist')
data.templatestyles = mw.getCurrentFrame():extensionTag{
name = 'templatestyles', args = { src = 'Plainlist/styles.css' }
}
end
table.insert(data.classes, args.class)
-- Main div style
data.style = args.style
-- Indent for horizontal lists
if listType == 'horizontal' or listType == 'horizontal_ordered' then
local indent = tonumber(args.indent)
indent = indent and indent * 1.6 or 0
if indent > 0 then
data.marginLeft = indent .. 'em'
end
end
-- List style types for ordered lists
-- This could be "1, 2, 3", "a, b, c", or a number of others. The list style
-- type is either set by the "type" attribute or the "list-style-type" CSS
-- property.
if listType == 'ordered' or listType == 'horizontal_ordered' then
data.listStyleType = args.list_style_type or args['list-style-type']
data.type = args['type']
-- Detect invalid type attributes and attempt to convert them to
-- list-style-type CSS properties.
if data.type
and not data.listStyleType
and not tostring(data.type):find('^%s*[1AaIi]%s*$')
then
data.listStyleType = data.type
data.type = nil
end
end
-- List tag type
if listType == 'ordered' or listType == 'horizontal_ordered' then
data.listTag = 'ol'
else
data.listTag = 'ul'
end
-- Start number for ordered lists
data.start = args.start
if listType == 'horizontal_ordered' then
-- Apply fix to get start numbers working with horizontal ordered lists.
local startNum = tonumber(data.start)
if startNum then
data.counterReset = 'listitem ' .. tostring(startNum - 1)
end
end
-- List style
-- ul_style and ol_style are included for backwards compatibility. No
-- distinction is made for ordered or unordered lists.
data.listStyle = args.list_style
-- List items
-- li_style is included for backwards compatibility. item_style was included
-- to be easier to understand for non-coders.
data.itemStyle = args.item_style or args.li_style
data.items = {}
for _, num in ipairs(mTableTools.numKeys(args)) do
local item = {}
item.content = args[num]
item.style = args['item' .. tostring(num) .. '_style']
or args['item_style' .. tostring(num)]
item.value = args['item' .. tostring(num) .. '_value']
or args['item_value' .. tostring(num)]
table.insert(data.items, item)
end
return data
end
function p.renderList(data)
-- Renders the list HTML.
-- Return the blank string if there are no list items.
if type(data.items) ~= 'table' or #data.items < 1 then
return ''
end
-- Render the main div tag.
local root = mw.html.create('div')
for _, class in ipairs(data.classes or {}) do
root:addClass(class)
end
root:css{['margin-left'] = data.marginLeft}
if data.style then
root:cssText(data.style)
end
-- Render the list tag.
local list = root:tag(data.listTag or 'ul')
list
:attr{start = data.start, type = data.type}
:css{
['counter-reset'] = data.counterReset,
['list-style-type'] = data.listStyleType
}
if data.listStyle then
list:cssText(data.listStyle)
end
-- Render the list items
for _, t in ipairs(data.items or {}) do
local item = list:tag('li')
if data.itemStyle then
item:cssText(data.itemStyle)
end
if t.style then
item:cssText(t.style)
end
item
:attr{value = t.value}
:wikitext(t.content)
end
return data.templatestyles .. tostring(root)
end
function p.renderTrackingCategories(args)
local isDeprecated = false -- Tracks deprecated parameters.
for k, v in pairs(args) do
k = tostring(k)
if k:find('^item_style%d+$') or k:find('^item_value%d+$') then
isDeprecated = true
break
end
end
local ret = ''
if isDeprecated then
ret = ret .. '[[Category:List templates with deprecated parameters]]'
end
return ret
end
function p.makeList(listType, args)
if not listType or not listTypes[listType] then
error(string.format(
"bad argument #1 to 'makeList' ('%s' is not a valid list type)",
tostring(listType)
), 2)
end
checkType('makeList', 2, args, 'table')
local data = p.makeListData(listType, args)
local list = p.renderList(data)
local trackingCategories = p.renderTrackingCategories(args)
return list .. trackingCategories
end
for listType in pairs(listTypes) do
p[listType] = function (frame)
local mArguments = require('Module:Arguments')
local origArgs = mArguments.getArgs(frame, {
valueFunc = function (key, value)
if not value or not mw.ustring.find(value, '%S') then return nil end
if mw.ustring.find(value, '^%s*[%*#;:]') then
return value
else
return value:match('^%s*(.-)%s*$')
end
return nil
end
})
-- Copy all the arguments to a new table, for faster indexing.
local args = {}
for k, v in pairs(origArgs) do
args[k] = v
end
return p.makeList(listType, args)
end
end
return p