@sliiu/present-transition-fx 0.0.0-stage → 0.1.1

package/dist/cjs/geometry.js

@@ -0,0 +1,141 @@
+"use strict";
+// 切换效果里可以脱离 DOM 核对的几何：分割的开合、轮子的轮辐、条纹的角、涟漪的圆心、剥离的折角。
+// 播放函数只负责把这些字符串套到 clip-path / mask 上。
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitMotion = splitMotion;
+exports.splitToken = splitToken;
+exports.splitParamsFromToken = splitParamsFromToken;
+exports.wheelSpokes = wheelSpokes;
+exports.wheelPolygon = wheelPolygon;
+exports.stripsClips = stripsClips;
+exports.rippleAt = rippleAt;
+exports.cellMask = cellMask;
+exports.glitterToken = glitterToken;
+exports.glitterParamsFromToken = glitterParamsFromToken;
+exports.glitterSweep = glitterSweep;
+exports.peelFlatClip = peelFlatClip;
+/** orient=vert 左右分开，horz 上下分开。dir=in 从两侧收到中间，其余从中间向外展开。 */
+function splitMotion(orient, dir) {
+    const vert = orient === "vert";
+    if (dir === "in")
+        return { kind: "meet", axis: vert ? "x" : "y" };
+    return { kind: "expand", clip: vert ? "inset(0 50% 0 50%)" : "inset(50% 0 50% 0)" };
+}
+/** 面板上的四档（中央向左右展开 / 左右向中央收缩 / …）和 OOXML orient+dir 互转。 */
+function splitToken(orient, dir) {
+    return `${orient === "vert" ? "vert" : "horz"}${dir === "in" ? "In" : "Out"}`;
+}
+function splitParamsFromToken(token) {
+    const vert = token.startsWith("vert");
+    const inward = token.endsWith("In");
+    return { orient: vert ? "vert" : "horz", dir: inward ? "in" : "out" };
+}
+/** OOXML CT_WheelTransition 的 spokes。缺省 4。界面提供 1/2/3/4/8，其它 1–8 的整数照播。 */
+function wheelSpokes(pattern) {
+    const n = Number(pattern);
+    if (!Number.isFinite(n))
+        return 4;
+    const rounded = Math.round(n);
+    if (rounded < 1 || rounded > 8)
+        return 4;
+    return rounded;
+}
+/** 固定点数的轮辐多边形，portion 0 收成射线，1 铺满画面。reverse 往反方向张开。 */
+function wheelPolygon(spokes, portion, reverse) {
+    const n = Math.max(1, Math.min(8, Math.round(spokes)));
+    const steps = 6;
+    const p = Math.min(1, Math.max(0, portion));
+    const spin = reverse ? -1 : 1;
+    const pts = [];
+    for (let s = 0; s < n; s++) {
+        const startAng = spin * (s / n) * Math.PI * 2 - Math.PI / 2;
+        const sweep = spin * ((p * Math.PI * 2) / n);
+        pts.push("50% 50%");
+        for (let i = 0; i <= steps; i++) {
+            const ang = startAng + sweep * (i / steps);
+            const x = 50 + Math.cos(ang) * 90;
+            const y = 50 + Math.sin(ang) * 90;
+            pts.push(`${x.toFixed(2)}% ${y.toFixed(2)}%`);
+        }
+    }
+    return `polygon(${pts.join(",")})`;
+}
+const STRIP_ORIGIN = {
+    topLeft: [100, 100],
+    topRight: [0, 100],
+    bottomLeft: [100, 0],
+    bottomRight: [0, 0],
+};
+/** 条纹沿 dir 扫过。dir 是运动方向（topLeft = 朝左上，即从右下进来）。三点同点数，方便插值。 */
+function stripsClips(dir) {
+    const [ox, oy] = STRIP_ORIGIN[dir] ?? STRIP_ORIGIN.bottomRight;
+    const sx = ox === 0 ? 1 : -1;
+    const sy = oy === 0 ? 1 : -1;
+    const at = (dx, dy) => {
+        const x = ox + sx * dx;
+        const y = oy + sy * dy;
+        return `polygon(${x}% ${y}%, ${x}% ${y}%, ${ox}% ${oy}%, ${ox}% ${oy}%)`;
+    };
+    const end = "polygon(-15% -15%, 115% -15%, 115% 115%, -15% 115%)";
+    return [at(0, 0), at(70, 35), end];
+}
+/** 涟漪收缩的圆心。角方向用面板的 topLeft / topRight / bottomLeft / bottomRight。 */
+function rippleAt(dir) {
+    switch (dir) {
+        case "topLeft":
+            return "0% 0%";
+        case "topRight":
+            return "100% 0%";
+        case "bottomLeft":
+            return "0% 100%";
+        case "bottomRight":
+            return "100% 100%";
+        default:
+            return "50% 50%";
+    }
+}
+const DIAMOND_TILE = `<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><polygon points="14,2 26,14 14,26 2,14" fill="black"/></svg>`;
+const HEX_TILE = `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="28" viewBox="0 0 32 28"><polygon points="8,2 24,2 30,14 24,26 8,26 2,14" fill="black"/></svg>`;
+const HONEY_TILE = `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="36" viewBox="0 0 40 36"><polygon points="12,3 28,3 36,18 28,33 12,33 4,18" fill="black"/></svg>`;
+/** 闪耀的菱形 / 六边形，以及蜂巢的疏六边形。mask 里黑色是露出的部分。 */
+function cellMask(kind) {
+    const svg = kind === "honeycomb" ? HONEY_TILE : kind === "hexagon" ? HEX_TILE : DIAMOND_TILE;
+    return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
+}
+/** 面板上「方向 · 图案」和 params.dir + params.pattern 互转。缺省向左、菱形。 */
+function glitterToken(dir, pattern) {
+    const d = dir === "right" || dir === "up" || dir === "down" ? String(dir) : "left";
+    const p = pattern === "hexagon" ? "hexagon" : "diamond";
+    return `${d}:${p}`;
+}
+function glitterParamsFromToken(token) {
+    const [rawDir, rawPattern] = token.split(":");
+    const dir = rawDir === "right" || rawDir === "up" || rawDir === "down" ? rawDir : "left";
+    const pattern = rawPattern === "hexagon" ? "hexagon" : "diamond";
+    return { dir, pattern };
+}
+/** 闪耀扫过的起点和终点。向左从左缘扫到右缘，其余镜像。 */
+function glitterSweep(dir) {
+    switch (dir) {
+        case "right":
+            return { from: "120% 50%", to: "-20% 50%" };
+        case "up":
+            return { from: "50% 120%", to: "50% -20%" };
+        case "down":
+            return { from: "50% -20%", to: "50% 120%" };
+        default:
+            return { from: "-20% 50%", to: "120% 50%" };
+    }
+}
+/** 剥离后仍平贴的那一块。towardRight 从左下角往右揭，否则从右下角往左揭。amount 0 整页，1 几乎揭完。 */
+function peelFlatClip(towardRight, amount) {
+    const a = Math.min(1, Math.max(0, amount));
+    if (towardRight) {
+        const x = (a * 78).toFixed(1);
+        const y = (100 - a * 78).toFixed(1);
+        return `polygon(0% 0%, 100% 0%, 100% 100%, ${x}% ${y}%)`;
+    }
+    const x = (100 - a * 78).toFixed(1);
+    const y = (100 - a * 78).toFixed(1);
+    return `polygon(0% 0%, 100% 0%, ${x}% ${y}%, 0% 100%)`;
+}

package/dist/cjs/index.js

@@ -0,0 +1,98 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.morphPairsWithIssues = exports.morphIssueCount = exports.morphCandidateFromShape = exports.formatMorphReadinessSummary = exports.formatMorphReadinessScoreLine = exports.formatMorphReadinessLine = exports.formatMorphPairCoverageBreakdownLine = exports.formatMorphMatchReasonBreakdown = exports.formatMorphLowestPathLine = exports.formatMorphDeckStatsLine = exports.formatMorphDeckReadinessLine = exports.formatMorphDeckChromeLines = exports.findWeakestMorphPair = exports.findStrongestMorphPair = exports.findMostIssueMorphPair = exports.findLowestPathCoverageMorphPair = exports.findHighestPathCoverageMorphPair = exports.findFirstIssueMorphPair = exports.filterMorphDeckEntries = exports.exportMorphUnmatchedShapesText = exports.exportMorphReadinessText = exports.exportMorphPairCompactText = exports.exportMorphPairCoverageText = exports.exportMorphIssuesCompactText = exports.exportMorphDeckReadinessText = exports.exportMorphDeckIssuesCompactText = exports.exportMorphDeckFilteredCompactText = exports.exportMorphDeckCompactText = exports.exportMorphDeckAuditText = exports.exportMorphAuditText = exports.countMorphPairsWithIssues = exports.countMorphPairsClean = exports.collectUnmatchedMorphShapesInDeck = exports.collectMorphCandidatesFromSlide = exports.averagePathMorphCoveragePercent = exports.averageMorphReadinessPercent = exports.averageMorphIssuesPerPair = exports.auditMorphSlides = exports.auditMorphDeck = exports.rectPathFromSize = exports.polygonPointsToPath = exports.pathToAbsolute = exports.parsePathCommands = exports.linePathFromPoints = exports.morphPathSignature = exports.morphPathCompatible = exports.makeMorphPathTween = exports.flattenPathToPoints = exports.ellipsePathFromSize = exports.alignClosedPolylines = void 0;
+exports.runTransition = exports.registerTransition = exports.listTransitions = exports.getTransition = exports.wheelSpokes = exports.wheelPolygon = exports.stripsClips = exports.splitToken = exports.splitParamsFromToken = exports.splitMotion = exports.rippleAt = exports.peelFlatClip = exports.glitterToken = exports.glitterSweep = exports.glitterParamsFromToken = exports.cellMask = exports.morphSimilarity = exports.morphMatchReason = exports.morphGeometryHash = exports.matchMorphShapePairs = exports.summarizeMorphMatchReasons = exports.pathMorphCoveragePercent = exports.countMorphDeckIssues = exports.morphReadinessPercent = void 0;
+var morph_path_1 = require("./morph-path");
+Object.defineProperty(exports, "alignClosedPolylines", { enumerable: true, get: function () { return morph_path_1.alignClosedPolylines; } });
+Object.defineProperty(exports, "ellipsePathFromSize", { enumerable: true, get: function () { return morph_path_1.ellipsePathFromSize; } });
+Object.defineProperty(exports, "flattenPathToPoints", { enumerable: true, get: function () { return morph_path_1.flattenPathToPoints; } });
+Object.defineProperty(exports, "makeMorphPathTween", { enumerable: true, get: function () { return morph_path_1.makeMorphPathTween; } });
+Object.defineProperty(exports, "morphPathCompatible", { enumerable: true, get: function () { return morph_path_1.morphPathCompatible; } });
+Object.defineProperty(exports, "morphPathSignature", { enumerable: true, get: function () { return morph_path_1.morphPathSignature; } });
+Object.defineProperty(exports, "linePathFromPoints", { enumerable: true, get: function () { return morph_path_1.linePathFromPoints; } });
+Object.defineProperty(exports, "parsePathCommands", { enumerable: true, get: function () { return morph_path_1.parsePathCommands; } });
+Object.defineProperty(exports, "pathToAbsolute", { enumerable: true, get: function () { return morph_path_1.pathToAbsolute; } });
+Object.defineProperty(exports, "polygonPointsToPath", { enumerable: true, get: function () { return morph_path_1.polygonPointsToPath; } });
+Object.defineProperty(exports, "rectPathFromSize", { enumerable: true, get: function () { return morph_path_1.rectPathFromSize; } });
+var morph_audit_1 = require("./morph-audit");
+Object.defineProperty(exports, "auditMorphDeck", { enumerable: true, get: function () { return morph_audit_1.auditMorphDeck; } });
+Object.defineProperty(exports, "auditMorphSlides", { enumerable: true, get: function () { return morph_audit_1.auditMorphSlides; } });
+Object.defineProperty(exports, "averageMorphIssuesPerPair", { enumerable: true, get: function () { return morph_audit_1.averageMorphIssuesPerPair; } });
+Object.defineProperty(exports, "averageMorphReadinessPercent", { enumerable: true, get: function () { return morph_audit_1.averageMorphReadinessPercent; } });
+Object.defineProperty(exports, "averagePathMorphCoveragePercent", { enumerable: true, get: function () { return morph_audit_1.averagePathMorphCoveragePercent; } });
+Object.defineProperty(exports, "collectMorphCandidatesFromSlide", { enumerable: true, get: function () { return morph_audit_1.collectMorphCandidatesFromSlide; } });
+Object.defineProperty(exports, "collectUnmatchedMorphShapesInDeck", { enumerable: true, get: function () { return morph_audit_1.collectUnmatchedMorphShapesInDeck; } });
+Object.defineProperty(exports, "countMorphPairsClean", { enumerable: true, get: function () { return morph_audit_1.countMorphPairsClean; } });
+Object.defineProperty(exports, "countMorphPairsWithIssues", { enumerable: true, get: function () { return morph_audit_1.countMorphPairsWithIssues; } });
+Object.defineProperty(exports, "exportMorphAuditText", { enumerable: true, get: function () { return morph_audit_1.exportMorphAuditText; } });
+Object.defineProperty(exports, "exportMorphDeckAuditText", { enumerable: true, get: function () { return morph_audit_1.exportMorphDeckAuditText; } });
+Object.defineProperty(exports, "exportMorphDeckCompactText", { enumerable: true, get: function () { return morph_audit_1.exportMorphDeckCompactText; } });
+Object.defineProperty(exports, "exportMorphDeckFilteredCompactText", { enumerable: true, get: function () { return morph_audit_1.exportMorphDeckFilteredCompactText; } });
+Object.defineProperty(exports, "exportMorphDeckIssuesCompactText", { enumerable: true, get: function () { return morph_audit_1.exportMorphDeckIssuesCompactText; } });
+Object.defineProperty(exports, "exportMorphDeckReadinessText", { enumerable: true, get: function () { return morph_audit_1.exportMorphDeckReadinessText; } });
+Object.defineProperty(exports, "exportMorphIssuesCompactText", { enumerable: true, get: function () { return morph_audit_1.exportMorphIssuesCompactText; } });
+Object.defineProperty(exports, "exportMorphPairCoverageText", { enumerable: true, get: function () { return morph_audit_1.exportMorphPairCoverageText; } });
+Object.defineProperty(exports, "exportMorphPairCompactText", { enumerable: true, get: function () { return morph_audit_1.exportMorphPairCompactText; } });
+Object.defineProperty(exports, "exportMorphReadinessText", { enumerable: true, get: function () { return morph_audit_1.exportMorphReadinessText; } });
+Object.defineProperty(exports, "exportMorphUnmatchedShapesText", { enumerable: true, get: function () { return morph_audit_1.exportMorphUnmatchedShapesText; } });
+Object.defineProperty(exports, "filterMorphDeckEntries", { enumerable: true, get: function () { return morph_audit_1.filterMorphDeckEntries; } });
+Object.defineProperty(exports, "findFirstIssueMorphPair", { enumerable: true, get: function () { return morph_audit_1.findFirstIssueMorphPair; } });
+Object.defineProperty(exports, "findHighestPathCoverageMorphPair", { enumerable: true, get: function () { return morph_audit_1.findHighestPathCoverageMorphPair; } });
+Object.defineProperty(exports, "findLowestPathCoverageMorphPair", { enumerable: true, get: function () { return morph_audit_1.findLowestPathCoverageMorphPair; } });
+Object.defineProperty(exports, "findMostIssueMorphPair", { enumerable: true, get: function () { return morph_audit_1.findMostIssueMorphPair; } });
+Object.defineProperty(exports, "findStrongestMorphPair", { enumerable: true, get: function () { return morph_audit_1.findStrongestMorphPair; } });
+Object.defineProperty(exports, "findWeakestMorphPair", { enumerable: true, get: function () { return morph_audit_1.findWeakestMorphPair; } });
+Object.defineProperty(exports, "formatMorphDeckChromeLines", { enumerable: true, get: function () { return morph_audit_1.formatMorphDeckChromeLines; } });
+Object.defineProperty(exports, "formatMorphDeckReadinessLine", { enumerable: true, get: function () { return morph_audit_1.formatMorphDeckReadinessLine; } });
+Object.defineProperty(exports, "formatMorphDeckStatsLine", { enumerable: true, get: function () { return morph_audit_1.formatMorphDeckStatsLine; } });
+Object.defineProperty(exports, "formatMorphLowestPathLine", { enumerable: true, get: function () { return morph_audit_1.formatMorphLowestPathLine; } });
+Object.defineProperty(exports, "formatMorphMatchReasonBreakdown", { enumerable: true, get: function () { return morph_audit_1.formatMorphMatchReasonBreakdown; } });
+Object.defineProperty(exports, "formatMorphPairCoverageBreakdownLine", { enumerable: true, get: function () { return morph_audit_1.formatMorphPairCoverageBreakdownLine; } });
+Object.defineProperty(exports, "formatMorphReadinessLine", { enumerable: true, get: function () { return morph_audit_1.formatMorphReadinessLine; } });
+Object.defineProperty(exports, "formatMorphReadinessScoreLine", { enumerable: true, get: function () { return morph_audit_1.formatMorphReadinessScoreLine; } });
+Object.defineProperty(exports, "formatMorphReadinessSummary", { enumerable: true, get: function () { return morph_audit_1.formatMorphReadinessSummary; } });
+Object.defineProperty(exports, "morphCandidateFromShape", { enumerable: true, get: function () { return morph_audit_1.morphCandidateFromShape; } });
+Object.defineProperty(exports, "morphIssueCount", { enumerable: true, get: function () { return morph_audit_1.morphIssueCount; } });
+Object.defineProperty(exports, "morphPairsWithIssues", { enumerable: true, get: function () { return morph_audit_1.morphPairsWithIssues; } });
+Object.defineProperty(exports, "morphReadinessPercent", { enumerable: true, get: function () { return morph_audit_1.morphReadinessPercent; } });
+Object.defineProperty(exports, "countMorphDeckIssues", { enumerable: true, get: function () { return morph_audit_1.countMorphDeckIssues; } });
+Object.defineProperty(exports, "pathMorphCoveragePercent", { enumerable: true, get: function () { return morph_audit_1.pathMorphCoveragePercent; } });
+Object.defineProperty(exports, "summarizeMorphMatchReasons", { enumerable: true, get: function () { return morph_audit_1.summarizeMorphMatchReasons; } });
+var morph_match_1 = require("./morph-match");
+Object.defineProperty(exports, "matchMorphShapePairs", { enumerable: true, get: function () { return morph_match_1.matchMorphShapePairs; } });
+Object.defineProperty(exports, "morphGeometryHash", { enumerable: true, get: function () { return morph_match_1.morphGeometryHash; } });
+Object.defineProperty(exports, "morphMatchReason", { enumerable: true, get: function () { return morph_match_1.morphMatchReason; } });
+Object.defineProperty(exports, "morphSimilarity", { enumerable: true, get: function () { return morph_match_1.morphSimilarity; } });
+__exportStar(require("./types"), exports);
+var geometry_1 = require("./geometry");
+Object.defineProperty(exports, "cellMask", { enumerable: true, get: function () { return geometry_1.cellMask; } });
+Object.defineProperty(exports, "glitterParamsFromToken", { enumerable: true, get: function () { return geometry_1.glitterParamsFromToken; } });
+Object.defineProperty(exports, "glitterSweep", { enumerable: true, get: function () { return geometry_1.glitterSweep; } });
+Object.defineProperty(exports, "glitterToken", { enumerable: true, get: function () { return geometry_1.glitterToken; } });
+Object.defineProperty(exports, "peelFlatClip", { enumerable: true, get: function () { return geometry_1.peelFlatClip; } });
+Object.defineProperty(exports, "rippleAt", { enumerable: true, get: function () { return geometry_1.rippleAt; } });
+Object.defineProperty(exports, "splitMotion", { enumerable: true, get: function () { return geometry_1.splitMotion; } });
+Object.defineProperty(exports, "splitParamsFromToken", { enumerable: true, get: function () { return geometry_1.splitParamsFromToken; } });
+Object.defineProperty(exports, "splitToken", { enumerable: true, get: function () { return geometry_1.splitToken; } });
+Object.defineProperty(exports, "stripsClips", { enumerable: true, get: function () { return geometry_1.stripsClips; } });
+Object.defineProperty(exports, "wheelPolygon", { enumerable: true, get: function () { return geometry_1.wheelPolygon; } });
+Object.defineProperty(exports, "wheelSpokes", { enumerable: true, get: function () { return geometry_1.wheelSpokes; } });
+var registry_1 = require("./registry");
+Object.defineProperty(exports, "getTransition", { enumerable: true, get: function () { return registry_1.getTransition; } });
+Object.defineProperty(exports, "listTransitions", { enumerable: true, get: function () { return registry_1.listTransitions; } });
+Object.defineProperty(exports, "registerTransition", { enumerable: true, get: function () { return registry_1.registerTransition; } });
+Object.defineProperty(exports, "runTransition", { enumerable: true, get: function () { return registry_1.runTransition; } });