You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.9 KiB
65 lines
1.9 KiB
2 years ago
|
'use strict';
|
||
|
|
|
||
|
|
const { pathElems, referencesProps } = require('./_collections.js');
|
||
|
|
|
||
|
|
exports.name = 'moveGroupAttrsToElems';
|
||
|
|
exports.description = 'moves some group attributes to the content elements';
|
||
|
|
|
||
|
|
const pathElemsWithGroupsAndText = [...pathElems, 'g', 'text'];
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Move group attrs to the content elements.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* <g transform="scale(2)">
|
||
|
|
* <path transform="rotate(45)" d="M0,0 L10,20"/>
|
||
|
|
* <path transform="translate(10, 20)" d="M0,10 L20,30"/>
|
||
|
|
* </g>
|
||
|
|
* ⬇
|
||
|
|
* <g>
|
||
|
|
* <path transform="scale(2) rotate(45)" d="M0,0 L10,20"/>
|
||
|
|
* <path transform="scale(2) translate(10, 20)" d="M0,10 L20,30"/>
|
||
|
|
* </g>
|
||
|
|
*
|
||
|
|
* @author Kir Belevich
|
||
|
|
*
|
||
|
|
* @type {import('./plugins-types').Plugin<'moveGroupAttrsToElems'>}
|
||
|
|
*/
|
||
|
|
exports.fn = () => {
|
||
|
|
return {
|
||
|
|
element: {
|
||
|
|
enter: (node) => {
|
||
|
|
// move group transform attr to content's pathElems
|
||
|
|
if (
|
||
|
|
node.name === 'g' &&
|
||
|
|
node.children.length !== 0 &&
|
||
|
|
node.attributes.transform != null &&
|
||
|
|
Object.entries(node.attributes).some(
|
||
|
|
([name, value]) =>
|
||
|
|
referencesProps.includes(name) && value.includes('url(')
|
||
|
|
) === false &&
|
||
|
|
node.children.every(
|
||
|
|
(child) =>
|
||
|
|
child.type === 'element' &&
|
||
|
|
pathElemsWithGroupsAndText.includes(child.name) &&
|
||
|
|
child.attributes.id == null
|
||
|
|
)
|
||
|
|
) {
|
||
|
|
for (const child of node.children) {
|
||
|
|
const value = node.attributes.transform;
|
||
|
|
if (child.type === 'element') {
|
||
|
|
if (child.attributes.transform != null) {
|
||
|
|
child.attributes.transform = `${value} ${child.attributes.transform}`;
|
||
|
|
} else {
|
||
|
|
child.attributes.transform = value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
delete node.attributes.transform;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
};
|