9Yan：创建页面，内容为“--- Lua functions for Extension:FloatingUI --- --- WARNING --- ------- --- THIS IS AN EXPERIMENTAL MODULE MADE FOR AN EXPERIMENTAL EXTENSION --- THIS IS NOT READY FOR PRODUCTION AND SUBJECT TO CHANGE --- ------- local FloatingUI = {} --- Check if a string is empty --- --- @param str string --- @return boolean local function isStringEmpty( str ) return str == nil or str == '' end --- Return the HTML of the FloatingUI section component as string --- --- @…”

2025-08-02T14:17:29Z

创建页面，内容为“--- Lua functions for Extension:FloatingUI --- --- WARNING --- ------- --- THIS IS AN EXPERIMENTAL MODULE MADE FOR AN EXPERIMENTAL EXTENSION --- THIS IS NOT READY FOR PRODUCTION AND SUBJECT TO CHANGE --- ------- local FloatingUI = {} --- Check if a string is empty --- --- @param str string --- @return boolean local function isStringEmpty( str ) return str == nil or str == '' end --- Return the HTML of the FloatingUI section component as string --- --- @…”

新页面

--- Lua functions for Extension:FloatingUI
---
--- WARNING
--- -------
--- THIS IS AN EXPERIMENTAL MODULE MADE FOR AN EXPERIMENTAL EXTENSION
--- THIS IS NOT READY FOR PRODUCTION AND SUBJECT TO CHANGE
--- -------
local FloatingUI = {}

--- Check if a string is empty
---
--- @param str string
--- @return boolean
local function isStringEmpty( str )
return str == nil or str == ''
end

--- Return the HTML of the FloatingUI section component as string
---
--- @param data table {label, data, desc, col, inline)
--- @return string html
function FloatingUI.renderSection( data )
if data == nil or type( data ) ~= 'table' or next( data ) == nil then return '' end

local htmlTag = 'div'
if data['inline'] == true then
htmlTag = 'span'
end

local html = mw.html.create( htmlTag )
:addClass( 't-floatingui-section' )

if data['col'] then html:addClass( 't-floatingui-section--cols-' .. data['col'] ) end

local dataOrder = { 'label', 'data', 'desc' }
for _, key in ipairs( dataOrder ) do
if data[key] then
html:tag( htmlTag )
:addClass( 't-floatingui-' .. key )
:wikitext( data[key] )
end
end
return tostring( html )
end

--- Load FloatingUI library only
---
--- @return string wikitext Wikitext to load the FloatingUI library only
function FloatingUI.load( frame )
frame = frame or mw.getCurrentFrame()
return frame:extensionTag {
name = 'templatestyles', args = { src = 'Module:FloatingUI/styles.css' }
} .. frame:callParserFunction {
name = '#floatingui', args = { '' }
}
end

--- Attach the FloatingUI content to the HTML element
---
--- @param content string
--- @param htmlTag string
--- @return table|nil
function FloatingUI.getContentHtml( content, htmlTag )
if isStringEmpty( content ) then
return
end

-- TODO: Detect if HTML is a div or a span
htmlTag = htmlTag or 'div'

local html = mw.html.create( 'div' ):addClass( 'ext-floatingui-content' )
:tag( htmlTag )
:addClass( 'mw-parser-output' )
:tag( htmlTag )
:addClass( 't-floatingui' )
:wikitext( content )
:allDone()

return html
end

--- Render the HTML for FloatingUI
---
--- @param reference string Reference wikitext to trigger the floating element
--- @param content string Content wikitext in the floating element
--- @param inline boolean Whether to render inline
--- @return string wikitext Wikitext for the HTML required to use FloatingUI
function FloatingUI.render( reference, content, inline )
if not reference or not content then
return ''
end

local htmlTag = 'div'
if inline == true then
htmlTag = 'span'
end

local html = mw.html.create()
:tag( htmlTag )
:addClass( 'ext-floatingui-reference' )
:wikitext( reference )
:done()
:node( FloatingUI.getContentHtml( content, htmlTag ) )

return tostring( html )
end

return FloatingUI

模块:FloatingUI - 版本历史