@antv/infographic 0.2.11 → 0.2.13

package/lib/renderer/composites/svg.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderSVG = renderSVG;
 const fonts_1 = require("../fonts");
 function renderSVG(svg, options) {
+    var _a;
     const { themeConfig } = options;
-    const { 'font-family': fontFamily = fonts_1.DEFAULT_FONT } = themeConfig.base?.text || {};
+    const { 'font-family': fontFamily = fonts_1.DEFAULT_FONT } = ((_a = themeConfig.base) === null || _a === void 0 ? void 0 : _a.text) || {};
     svg.setAttribute('font-family', fontFamily);
 }

package/lib/renderer/composites/text.js

@@ -19,6 +19,7 @@ function renderText(node, text, attrs = {}) {
     return renderedText;
 }
 function renderItemText(type, node, options) {
+    var _a, _b, _c;
     const textShape = node.nodeName === 'text' ? node : null;
     if (!textShape)
         return null;
@@ -26,13 +27,14 @@ function renderItemText(type, node, options) {
     const indexes = (0, utils_1.getItemIndexes)(node.dataset.indexes || '0');
     const datum = (0, utils_1.getDatumByIndexes)(data, indexes);
     const text = String((0, lodash_es_1.get)(datum, type, ''));
-    const dataAttrs = datum?.attributes?.[type];
-    const attrs = Object.assign({}, themeConfig.base?.text, themeConfig.item?.[type], dataAttrs);
+    const dataAttrs = (_a = datum === null || datum === void 0 ? void 0 : datum.attributes) === null || _a === void 0 ? void 0 : _a[type];
+    const attrs = Object.assign({}, (_b = themeConfig.base) === null || _b === void 0 ? void 0 : _b.text, (_c = themeConfig.item) === null || _c === void 0 ? void 0 : _c[type], dataAttrs);
     const staticAttrs = (0, utils_2.parseDynamicAttributes)(textShape, attrs);
     return renderText(node, node.textContent || text, staticAttrs);
 }
 function renderStaticText(text, options) {
-    const attrs = options.themeConfig.base?.text || {};
+    var _a;
+    const attrs = ((_a = options.themeConfig.base) === null || _a === void 0 ? void 0 : _a.text) || {};
     (0, utils_1.setAttributes)(text, attrs);
     if (attrs['font-family']) {
         text.setAttribute('font-family', (0, utils_1.encodeFontFamily)(attrs['font-family']));

package/lib/renderer/fonts/loader.js

@@ -61,12 +61,13 @@ function isLinkLoaded(link) {
     try {
         return !!link.sheet;
     }
-    catch {
+    catch (_a) {
         return false;
     }
 }
 function getFontLoadPromise(target, id, link) {
-    const existing = FONT_PROMISE_MAP.get(target)?.get(id);
+    var _a;
+    const existing = (_a = FONT_PROMISE_MAP.get(target)) === null || _a === void 0 ? void 0 : _a.get(id);
     if (existing)
         return existing;
     if (!link || isLinkLoaded(link)) {
@@ -84,7 +85,7 @@ function getFontLoadPromise(target, id, link) {
 }
 function loadFont(svg, font) {
     const doc = svg.ownerDocument;
-    const target = doc?.head || document.head;
+    const target = (doc === null || doc === void 0 ? void 0 : doc.head) || document.head;
     if (!target)
         return;
     if (!FONT_LOAD_MAP.has(target))

package/lib/renderer/fonts/registry.js

@@ -42,7 +42,7 @@ function setDefaultFont(font) {
  * 字体准备说明：https://chinese-font.netlify.app/zh-cn/post/simple_tutorial
  */
 function registerFont(font) {
-    const f = { ...font };
+    const f = Object.assign({}, font);
     FONT_REGISTRY.set(f.fontFamily, f);
     f.fontFamily = (0, font_1.encodeFontFamily)(f.fontFamily);
     return f;

package/lib/renderer/palettes/utils.js

@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPaletteColor = void 0;
 const registry_1 = require("./registry");
 const getPaletteColor = (args = [], indexes, total) => {
+    var _a;
     const palette = typeof args === 'string' ? (0, registry_1.getPalette)(args) || [] : args;
-    const index = indexes[0] ?? 0;
+    const index = (_a = indexes[0]) !== null && _a !== void 0 ? _a : 0;
     if (typeof palette === 'function') {
         const ratio = total ? index / total : 0;
-        return palette(ratio, index, total ?? 0);
+        return palette(ratio, index, total !== null && total !== void 0 ? total : 0);
     }
     if (Array.isArray(palette)) {
         if (palette.length === 0)

package/lib/renderer/renderer.js

@@ -72,21 +72,23 @@ function renderTemplate(svg, options) {
     (0, composites_1.renderBackground)(svg, options);
 }
 function fill(svg, options) {
+    var _a;
     const { themeConfig, data } = options;
-    (0, composites_1.renderBaseElement)(svg, themeConfig.base?.global);
+    (0, composites_1.renderBaseElement)(svg, (_a = themeConfig.base) === null || _a === void 0 ? void 0 : _a.global);
     const elements = svg.querySelectorAll(`[data-element-type]`);
     elements.forEach((element) => {
+        var _a, _b, _c, _d, _e, _f, _g;
         const id = element.id || '';
         if ((0, utils_1.isTitle)(element)) {
-            const modified = (0, composites_1.renderText)(element, data.title || '', Object.assign({}, themeConfig.base?.text, themeConfig.title, data.attributes?.title));
+            const modified = (0, composites_1.renderText)(element, data.title || '', Object.assign({}, (_a = themeConfig.base) === null || _a === void 0 ? void 0 : _a.text, themeConfig.title, (_b = data.attributes) === null || _b === void 0 ? void 0 : _b.title));
             return upsert(element, modified);
         }
         if ((0, utils_1.isDesc)(element)) {
-            const modified = (0, composites_1.renderText)(element, data.desc || '', Object.assign({}, themeConfig.base?.text, themeConfig.desc, data.attributes?.desc));
+            const modified = (0, composites_1.renderText)(element, data.desc || '', Object.assign({}, (_c = themeConfig.base) === null || _c === void 0 ? void 0 : _c.text, themeConfig.desc, (_d = data.attributes) === null || _d === void 0 ? void 0 : _d.desc));
             return upsert(element, modified);
         }
         if ((0, utils_1.isIllus)(element)) {
-            const modified = (0, composites_1.renderIllus)(svg, element, data.illus?.[id], undefined, data.attributes?.illus);
+            const modified = (0, composites_1.renderIllus)(svg, element, (_e = data.illus) === null || _e === void 0 ? void 0 : _e[id], undefined, (_f = data.attributes) === null || _f === void 0 ? void 0 : _f.illus);
             return upsert(element, modified);
         }
         if ((0, utils_1.isShapesGroup)(element)) {
@@ -101,7 +103,7 @@ function fill(svg, options) {
         if ((0, utils_1.isBtnsGroup)(element)) {
             return (0, composites_1.renderButtonsGroup)(svg, element);
         }
-        if (element.dataset.elementType?.startsWith('item-')) {
+        if ((_g = element.dataset.elementType) === null || _g === void 0 ? void 0 : _g.startsWith('item-')) {
             const indexes = (0, utils_1.getItemIndexes)(element.dataset.indexes || '0');
             const itemType = element.dataset.elementType.replace('item-', '');
             const datum = (0, utils_1.getDatumByIndexes)(data, indexes);

package/lib/renderer/stylize/gradient.js

@@ -64,10 +64,11 @@ function upsertGradient(svg, id, gradient) {
         defs.appendChild(gradient);
 }
 function inferGradientConfig(currentColor, config) {
-    if (config.colors?.length || !currentColor)
+    var _a;
+    if (((_a = config.colors) === null || _a === void 0 ? void 0 : _a.length) || !currentColor)
         return config;
     const tc = (0, tinycolor2_1.default)(currentColor);
-    const inferConfig = { ...config };
+    const inferConfig = Object.assign({}, config);
     inferConfig.colors = tc.isDark()
         ? [currentColor, tc.lighten(20).toHexString()]
         : [tc.darken(20).toHexString(), currentColor];

package/lib/renderer/stylize/pattern.js

@@ -32,6 +32,17 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -55,21 +66,17 @@ function applyPatternStyle(node, svg, options) {
     const config = options.themeConfig.stylize;
     if (!config || config.type !== 'pattern')
         return;
-    const { pattern, ...restConfig } = config;
+    const { pattern } = config, restConfig = __rest(config, ["pattern"]);
     const generator = PATTERNS.get(pattern);
     if (!generator) {
         return console.warn(`Pattern ${pattern} not found`);
     }
     const { fill } = (0, utils_1.getAttributes)(node, ['fill', 'stroke']);
     const color = fill;
-    const style = {
-        backgroundColor: color
+    const style = Object.assign({ backgroundColor: color
             ? (0, tinycolor2_1.default)(color).setAlpha(0.5).toRgbString()
-            : color,
-        foregroundColor: color,
-        ...restConfig,
-    };
-    const id = getPatternId({ ...config, ...style });
+            : color, foregroundColor: color }, restConfig);
+    const id = getPatternId(Object.assign(Object.assign({}, config), style));
     upsertPattern(svg, id, generator(style));
     if ((0, utils_1.hasColor)(fill)) {
         node.setAttribute('fill', `url(#${id})`);

package/lib/renderer/stylize/rough.js

@@ -113,7 +113,7 @@ function createRoughShape(rc, node, config) {
         ], true);
         // 分离形状属性、RoughJS选项和SVG属性
         const shapeAttrs = {};
-        const roughOptions = { ...config };
+        const roughOptions = Object.assign({}, config);
         const svgAttributes = {};
         // 处理形状特定的属性
         attrs.forEach((attr) => {

package/lib/resource/load-tracker.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSvgLoadPromises = getSvgLoadPromises;
 exports.getSvgLoadPromise = getSvgLoadPromise;
@@ -10,7 +19,8 @@ function getSvgLoadPromises(svg) {
     return map ? Array.from(map.values()) : [];
 }
 function getSvgLoadPromise(svg, key) {
-    return SVG_LOAD_PROMISE_MAP.get(svg)?.get(key);
+    var _a;
+    return (_a = SVG_LOAD_PROMISE_MAP.get(svg)) === null || _a === void 0 ? void 0 : _a.get(key);
 }
 function trackSvgLoadPromise(svg, key, promise) {
     let map = SVG_LOAD_PROMISE_MAP.get(svg);
@@ -30,13 +40,15 @@ function trackSvgLoadPromise(svg, key, promise) {
     });
     return promise;
 }
-async function waitForSvgLoads(svg) {
-    await Promise.resolve();
-    while (true) {
-        const promises = getSvgLoadPromises(svg);
-        if (!promises.length)
-            break;
-        await Promise.allSettled(promises);
-        await Promise.resolve();
-    }
+function waitForSvgLoads(svg) {
+    return __awaiter(this, void 0, void 0, function* () {
+        yield Promise.resolve();
+        while (true) {
+            const promises = getSvgLoadPromises(svg);
+            if (!promises.length)
+                break;
+            yield Promise.allSettled(promises);
+            yield Promise.resolve();
+        }
+    });
 }

package/lib/resource/loader.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.waitForSvgLoads = exports.getSvgLoadPromises = void 0;
 exports.loadResource = loadResource;
@@ -7,47 +16,49 @@ const load_tracker_1 = require("./load-tracker");
 const loaders_1 = require("./loaders");
 const registry_1 = require("./registry");
 const utils_2 = require("./utils");
-async function getResource(scene, config, datum) {
-    const cfg = (0, utils_2.parseResourceConfig)(config);
-    if (!cfg)
-        return null;
-    cfg.scene || (cfg.scene = scene);
-    const { source, data, format, encoding } = cfg;
-    let resource = null;
-    try {
-        if (source === 'inline') {
-            const isDataURI = data.startsWith('data:');
-            if (format === 'svg' && encoding === 'raw') {
-                resource = (0, loaders_1.loadSVGResource)(data);
+function getResource(scene, config, datum) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const cfg = (0, utils_2.parseResourceConfig)(config);
+        if (!cfg)
+            return null;
+        cfg.scene || (cfg.scene = scene);
+        const { source, data, format, encoding } = cfg;
+        let resource = null;
+        try {
+            if (source === 'inline') {
+                const isDataURI = data.startsWith('data:');
+                if (format === 'svg' && encoding === 'raw') {
+                    resource = (0, loaders_1.loadSVGResource)(data);
+                }
+                else if (format === 'svg' && isDataURI) {
+                    resource = yield (0, loaders_1.loadImageBase64Resource)(data);
+                }
+                else if (isDataURI || format === 'image') {
+                    resource = yield (0, loaders_1.loadImageBase64Resource)(data);
+                }
+                else {
+                    resource = (0, loaders_1.loadSVGResource)(data);
+                }
             }
-            else if (format === 'svg' && isDataURI) {
-                resource = await (0, loaders_1.loadImageBase64Resource)(data);
+            else if (source === 'remote') {
+                resource = yield (0, loaders_1.loadRemoteResource)(data, format);
             }
-            else if (isDataURI || format === 'image') {
-                resource = await (0, loaders_1.loadImageBase64Resource)(data);
+            else if (source === 'search') {
+                resource = yield (0, loaders_1.loadSearchResource)(data, format);
             }
             else {
-                resource = (0, loaders_1.loadSVGResource)(data);
+                const customLoader = (0, registry_1.getCustomResourceLoader)();
+                if (customLoader)
+                    resource = yield customLoader(cfg);
             }
         }
-        else if (source === 'remote') {
-            resource = await (0, loaders_1.loadRemoteResource)(data, format);
-        }
-        else if (source === 'search') {
-            resource = await (0, loaders_1.loadSearchResource)(data, format);
-        }
-        else {
-            const customLoader = (0, registry_1.getCustomResourceLoader)();
-            if (customLoader)
-                resource = await customLoader(cfg);
+        catch (_a) {
+            resource = null;
         }
-    }
-    catch {
-        resource = null;
-    }
-    if (resource)
-        return resource;
-    return await (0, loaders_1.loadSearchResource)(getFallbackQuery(cfg, scene, datum), format);
+        if (resource)
+            return resource;
+        return yield (0, loaders_1.loadSearchResource)(getFallbackQuery(cfg, scene, datum), format);
+    });
 }
 const RESOURCE_MAP = new Map();
 const RESOURCE_LOAD_MAP = new WeakMap();
@@ -55,39 +66,41 @@ const RESOURCE_LOAD_MAP = new WeakMap();
  * load resource into svg defs
  * @returns resource ref id
  */
-async function loadResource(svg, scene, config, datum) {
-    if (!svg)
-        return null;
-    const cfg = (0, utils_2.parseResourceConfig)(config);
-    if (!cfg)
-        return null;
-    const id = (0, utils_2.getResourceId)(cfg);
-    const promiseKey = `resource:${id}`;
-    const loadedMap = RESOURCE_LOAD_MAP.get(svg);
-    if (loadedMap?.has(id))
-        return id;
-    const existingPromise = (0, load_tracker_1.getSvgLoadPromise)(svg, promiseKey);
-    if (existingPromise)
-        return await existingPromise;
-    const loadPromise = (async () => {
-        const resource = RESOURCE_MAP.has(id)
-            ? RESOURCE_MAP.get(id) || null
-            : await getResource(scene, cfg, datum);
-        if (!resource)
+function loadResource(svg, scene, config, datum) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!svg)
             return null;
-        if (!RESOURCE_LOAD_MAP.has(svg))
-            RESOURCE_LOAD_MAP.set(svg, new Map());
-        const map = RESOURCE_LOAD_MAP.get(svg);
-        if (map.has(id))
+        const cfg = (0, utils_2.parseResourceConfig)(config);
+        if (!cfg)
+            return null;
+        const id = (0, utils_2.getResourceId)(cfg);
+        const promiseKey = `resource:${id}`;
+        const loadedMap = RESOURCE_LOAD_MAP.get(svg);
+        if (loadedMap === null || loadedMap === void 0 ? void 0 : loadedMap.has(id))
+            return id;
+        const existingPromise = (0, load_tracker_1.getSvgLoadPromise)(svg, promiseKey);
+        if (existingPromise)
+            return yield existingPromise;
+        const loadPromise = (() => __awaiter(this, void 0, void 0, function* () {
+            const resource = RESOURCE_MAP.has(id)
+                ? RESOURCE_MAP.get(id) || null
+                : yield getResource(scene, cfg, datum);
+            if (!resource)
+                return null;
+            if (!RESOURCE_LOAD_MAP.has(svg))
+                RESOURCE_LOAD_MAP.set(svg, new Map());
+            const map = RESOURCE_LOAD_MAP.get(svg);
+            if (map.has(id))
+                return id;
+            const defs = (0, utils_1.getOrCreateDefs)(svg);
+            resource.id = id;
+            defs.appendChild(resource);
+            map.set(id, resource);
             return id;
-        const defs = (0, utils_1.getOrCreateDefs)(svg);
-        resource.id = id;
-        defs.appendChild(resource);
-        map.set(id, resource);
-        return id;
-    })();
-    (0, load_tracker_1.trackSvgLoadPromise)(svg, promiseKey, loadPromise);
-    return await loadPromise;
+        }))();
+        (0, load_tracker_1.trackSvgLoadPromise)(svg, promiseKey, loadPromise);
+        return yield loadPromise;
+    });
 }
 var load_tracker_2 = require("./load-tracker");
 Object.defineProperty(exports, "getSvgLoadPromises", { enumerable: true, get: function () { return load_tracker_2.getSvgLoadPromises; } });
@@ -95,8 +108,8 @@ Object.defineProperty(exports, "waitForSvgLoads", { enumerable: true, get: funct
 function getFallbackQuery(cfg, scene, datum) {
     const defaultQuery = scene === 'illus' ? 'illustration' : 'icon';
     const datumQuery = normalizeQuery(cfg.data) ||
-        normalizeQuery(datum?.label) ||
-        normalizeQuery(datum?.desc);
+        normalizeQuery(datum === null || datum === void 0 ? void 0 : datum.label) ||
+        normalizeQuery(datum === null || datum === void 0 ? void 0 : datum.desc);
     if (datumQuery)
         return datumQuery;
     const data = normalizeQuery(cfg.data);

package/lib/resource/loaders/image.js

@@ -1,73 +1,85 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadImageBase64Resource = loadImageBase64Resource;
 const utils_1 = require("../../utils");
 function isImageBase64Resource(resource) {
     return resource.startsWith('data:');
 }
-async function loadImageBase64Resource(data) {
-    if (!data || !isImageBase64Resource(data))
-        return null;
-    const mimeType = data.match(/^data:([^;]+)/)?.[1];
-    if (!mimeType)
-        return null;
-    const analysis = () => {
-        return new Promise((resolve, reject) => {
-            const img = new Image();
-            img.onload = () => {
-                const width = img.naturalWidth;
-                const height = img.naturalHeight;
-                const canvas = document.createElement('canvas');
-                const ctx = canvas.getContext('2d');
-                if (!ctx) {
-                    return resolve({ width, height, hasAlpha: false });
-                }
-                // skip analysis for jpeg/jpg/webp/gif
-                if (['image/jpeg', 'image/jpg', 'image/webp', 'image/gif'].includes(mimeType)) {
-                    return resolve({ width, height, hasAlpha: false });
-                }
-                canvas.width = width;
-                canvas.height = height;
-                ctx.drawImage(img, 0, 0);
-                let hasAlpha = false;
-                const step = 10;
-                for (let x = 0; x < width; x += step) {
-                    if (hasAlpha)
-                        break;
-                    for (let y = 0; y < height; y += step) {
-                        const imageData = ctx.getImageData(x, y, 1, 1);
-                        if (imageData.data[3] < 255) {
-                            hasAlpha = true;
+function loadImageBase64Resource(data) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        if (!data || !isImageBase64Resource(data))
+            return null;
+        const mimeType = (_a = data.match(/^data:([^;]+)/)) === null || _a === void 0 ? void 0 : _a[1];
+        if (!mimeType)
+            return null;
+        const analysis = () => {
+            return new Promise((resolve, reject) => {
+                const img = new Image();
+                img.onload = () => {
+                    const width = img.naturalWidth;
+                    const height = img.naturalHeight;
+                    const canvas = document.createElement('canvas');
+                    const ctx = canvas.getContext('2d');
+                    if (!ctx) {
+                        return resolve({ width, height, hasAlpha: false });
+                    }
+                    // skip analysis for jpeg/jpg/webp/gif
+                    if (['image/jpeg', 'image/jpg', 'image/webp', 'image/gif'].includes(mimeType)) {
+                        return resolve({ width, height, hasAlpha: false });
+                    }
+                    canvas.width = width;
+                    canvas.height = height;
+                    ctx.drawImage(img, 0, 0);
+                    let hasAlpha = false;
+                    const step = 10;
+                    for (let x = 0; x < width; x += step) {
+                        if (hasAlpha)
                             break;
+                        for (let y = 0; y < height; y += step) {
+                            const imageData = ctx.getImageData(x, y, 1, 1);
+                            if (imageData.data[3] < 255) {
+                                hasAlpha = true;
+                                break;
+                            }
                         }
                     }
-                }
-                resolve({ width, height, hasAlpha });
-            };
-            img.onerror = () => reject(new Error('Failed to analysis image'));
-            img.src = data;
-        });
-    };
-    const { width, height, hasAlpha } = await analysis();
-    const getPreserveAspectRatio = () => {
-        if (hasAlpha)
-            return 'xMidYMid meet';
-        if (mimeType?.includes('image/gif') || mimeType?.includes('image/svg')) {
-            return 'xMidYMid meet';
-        }
-        const minDimension = Math.min(width, height);
-        if (minDimension <= 200)
-            return 'xMidYMid meet';
-        const aspectRatio = width / height;
-        if (aspectRatio >= 0.6 && aspectRatio <= 1.67)
-            return 'xMidYMid meet';
-        if (aspectRatio < 0.3 || aspectRatio > 3.33)
-            return 'xMidYMid meet';
-        return 'xMidYMid slice';
-    };
-    const preserveAspectRatio = getPreserveAspectRatio();
-    return (0, utils_1.parseSVG)(`
+                    resolve({ width, height, hasAlpha });
+                };
+                img.onerror = () => reject(new Error('Failed to analysis image'));
+                img.src = data;
+            });
+        };
+        const { width, height, hasAlpha } = yield analysis();
+        const getPreserveAspectRatio = () => {
+            if (hasAlpha)
+                return 'xMidYMid meet';
+            if ((mimeType === null || mimeType === void 0 ? void 0 : mimeType.includes('image/gif')) || (mimeType === null || mimeType === void 0 ? void 0 : mimeType.includes('image/svg'))) {
+                return 'xMidYMid meet';
+            }
+            const minDimension = Math.min(width, height);
+            if (minDimension <= 200)
+                return 'xMidYMid meet';
+            const aspectRatio = width / height;
+            if (aspectRatio >= 0.6 && aspectRatio <= 1.67)
+                return 'xMidYMid meet';
+            if (aspectRatio < 0.3 || aspectRatio > 3.33)
+                return 'xMidYMid meet';
+            return 'xMidYMid slice';
+        };
+        const preserveAspectRatio = getPreserveAspectRatio();
+        return (0, utils_1.parseSVG)(`
 <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}" preserveAspectRatio="${preserveAspectRatio}">
   <image href="${data}" width="${width}" height="${height}" />
 </symbol>`);
+    });
 }

package/lib/resource/loaders/remote.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadRemoteResource = loadRemoteResource;
 const utils_1 = require("../../utils");
@@ -8,7 +17,7 @@ function isRemoteResource(resource) {
     try {
         return Boolean(new URL(resource));
     }
-    catch {
+    catch (_a) {
         return false;
     }
 }
@@ -20,20 +29,22 @@ function shouldParseAsSVG(contentType, format) {
         return true;
     return false;
 }
-async function loadRemoteResource(resource, format) {
-    if (!resource || !isRemoteResource(resource))
-        return null;
-    const response = await (0, utils_1.fetchWithCache)(resource);
-    if (!response.ok)
-        throw new Error('Failed to load resource');
-    const contentType = response.headers.get('Content-Type') || '';
-    if (shouldParseAsSVG(contentType, format)) {
-        const svgText = await response.text();
-        return (0, svg_1.loadSVGResource)(svgText);
-    }
-    const blob = await response.blob();
-    const base64 = await blobToBase64(blob);
-    return (0, image_1.loadImageBase64Resource)(base64);
+function loadRemoteResource(resource, format) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!resource || !isRemoteResource(resource))
+            return null;
+        const response = yield (0, utils_1.fetchWithCache)(resource);
+        if (!response.ok)
+            throw new Error('Failed to load resource');
+        const contentType = response.headers.get('Content-Type') || '';
+        if (shouldParseAsSVG(contentType, format)) {
+            const svgText = yield response.text();
+            return (0, svg_1.loadSVGResource)(svgText);
+        }
+        const blob = yield response.blob();
+        const base64 = yield blobToBase64(blob);
+        return (0, image_1.loadImageBase64Resource)(base64);
+    });
 }
 function blobToBase64(blob) {
     return new Promise((resolve, reject) => {