Sha256: 7ff9a9c9eee316a1de289e4ca059afda6af5a6aed744d725bf01d1d696806c52
Contents?: true
Size: 1.97 KB
Versions: 5
Compression:
Stored size: 1.97 KB
Contents
module React
module Component
module Features
def Fragment(*args, &block)
`Opal.React.internal_prepare_args_and_render(Opal.global.React.Fragment, args, block)`
end
def Portal(element_or_query, &block)
if `(typeof element_or_query === 'string')` || (`(typeof element_or_query.$class === 'function')` && element_or_query.class == String)
element = `document.body.querySelector(element_or_query)`
elsif `(typeof element_or_query.$is_a === 'function')` && element_or_query.is_a?(Browser::Element)
element = element_or_query.to_n
else
element = element_or_query
end
%x{
let operabu = Opal.React.render_buffer;
operabu.push([]);
// console.log("portal pushed", operabu, operabu.toString());
if (block !== nil) {
let block_result = block.$call()
let last_buffer_length = operabu[operabu.length - 1].length;
let last_buffer_element = operabu[operabu.length - 1][last_buffer_length - 1];
if (block_result && block_result !== nil) { Opal.React.render_block_result(block_result); }
}
// console.log("portal popping", operabu, operabu.toString());
let result = operabu.pop();
if (result.length === 1) { result = result[0]; }
var react_element = Opal.global.React.createPortal(result, element);
operabu[operabu.length - 1].push(react_element);
// console.log("portal pushed", operabu, operabu.toString());
}
end
def Profiler(*args, &block)
`Opal.React.internal_prepare_args_and_render(Opal.global.React.Profiler, args, block)`
end
def StrictMode(*args, &block)
`Opal.React.internal_prepare_args_and_render(Opal.global.React.StrictMode, args, block)`
end
def Suspense(*args, &block)
`Opal.React.internal_prepare_args_and_render(Opal.global.React.Suspense, args, block)`
end
end
end
end
Version data entries
5 entries across 5 versions & 1 rubygems