@antv/infographic 0.2.11 → 0.2.13

package/lib/templates/chart-pie.d.ts

@@ -0,0 +1,2 @@
+import type { TemplateOptions } from './types';
+export declare const chartPieTemplates: Record<string, TemplateOptions>;

package/lib/templates/chart-pie.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chartPieTemplates = void 0;
+exports.chartPieTemplates = {
+    'chart-pie-plain-text': {
+        design: {
+            title: 'default',
+            structure: {
+                type: 'chart-pie',
+            },
+            items: [
+                {
+                    type: 'plain-text',
+                },
+            ],
+        },
+    },
+    'chart-pie-compact-card': {
+        design: {
+            title: 'default',
+            structure: {
+                type: 'chart-pie',
+                avoidLabelOverlap: true,
+            },
+            items: [
+                {
+                    type: 'compact-card',
+                },
+            ],
+        },
+    },
+    'chart-pie-pill-badge': {
+        design: {
+            title: 'default',
+            structure: {
+                type: 'chart-pie',
+                avoidLabelOverlap: true,
+            },
+            items: [
+                {
+                    type: 'pill-badge',
+                },
+            ],
+        },
+    },
+    'chart-pie-donut-plain-text': {
+        design: {
+            title: 'default',
+            structure: {
+                type: 'chart-pie',
+                innerRadius: 90,
+            },
+            items: [
+                {
+                    type: 'plain-text',
+                },
+            ],
+        },
+    },
+    'chart-pie-donut-compact-card': {
+        design: {
+            title: 'default',
+            structure: {
+                type: 'chart-pie',
+                innerRadius: 90,
+                avoidLabelOverlap: true,
+            },
+            items: [
+                {
+                    type: 'compact-card',
+                },
+            ],
+        },
+    },
+    'chart-pie-donut-pill-badge': {
+        design: {
+            title: 'default',
+            structure: {
+                type: 'chart-pie',
+                innerRadius: 90,
+                avoidLabelOverlap: true,
+            },
+            items: [
+                {
+                    type: 'pill-badge',
+                },
+            ],
+        },
+    },
+};

package/lib/templates/hierarchy-mindmap.js

@@ -36,11 +36,7 @@ const ROUNDED_RECT_NODE = {
 const COMPACT_CARD = {
     type: 'compact-card',
 };
-const createStructure = (gradient, edgeAlign) => ({
-    type: 'hierarchy-mindmap',
-    ...(edgeAlign !== undefined ? { edgeAlign } : {}),
-    ...gradient,
-});
+const createStructure = (gradient, edgeAlign) => (Object.assign(Object.assign({ type: 'hierarchy-mindmap' }, (edgeAlign !== undefined ? { edgeAlign } : {})), gradient));
 const createTemplate = (key, gradient, item, edgeAlign) => [
     key,
     {

package/lib/templates/hierarchy-tree.js

@@ -67,11 +67,7 @@ for (const item of items) {
             const templateName = createTemplateName(key, name, item);
             exports.hierarchyTreeTemplates[templateName] = {
                 design: {
-                    structure: {
-                        type: 'hierarchy-tree',
-                        ...(orientation ? { orientation } : {}),
-                        ...structureProps,
-                    },
+                    structure: Object.assign(Object.assign({ type: 'hierarchy-tree' }, (orientation ? { orientation } : {})), structureProps),
                     item: {
                         type: item,
                     },

package/lib/templates/relation-dagre-flow.js

@@ -23,34 +23,10 @@ const baseStructureAttrs = {
     colorMode: 'node',
 };
 const structures = {
-    tb: {
-        ...baseStructureAttrs,
-        rankdir: 'TB',
-        edgeRouting: 'orth',
-    },
-    lr: {
-        ...baseStructureAttrs,
-        rankdir: 'LR',
-        edgeRouting: 'orth',
-    },
-    'tb-animated': {
-        ...baseStructureAttrs,
-        rankdir: 'TB',
-        edgeCornerRadius: 12,
-        edgeRouting: 'orth',
-        edgeAnimation: 'ant-line',
-        edgeDashPattern: '8,4',
-        edgeAnimationSpeed: 1,
-    },
-    'lr-animated': {
-        ...baseStructureAttrs,
-        rankdir: 'LR',
-        edgeCornerRadius: 12,
-        edgeRouting: 'orth',
-        edgeAnimation: 'ant-line',
-        edgeDashPattern: '8,4',
-        edgeAnimationSpeed: 1,
-    },
+    tb: Object.assign(Object.assign({}, baseStructureAttrs), { rankdir: 'TB', edgeRouting: 'orth' }),
+    lr: Object.assign(Object.assign({}, baseStructureAttrs), { rankdir: 'LR', edgeRouting: 'orth' }),
+    'tb-animated': Object.assign(Object.assign({}, baseStructureAttrs), { rankdir: 'TB', edgeCornerRadius: 12, edgeRouting: 'orth', edgeAnimation: 'ant-line', edgeDashPattern: '8,4', edgeAnimationSpeed: 1 }),
+    'lr-animated': Object.assign(Object.assign({}, baseStructureAttrs), { rankdir: 'LR', edgeCornerRadius: 12, edgeRouting: 'orth', edgeAnimation: 'ant-line', edgeDashPattern: '8,4', edgeAnimationSpeed: 1 }),
 };
 exports.relationDagreFlowTemplates = {};
 const omit = ['lr-capsule', 'tb-capsule'];

package/lib/themes/generator.js

@@ -15,7 +15,7 @@ const generateThemeColors = ({ colorPrimary, colorBg = '#ffffff', isDarkMode = f
 };
 exports.generateThemeColors = generateThemeColors;
 const generatePrimaryBg = (primaryColor, isDarkMode) => {
-    return ((0, culori_1.formatHex8)({ ...primaryColor, alpha: isDarkMode ? 0.2 : 0.1 }) || '#ffffff');
+    return ((0, culori_1.formatHex8)(Object.assign(Object.assign({}, primaryColor), { alpha: isDarkMode ? 0.2 : 0.1 })) || '#ffffff');
 };
 const generateTextColor = (bgColor, isDarkMode) => {
     if (isDarkMode) {
@@ -27,7 +27,7 @@ const generateTextColor = (bgColor, isDarkMode) => {
 };
 const generateSecondaryTextColor = (colorText) => {
     const parsed = (0, culori_1.oklch)((0, culori_1.parse)(colorText));
-    const lighter = { ...parsed, l: Math.min(1, parsed.l + 0.2) };
+    const lighter = Object.assign(Object.assign({}, parsed), { l: Math.min(1, parsed.l + 0.2) });
     return (0, culori_1.formatHex)(lighter);
 };
 const generatePrimaryTextColor = (colorPrimaryBg, isDarkMode) => {
@@ -50,7 +50,7 @@ const generatePrimaryTextColor = (colorPrimaryBg, isDarkMode) => {
 const generateElevatedBg = (bgColor, isDarkMode) => {
     const parsed = (0, culori_1.oklch)(bgColor);
     if (isDarkMode) {
-        const lightened = { ...parsed, l: Math.min(1, parsed.l + 0.1) };
+        const lightened = Object.assign(Object.assign({}, parsed), { l: Math.min(1, parsed.l + 0.1) });
         return safeFormatHex(lightened, '#1f1f1f');
     }
     else {
@@ -58,7 +58,7 @@ const generateElevatedBg = (bgColor, isDarkMode) => {
             return '#ffffff';
         }
         else {
-            const lightened = { ...parsed, l: Math.min(1, parsed.l + 0.05) };
+            const lightened = Object.assign(Object.assign({}, parsed), { l: Math.min(1, parsed.l + 0.05) });
             return safeFormatHex(lightened, '#ffffff');
         }
     }
@@ -71,16 +71,10 @@ const createBaseTheme = ({ primaryColor, bgColor, }) => ({
 const addDerivedColors = (baseTheme, { primaryColor, bgColor, isDarkMode, }) => {
     const textColor = generateTextColor(bgColor, isDarkMode);
     const colorPrimaryBg = generatePrimaryBg(primaryColor, isDarkMode);
-    return {
-        ...baseTheme,
-        isDarkMode,
-        colorPrimaryBg,
-        colorText: textColor,
-        colorTextSecondary: generateSecondaryTextColor(textColor),
-        colorPrimaryText: generatePrimaryTextColor(colorPrimaryBg, isDarkMode),
-        colorBgElevated: generateElevatedBg(bgColor, isDarkMode),
-    };
+    return Object.assign(Object.assign({}, baseTheme), { isDarkMode,
+        colorPrimaryBg, colorText: textColor, colorTextSecondary: generateSecondaryTextColor(textColor), colorPrimaryText: generatePrimaryTextColor(colorPrimaryBg, isDarkMode), colorBgElevated: generateElevatedBg(bgColor, isDarkMode) });
 };
 function safeFormatHex(color, fallback = '#000000') {
-    return (0, culori_1.formatHex)(color) ?? fallback;
+    var _a;
+    return (_a = (0, culori_1.formatHex)(color)) !== null && _a !== void 0 ? _a : fallback;
 }

package/lib/utils/fetch.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());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -27,41 +36,45 @@ function buildCacheKey(request) {
 function buildResponse(entry) {
     return new Response(entry.body.slice(0), entry.init);
 }
-async function fetchAndCache(request, key) {
-    try {
-        const response = await nativeFetch(request);
-        const body = await response.arrayBuffer();
-        const entry = {
-            body,
-            init: {
-                status: response.status,
-                statusText: response.statusText,
-                headers: Array.from(response.headers.entries()),
-            },
-        };
-        if (response.ok) {
-            responseCache.set(key, entry);
+function fetchAndCache(request, key) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            const response = yield nativeFetch(request);
+            const body = yield response.arrayBuffer();
+            const entry = {
+                body,
+                init: {
+                    status: response.status,
+                    statusText: response.statusText,
+                    headers: Array.from(response.headers.entries()),
+                },
+            };
+            if (response.ok) {
+                responseCache.set(key, entry);
+            }
+            return entry;
+        }
+        finally {
+            pendingRequests.delete(key);
         }
-        return entry;
-    }
-    finally {
-        pendingRequests.delete(key);
-    }
+    });
 }
-async function fetchWithCache(input, init) {
-    const request = new Request(input, init);
-    if (request.method !== 'GET') {
-        return nativeFetch(request);
-    }
-    const key = buildCacheKey(request);
-    if (responseCache.has(key)) {
-        return buildResponse(responseCache.get(key));
-    }
-    let pending = pendingRequests.get(key);
-    if (!pending) {
-        pending = fetchAndCache(request, key);
-        pendingRequests.set(key, pending);
-    }
-    const entry = await pending;
-    return buildResponse(entry);
+function fetchWithCache(input, init) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const request = new Request(input, init);
+        if (request.method !== 'GET') {
+            return nativeFetch(request);
+        }
+        const key = buildCacheKey(request);
+        if (responseCache.has(key)) {
+            return buildResponse(responseCache.get(key));
+        }
+        let pending = pendingRequests.get(key);
+        if (!pending) {
+            pending = fetchAndCache(request, key);
+            pendingRequests.set(key, pending);
+        }
+        const entry = yield pending;
+        return buildResponse(entry);
+    });
 }

package/lib/utils/icon.js

@@ -13,10 +13,7 @@ function getIconResourceConfig(icon) {
     return ICON_RESOURCE_CACHE.get(icon) || null;
 }
 function createIconElement(value, attrs = {}) {
-    const icon = (0, svg_1.createElement)('use', {
-        ...attrs,
-        href: (0, resource_1.getResourceHref)(value),
-    });
+    const icon = (0, svg_1.createElement)('use', Object.assign(Object.assign({}, attrs), { href: (0, resource_1.getResourceHref)(value) }));
     applyIconColor(icon);
     ICON_RESOURCE_CACHE.set(icon, value);
     return icon;

package/lib/utils/is-browser.js

@@ -36,7 +36,7 @@ function isBrowser() {
                 rect.left !== 0 &&
                 rect.top !== 0;
     }
-    catch {
+    catch (_a) {
         hasRealLayout = false;
     }
     if (!hasRealLayout) {
@@ -58,7 +58,7 @@ function isBrowser() {
                 metrics.width > 0 &&
                 metrics.width < 1000;
     }
-    catch {
+    catch (_b) {
         hasRealCanvas = false;
     }
     if (hasRealCanvas)

package/lib/utils/measure-text.js

@@ -86,6 +86,7 @@ function measureTextInBrowser(content, { fontFamily, fontSize, fontWeight, lineH
     return { width: rect.width, height: rect.height };
 }
 function measureText(text = '', attrs) {
+    var _a;
     if (attrs.width && attrs.height) {
         return { width: attrs.width, height: attrs.height };
     }
@@ -102,7 +103,7 @@ function measureText(text = '', attrs) {
     };
     const fallback = () => (0, measury_1.measureText)(content, options);
     const metrics = (0, is_browser_1.isBrowser)()
-        ? (measureTextInBrowser(content, options) ?? fallback())
+        ? ((_a = measureTextInBrowser(content, options)) !== null && _a !== void 0 ? _a : fallback())
         : fallback();
     // 额外添加 1% 宽高
     return {

package/lib/utils/padding.js

@@ -52,7 +52,7 @@ function setSVGPadding(svg, padding) {
                     subtree: true,
                 });
             }
-            catch {
+            catch (_a) {
                 setSVGPaddingInNode(svg, padding);
             }
         }

package/lib/utils/recognizer.js

@@ -12,7 +12,8 @@ const constants_1 = require("../constants");
 const element_1 = require("./element");
 const text_1 = require("./text");
 const is = (element, role) => {
-    return element?.dataset?.elementType === role;
+    var _a;
+    return ((_a = element === null || element === void 0 ? void 0 : element.dataset) === null || _a === void 0 ? void 0 : _a.elementType) === role;
 };
 const isTagName = (element, tagName) => {
     return element.tagName.toLowerCase() === tagName.toLowerCase();

package/lib/utils/text.js

@@ -1,4 +1,15 @@
 "use strict";
+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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTextEntity = getTextEntity;
 exports.createTextElement = createTextElement;
@@ -39,7 +50,7 @@ function updateTextElement(text, props) {
     if (entity) {
         Object.assign(entity.style, getTextStyle(attributes));
         if (!width || !height) {
-            const content = textContent ?? getTextContent(text);
+            const content = textContent !== null && textContent !== void 0 ? textContent : getTextContent(text);
             const { fontFamily, fontSize, fontWeight, lineHeight } = entity.style;
             const fSize = fontSize ? parseFloat(String(fontSize)) : 12;
             const rect = (0, measure_text_1.measureText)(content, {
@@ -116,7 +127,7 @@ function getTextStyle(attributes) {
     ['data-vertical-align']: verticalAlign, // omit
     ['font-size']: fontSize, ['letter-spacing']: letterSpacing, ['line-height']: lineHeight, fill, ['stroke-width']: strokeWidth, ['text-anchor']: textAnchor, // omit
     ['dominant-baseline']: dominantBaseline, // omit
-    ['font-family']: fontFamily, ...restAttrs } = attributes;
+    ['font-family']: fontFamily } = attributes, restAttrs = __rest(attributes, ["x", "y", "width", "height", 'data-horizontal-align', 'data-vertical-align', 'font-size', 'letter-spacing', 'line-height', "fill", 'stroke-width', 'text-anchor', 'dominant-baseline', 'font-family']);
     const style = {
         overflow: 'visible',
         // userSelect: 'none',
@@ -153,7 +164,7 @@ function setTextContent(text, content) {
         try {
             entity.innerText = content;
         }
-        catch {
+        catch (_a) {
             entity.textContent = content;
         }
     }

package/lib/utils/viewbox.d.ts

@@ -4,3 +4,23 @@ export declare function getViewBox(svg: SVGSVGElement): {
     width: number;
     height: number;
 };
+export declare function calculateZoomedViewBox(current: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}, factor: number, pivot: {
+    x: number;
+    y: number;
+}): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare function viewBoxToString(box: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}): string;

package/lib/utils/viewbox.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getViewBox = getViewBox;
+exports.calculateZoomedViewBox = calculateZoomedViewBox;
+exports.viewBoxToString = viewBoxToString;
 function getViewBox(svg) {
     const viewBox = svg.getAttribute('viewBox');
     if (viewBox) {
@@ -13,3 +15,13 @@ function getViewBox(svg) {
     const height = Number(heightStr) || 0;
     return { x: 0, y: 0, width, height };
 }
+function calculateZoomedViewBox(current, factor, pivot) {
+    const newWidth = current.width * factor;
+    const newHeight = current.height * factor;
+    const newX = pivot.x - (pivot.x - current.x) * factor;
+    const newY = pivot.y - (pivot.y - current.y) * factor;
+    return { x: newX, y: newY, width: newWidth, height: newHeight };
+}
+function viewBoxToString(box) {
+    return `${box.x} ${box.y} ${box.width} ${box.height}`;
+}

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.2.11";
+export declare const VERSION = "0.2.13";

package/lib/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '0.2.11';
+exports.VERSION = '0.2.13';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/infographic",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "description": "An Infographic Generation and Rendering Framework, bring words to life!",
   "keywords": [
     "antv",
@@ -126,7 +126,6 @@
     "@types/node": "^24.3.1",
     "@types/tinycolor2": "^1.4.6",
     "@vitest/coverage-v8": "^3.2.4",
-    "any-skills": "^0.1.1",
     "csstype": "^3.2.2",
     "eslint": "^9.35.0",
     "globals": "^16.4.0",