Urara-Blog/node_modules/.pnpm-store/v3/files/33/1713ba4d2e333feb5afaecab9dad412fc972b0bf84e8a6b5407ae75e99f163834b101ab16a4c81328e74a30a35158c715d6bc02053b1a72fd177f80dbfe631
2022-08-14 01:14:53 +08:00

75 lines
2.7 KiB
Text

const svgWidthRegex = /width\s*=\s*["'](\w+)["']/;
const svgHeightRegex = /height\s*=\s*["'](\w+)["']/;
function configureSvgSize(svg, props, scale) {
const svgNode = svg.slice(0, svg.indexOf(">"));
let result = svgWidthRegex.exec(svgNode);
const w = result != null;
if (typeof props.width === "undefined" || props.width === null) {
if (typeof scale === "number") {
props.width = `${scale}em`;
} else if (result) {
props.width = result[1];
}
}
result = svgHeightRegex.exec(svgNode);
const h = result != null;
if (typeof props.height === "undefined" || props.height === null) {
if (typeof scale === "number") {
props.height = `${scale}em`;
} else if (result) {
props.height = result[1];
}
}
return [w, h];
}
async function mergeIconProps(svg, collection, icon, options, propsProvider, afterCustomizations) {
const { scale, addXmlNs = false } = options ?? {};
const { additionalProps = {}, iconCustomizer } = options?.customizations ?? {};
const props = await propsProvider?.() ?? {};
await iconCustomizer?.(collection, icon, props);
Object.keys(additionalProps).forEach((p) => {
const v = additionalProps[p];
if (v !== void 0 && v !== null)
props[p] = v;
});
afterCustomizations?.(props);
const [widthOnSvg, heightOnSvg] = configureSvgSize(svg, props, scale);
if (addXmlNs) {
if (!svg.includes(" xmlns=") && !props["xmlns"]) {
props["xmlns"] = "http://www.w3.org/2000/svg";
}
if (!svg.includes(" xmlns:xlink=") && svg.includes("xlink:") && !props["xmlns:xlink"]) {
props["xmlns:xlink"] = "http://www.w3.org/1999/xlink";
}
}
const propsToAdd = Object.keys(props).map((p) => p === "width" && widthOnSvg || p === "height" && heightOnSvg ? null : `${p}="${props[p]}"`).filter((p) => p != null);
if (propsToAdd.length) {
svg = svg.replace("<svg ", `<svg ${propsToAdd.join(" ")} `);
}
if (options) {
const { defaultStyle, defaultClass } = options;
if (defaultClass && !svg.includes(" class=")) {
svg = svg.replace("<svg ", `<svg class="${defaultClass}" `);
}
if (defaultStyle && !svg.includes(" style=")) {
svg = svg.replace("<svg ", `<svg style="${defaultStyle}" `);
}
}
const usedProps = options?.usedProps;
if (usedProps) {
Object.keys(additionalProps).forEach((p) => {
const v = props[p];
if (v !== void 0 && v !== null)
usedProps[p] = v;
});
if (typeof props.width !== "undefined" && props.width !== null) {
usedProps.width = props.width;
}
if (typeof props.height !== "undefined" && props.height !== null) {
usedProps.height = props.height;
}
}
return svg;
}
export { mergeIconProps };