mirror of https://github.com/sveltejs/svelte
parent
6aef709385
commit
3cc44cf0eb
@ -1,106 +0,0 @@
|
||||
import { stringify } from '../../../utils/stringify';
|
||||
import getExpressionPrecedence from '../../../utils/getExpressionPrecedence';
|
||||
import Node from './Node';
|
||||
import Attribute from '../Attribute';
|
||||
import Block from '../../dom/Block';
|
||||
|
||||
type MungedAttribute = {
|
||||
spread: boolean;
|
||||
name: string;
|
||||
value: string | true;
|
||||
dependencies: string[];
|
||||
dynamic: boolean;
|
||||
}
|
||||
|
||||
export default function mungeAttribute(attribute: Node, block: Block): MungedAttribute {
|
||||
if (attribute.type === 'Spread') {
|
||||
const { dependencies, snippet } = attribute.expression;
|
||||
|
||||
return {
|
||||
spread: true,
|
||||
name: null,
|
||||
value: snippet,
|
||||
dynamic: dependencies.length > 0,
|
||||
dependencies
|
||||
};
|
||||
}
|
||||
|
||||
if (attribute.value === true) {
|
||||
// attributes without values, e.g. <textarea readonly>
|
||||
return {
|
||||
spread: false,
|
||||
name: attribute.name,
|
||||
value: true,
|
||||
dynamic: false,
|
||||
dependencies: []
|
||||
};
|
||||
}
|
||||
|
||||
if (attribute.value.length === 0) {
|
||||
return {
|
||||
spread: false,
|
||||
name: attribute.name,
|
||||
value: `''`,
|
||||
dynamic: false,
|
||||
dependencies: []
|
||||
};
|
||||
}
|
||||
|
||||
if (attribute.value.length === 1) {
|
||||
const value = attribute.value[0];
|
||||
|
||||
if (value.type === 'Text') {
|
||||
// static attributes
|
||||
return {
|
||||
spread: false,
|
||||
name: attribute.name,
|
||||
value: stringify(value.data),
|
||||
dynamic: false,
|
||||
dependencies: []
|
||||
};
|
||||
}
|
||||
|
||||
// simple dynamic attributes
|
||||
block.contextualise(value.expression); // TODO remove
|
||||
const { dependencies, snippet } = value.metadata;
|
||||
|
||||
// TODO only update attributes that have changed
|
||||
return {
|
||||
spread: false,
|
||||
name: attribute.name,
|
||||
value: snippet,
|
||||
dependencies,
|
||||
dynamic: true
|
||||
};
|
||||
}
|
||||
|
||||
// otherwise we're dealing with a complex dynamic attribute
|
||||
const allDependencies = new Set();
|
||||
|
||||
const value =
|
||||
(attribute.value[0].type === 'Text' ? '' : `"" + `) +
|
||||
attribute.value
|
||||
.map((chunk: Node) => {
|
||||
if (chunk.type === 'Text') {
|
||||
return stringify(chunk.data);
|
||||
} else {
|
||||
block.contextualise(chunk.expression); // TODO remove
|
||||
const { dependencies, snippet } = chunk.metadata;
|
||||
|
||||
dependencies.forEach((dependency: string) => {
|
||||
allDependencies.add(dependency);
|
||||
});
|
||||
|
||||
return getExpressionPrecedence(chunk.expression) <= 13 ? `(${snippet})` : snippet;
|
||||
}
|
||||
})
|
||||
.join(' + ');
|
||||
|
||||
return {
|
||||
spread: false,
|
||||
name: attribute.name,
|
||||
value,
|
||||
dependencies: Array.from(allDependencies),
|
||||
dynamic: true
|
||||
};
|
||||
}
|
Loading…
Reference in new issue