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.
63 lines
1.7 KiB
63 lines
1.7 KiB
4 weeks ago
|
'use strict';
|
||
|
|
|
||
|
|
const { pathElems, referencesProps } = require('./_collections.js');
|
||
|
|
|
||
|
|
exports.name = 'moveGroupAttrsToElems';
|
||
|
|
|
||
|
|
exports.type = 'perItem';
|
||
|
|
|
||
|
|
exports.active = true;
|
||
|
|
|
||
|
|
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>
|
||
|
|
*
|
||
|
|
* @param {Object} item current iteration item
|
||
|
|
* @return {Boolean} if false, item will be filtered out
|
||
|
|
*
|
||
|
|
* @author Kir Belevich
|
||
|
|
*/
|
||
|
|
exports.fn = function (item) {
|
||
|
|
// move group transform attr to content's pathElems
|
||
|
|
if (
|
||
|
|
item.type === 'element' &&
|
||
|
|
item.name === 'g' &&
|
||
|
|
item.children.length !== 0 &&
|
||
|
|
item.attributes.transform != null &&
|
||
|
|
Object.entries(item.attributes).some(
|
||
|
|
([name, value]) =>
|
||
|
|
referencesProps.includes(name) && value.includes('url(')
|
||
|
|
) === false &&
|
||
|
|
item.children.every(
|
||
|
|
(inner) =>
|
||
|
|
pathElemsWithGroupsAndText.includes(inner.name) &&
|
||
|
|
inner.attributes.id == null
|
||
|
|
)
|
||
|
|
) {
|
||
|
|
for (const inner of item.children) {
|
||
|
|
const value = item.attributes.transform;
|
||
|
|
if (inner.attributes.transform != null) {
|
||
|
|
inner.attributes.transform = value + ' ' + inner.attributes.transform;
|
||
|
|
} else {
|
||
|
|
inner.attributes.transform = value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
delete item.attributes.transform;
|
||
|
|
}
|
||
|
|
};
|