Lint and format src/compiler/compile/render_dom/wrappers/MustacheTag.js

pull/8569/head
Simon Holthausen 3 years ago
parent d6c22fb304
commit d772613b7d

@ -4,7 +4,6 @@ import ElementWrapper from './Element.js';
/** @extends Tag */ /** @extends Tag */
export default class MustacheTagWrapper extends Tag { export default class MustacheTagWrapper extends Tag {
/** @type {import('estree').Identifier} */ /** @type {import('estree').Identifier} */
var = { type: 'Identifier', name: 't' }; var = { type: 'Identifier', name: 't' };
@ -25,42 +24,43 @@ export default class MustacheTagWrapper extends Tag {
* @param {Record<string, unknown> | undefined} data * @param {Record<string, unknown> | undefined} data
*/ */
render(block, parent_node, parent_nodes, data) { render(block, parent_node, parent_nodes, data) {
const contenteditable_attributes = this.parent instanceof ElementWrapper && const contenteditable_attributes =
this.parent instanceof ElementWrapper &&
this.parent.attributes.filter((a) => a.node.name === 'contenteditable'); this.parent.attributes.filter((a) => a.node.name === 'contenteditable');
const spread_attributes = this.parent instanceof ElementWrapper && const spread_attributes =
this.parent instanceof ElementWrapper &&
this.parent.attributes.filter((a) => a.node.is_spread); this.parent.attributes.filter((a) => a.node.is_spread);
/** @type {import('estree').Expression | true | undefined} */ /** @type {import('estree').Expression | true | undefined} */
let contenteditable_attr_value = undefined; let contenteditable_attr_value = undefined;
if (contenteditable_attributes.length > 0) { if (contenteditable_attributes.length > 0) {
const attribute = /** @type {import('./Element/Attribute.js').default} */ (contenteditable_attributes[0]); const attribute = /** @type {import('./Element/Attribute.js').default} */ (
contenteditable_attributes[0]
);
if ([true, 'true', ''].includes(attribute.node.get_static_value())) { if ([true, 'true', ''].includes(attribute.node.get_static_value())) {
contenteditable_attr_value = true; contenteditable_attr_value = true;
} else {
contenteditable_attr_value = x`${attribute.get_value(block)}`;
} }
else { } else if (spread_attributes.length > 0 && data.element_data_name) {
contenteditable_attr_value = x `${attribute.get_value(block)}`; contenteditable_attr_value = x`${data.element_data_name}['contenteditable']`;
}
}
else if (spread_attributes.length > 0 && data.element_data_name) {
contenteditable_attr_value = x `${data.element_data_name}['contenteditable']`;
} }
const { init } = this.rename_this_method(block, (value) => { const { init } = this.rename_this_method(block, (value) => {
if (contenteditable_attr_value) { if (contenteditable_attr_value) {
if (contenteditable_attr_value === true) { if (contenteditable_attr_value === true) {
return x `@set_data_contenteditable(${this.var}, ${value})`; return x`@set_data_contenteditable(${this.var}, ${value})`;
} } else {
else { return x`@set_data_maybe_contenteditable(${this.var}, ${value}, ${contenteditable_attr_value})`;
return x `@set_data_maybe_contenteditable(${this.var}, ${value}, ${contenteditable_attr_value})`;
}
} }
else { } else {
return x `@set_data(${this.var}, ${value})`; return x`@set_data(${this.var}, ${value})`;
} }
}); });
block.add_element(this.var, x `@text(${init})`, parent_nodes && x `@claim_text(${parent_nodes}, ${init})`, parent_node); block.add_element(
this.var,
x`@text(${init})`,
parent_nodes && x`@claim_text(${parent_nodes}, ${init})`,
parent_node
);
} }
} }

Loading…
Cancel
Save