markmap-view 0.17.1-alpha.4 → 0.17.1

package/dist/browser/index.js

@@ -401,10 +401,14 @@
     }
     const numberKeys = [
       "duration",
-      "maxWidth",
-      "initialExpandLevel",
       "fitRatio",
-      "maxInitialScale"
+      "initialExpandLevel",
+      "maxInitialScale",
+      "maxWidth",
+      "nodeMinHeight",
+      "paddingX",
+      "spacingHorizontal",
+      "spacingVertical"
     ];
     numberKeys.forEach((key) => {
       const value = options[key];

package/dist/index.js

@@ -1,7 +1,7 @@
-import { Hook as st, getId as at, debounce as lt, addClass as ct, walkTree as T, childSelector as C, noop as M } from "markmap-common";
+import { Hook as st, getId as at, debounce as lt, addClass as ct, walkTree as M, childSelector as C, noop as T } from "markmap-common";
 import { loadCSS as Ce, loadJS as we } from "markmap-common";
-import { scaleOrdinal as V, schemeCategory10 as ht, zoomTransform as A, select as dt, zoom as ut, linkHorizontal as pt, min as I, max as H, zoomIdentity as mt, minIndex as ft } from "d3";
-const K = typeof navigator < "u" && navigator.userAgent.includes("Macintosh"), gt = V(ht), P = {
+import { scaleOrdinal as Y, schemeCategory10 as ht, zoomTransform as A, select as dt, zoom as ut, linkHorizontal as pt, min as H, max as I, zoomIdentity as mt, minIndex as ft } from "d3";
+const K = typeof navigator < "u" && navigator.userAgent.includes("Macintosh"), gt = Y(ht), P = {
   autoFit: !1,
   color: (e) => {
     var t;
@@ -28,7 +28,7 @@ function Se(e) {
     const s = i[0];
     t.color = () => s;
   } else if (i != null && i.length) {
-    const s = V(i);
+    const s = Y(i);
     t.color = (l) => s(`${l.state.path}`);
   }
   if (o) {
@@ -43,10 +43,14 @@ function Se(e) {
   }
   return [
     "duration",
-    "maxWidth",
-    "initialExpandLevel",
     "fitRatio",
-    "maxInitialScale"
+    "initialExpandLevel",
+    "maxInitialScale",
+    "maxWidth",
+    "nodeMinHeight",
+    "paddingX",
+    "spacingHorizontal",
+    "spacingVertical"
   ].forEach((s) => {
     const l = n[s];
     typeof l == "number" && (t[s] = l);
@@ -186,14 +190,14 @@ function Rt(e) {
   while (i.length);
   return this;
 }
-function Tt(e) {
+function Mt(e) {
   for (var t = this, n = [t], i, o; t = n.pop(); )
     if (e(t), i = t.children, i)
       for (o = i.length - 1; o >= 0; --o)
         n.push(i[o]);
   return this;
 }
-function Mt(e) {
+function Tt(e) {
   for (var t = this, n = [t], i = [], o, a, c; t = n.pop(); )
     if (i.push(t), o = t.children, o)
       for (a = 0, c = o.length; a < c; ++a)
@@ -246,7 +250,7 @@ function Ft() {
     t.children || e.push(t);
   }), e;
 }
-function It() {
+function Ht() {
   var e = this, t = [];
   return e.each(function(n) {
     n !== e && t.push({ source: n.parent, target: n });
@@ -258,9 +262,9 @@ function F(e, t) {
     if (i && (o.value = +o.data.value), (s = t(o.data)) && (p = s.length))
       for (o.children = new Array(p), l = p - 1; l >= 0; --l)
         a.push(c = o.children[l] = new N(s[l])), c.parent = o, c.depth = o.depth + 1;
-  return n.eachBefore(Yt);
+  return n.eachBefore(Vt);
 }
-function Ht() {
+function It() {
   return F(this).eachBefore(Wt);
 }
 function Lt(e) {
@@ -269,7 +273,7 @@ function Lt(e) {
 function Wt(e) {
   e.data = e.data.data;
 }
-function Yt(e) {
+function Vt(e) {
   var t = 0;
   do
     e.height = t;
@@ -282,18 +286,18 @@ N.prototype = F.prototype = {
   constructor: N,
   count: Nt,
   each: Rt,
-  eachAfter: Mt,
-  eachBefore: Tt,
+  eachAfter: Tt,
+  eachBefore: Mt,
   sum: At,
   sort: _t,
   path: Ot,
   ancestors: $t,
   descendants: Bt,
   leaves: Ft,
-  links: It,
-  copy: Ht
+  links: Ht,
+  copy: It
 };
-const Vt = "d3-flextree", Kt = "2.1.2", Pt = "build/d3-flextree.js", Ut = "index", Gt = {
+const Yt = "d3-flextree", Kt = "2.1.2", Pt = "build/d3-flextree.js", Ut = "index", Gt = {
   name: "Chris Maloney",
   url: "http://chrismaloney.org"
 }, Zt = "Flexible tree layout algorithm that allows for variable node sizes.", qt = [
@@ -342,7 +346,7 @@ const Vt = "d3-flextree", Kt = "2.1.2", Pt = "build/d3-flextree.js", Ut = "index
   "rollup-plugin-uglify": "^3.0.0",
   "uglify-es": "^3.3.9"
 }, re = {
-  name: Vt,
+  name: Yt,
   version: Kt,
   main: Pt,
   module: Ut,
@@ -607,7 +611,7 @@ function W(e) {
   const t = e.data;
   return Math.max(4 - 2 * t.state.depth, 1.5);
 }
-function Y(e, t) {
+function V(e, t) {
   const n = ft(e, t);
   return e[n];
 }
@@ -658,7 +662,7 @@ class et {
   toggleNode(t, n = !1) {
     var o, a;
     const i = (o = t.payload) != null && o.fold ? 0 : 1;
-    n ? T(t, (c, s) => {
+    n ? M(t, (c, s) => {
       c.payload = {
         ...c.payload,
         fold: i
@@ -679,7 +683,7 @@ class et {
     document.body.append(l, p);
     const h = a ? `--markmap-max-width: ${a}px` : "";
     let u = 0, g = 0;
-    T(t, (m, y, f) => {
+    M(t, (m, y, f) => {
       var b, w, z;
       g += 1, m.children = (b = m.children) == null ? void 0 : b.map((E) => ({ ...E })), n += 1;
       const k = O(
@@ -707,7 +711,7 @@ class et {
     this._checkImages(l), x.forEach((m) => {
       var y;
       (y = m.parentNode) == null || y.append(m.cloneNode(!0));
-    }), T(t, (m, y, f) => {
+    }), M(t, (m, y, f) => {
       var b;
       const k = m.state, v = k.el.getBoundingClientRect();
       m.content = k.el.innerHTML, k.size = [
@@ -753,7 +757,7 @@ class et {
       return [S, d + (d ? i * 2 : 0) + n];
     }).spacing((r, d) => r.parent === d.parent ? o : o * 2), l = s.hierarchy(this.state.data);
     s(l);
-    const p = l.descendants().reverse(), h = l.links(), u = pt(), g = I(p, (r) => r.x - r.xSize / 2), x = H(p, (r) => r.x + r.xSize / 2), m = I(p, (r) => r.y), y = H(p, (r) => r.y + r.ySize - n);
+    const p = l.descendants().reverse(), h = l.links(), u = pt(), g = H(p, (r) => r.x - r.xSize / 2), x = I(p, (r) => r.x + r.xSize / 2), m = H(p, (r) => r.y), y = I(p, (r) => r.y + r.ySize - n);
     Object.assign(this.state, {
       minX: g,
       maxX: x,
@@ -880,7 +884,7 @@ class et {
       (i - h * g) / 2 - l * g,
       (o - u * g) / 2 - c * g
     ).scale(g);
-    return this.transition(this.svg).call(this.zoom.transform, x).end().catch(M);
+    return this.transition(this.svg).call(this.zoom.transform, x).end().catch(T);
   }
   findElement(t) {
     let n;
@@ -913,10 +917,10 @@ class et {
       top: 0,
       bottom: 0,
       ...n
-    }, x = [g.left - l, c.width - g.right - p], m = [g.top - h, c.height - g.bottom - u], y = x[0] * x[1] > 0 ? Y(x, Math.abs) / s.k : 0, f = m[0] * m[1] > 0 ? Y(m, Math.abs) / s.k : 0;
+    }, x = [g.left - l, c.width - g.right - p], m = [g.top - h, c.height - g.bottom - u], y = x[0] * x[1] > 0 ? V(x, Math.abs) / s.k : 0, f = m[0] * m[1] > 0 ? V(m, Math.abs) / s.k : 0;
     if (y || f) {
       const v = s.translate(y, f);
-      return this.transition(this.svg).call(this.zoom.transform, v).end().catch(M);
+      return this.transition(this.svg).call(this.zoom.transform, v).end().catch(T);
     }
   }
   /**
@@ -927,7 +931,7 @@ class et {
       (a - s.x) * (1 - t) / s.k,
       (c - s.y) * (1 - t) / s.k
     ).scale(t);
-    return this.transition(this.svg).call(this.zoom.transform, l).end().catch(M);
+    return this.transition(this.svg).call(this.zoom.transform, l).end().catch(T);
   }
   destroy() {
     this.svg.on(".zoom", null), this.svg.html(null), this.revokers.forEach((t) => {

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import { INode } from 'markmap-common';
 import { FlextreeNode } from 'd3-flextree';
+import { INode } from 'markmap-common';
 export interface IMarkmapState {
     id: string;
     data?: INode;
@@ -8,17 +8,23 @@ export interface IMarkmapState {
     minY: number;
     maxY: number;
 }
-export interface IMarkmapJSONOptions {
-    color?: string[];
-    colorFreezeLevel?: number;
-    duration?: number;
-    maxWidth?: number;
-    initialExpandLevel?: number;
-    extraJs?: string[];
-    extraCss?: string[];
-    zoom?: boolean;
-    pan?: boolean;
-}
+export type IMarkmapJSONOptions = Partial<{
+    color: string[];
+    colorFreezeLevel: number;
+    duration: number;
+    extraCss: string[];
+    extraJs: string[];
+    fitRatio: number;
+    initialExpandLevel: number;
+    maxInitialScale: number;
+    maxWidth: number;
+    nodeMinHeight: number;
+    paddingX: number;
+    pan: boolean;
+    spacingHorizontal: number;
+    spacingVertical: number;
+    zoom: boolean;
+}>;
 export interface IPadding {
     left: number;
     right: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-view",
-  "version": "0.17.1-alpha.4+12ca00a",
+  "version": "0.17.1",
   "description": "View markmaps in browser",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -46,10 +46,10 @@
   },
   "devDependencies": {
     "@types/d3-flextree": "^2.1.1",
-    "markmap-common": "0.17.1-alpha.4+12ca00a"
+    "markmap-common": "0.17.1"
   },
   "peerDependencies": {
     "markmap-common": "*"
   },
-  "gitHead": "12ca00a934bba8e5a6176539a54d389786e04730"
+  "gitHead": "628f06a60d0c06f4d2f70b6df786ecb8b4124241"
 }