@8btc/whiteboard 0.0.18 → 0.0.19-beta.1

package/dist/adapter/maze.d.ts

@@ -0,0 +1,2 @@
+export * from '../app/adapter/maze'
+export {}

package/dist/adapter/maze.js

@@ -0,0 +1,161 @@
+import { v4 as _ } from "uuid";
+import { N as M } from "../const-Das6lRi-.js";
+async function A(t) {
+  return new Promise((o, e) => {
+    const n = new Image();
+    n.onload = () => {
+      o({ width: n.naturalWidth, height: n.naturalHeight });
+    }, n.onerror = () => {
+      e(new Error(`Failed to load image: ${t}`));
+    }, n.src = t;
+  });
+}
+function B(t) {
+  if (!t) return { x: 0, y: 0 };
+  if ((t.getState().nodes || []).length > 0) {
+    const n = t.getMainLayer();
+    let r = 1 / 0, i = -1 / 0;
+    if (n.children.forEach((a) => {
+      if (a.visible() && a.getClassName() !== "Transformer" && a.hasName(M.selectable)) {
+        const s = a.getAttrs(), l = s.x || 0, d = s.y || 0, c = s.height || 0;
+        r = Math.min(r, l), i = Math.max(i, d + c);
+      }
+    }), r !== 1 / 0 && i !== -1 / 0)
+      return { x: r, y: i };
+  }
+  const e = t.getState().viewport;
+  return {
+    x: e.x,
+    y: e.y
+  };
+}
+async function $(t, o, e, n) {
+  if (!t) return;
+  const r = Array.isArray(o) ? o : [o];
+  if (r.length === 0) return;
+  const i = n?.spacing ?? 20, a = n?.scrollToView ?? !0, s = n?.direction ?? "vertical", l = await Promise.all(r.map((f) => A(f))), d = [], c = [];
+  let u = e.x, m = e.y;
+  return r.forEach((f, g) => {
+    const { width: y, height: h } = l[g], I = _();
+    d.push({
+      id: I,
+      $_type: "image",
+      x: u,
+      y: m,
+      width: y,
+      height: h,
+      $_imageUrl: f
+    }), c.push(I), s === "horizontal" ? u += y + i : m += h + i;
+  }), t.createNodes(d, !0), t.getMainLayer().draw(), a && t.scrollToContent({ scale: !1, nodeIds: c }), c;
+}
+async function X(t, o) {
+  if (!t) return;
+  const e = B(t);
+  return $(t, o, {
+    x: e.x,
+    y: e.y + 20
+  });
+}
+function Y(t, o) {
+  if (!t) return;
+  const e = t.getState().selectedNodeIds || [];
+  if (e.length === 0) return;
+  let n = 1 / 0, r = 1 / 0, i = -1 / 0, a = -1 / 0;
+  if (t.getMainLayer().children.forEach((c) => {
+    if (c.visible() && c.getClassName() !== "Transformer" && e.includes(c.id())) {
+      const u = c.getAttrs(), m = u.x || 0, f = u.y || 0, g = u.width || 0, y = u.height || 0;
+      n = Math.min(n, m), r = Math.min(r, f), i = Math.max(i, m + g), a = Math.max(a, f + y);
+    }
+  }), n === 1 / 0 || r === 1 / 0 || i === -1 / 0 || a === -1 / 0)
+    return;
+  const l = {
+    x: i + 20,
+    y: r,
+    width: i - n,
+    height: a - r
+  }, d = {
+    id: _(),
+    $_type: "image",
+    x: l.x,
+    y: l.y,
+    width: l.width,
+    height: l.height,
+    $_imageUrl: o
+    // 示例 loading 图片 URL
+  };
+  return t.createNodes([d], !0), t.scrollToContent({ scale: !1, nodeIds: [d.id] }), d.id;
+}
+function E(t, o, e) {
+  if (!t) return;
+  const n = t.getCanvasNodeById(o);
+  if (!n) return;
+  const r = n.getConfig();
+  if (r.$_type !== "image") return;
+  const i = Array.isArray(e) ? e : [e];
+  if (i.length === 0) return;
+  const a = r.x, s = r.y;
+  $(t, i, { x: a, y: s }), t.deleteNodes([o]);
+}
+async function T(t, o) {
+  if (!t) return null;
+  const e = t.getCanvasNodeById(o);
+  if (!e) return null;
+  const n = e.getConfig();
+  if (n.$_type !== "image-marker" || !n.$_relativeBox)
+    return null;
+  const r = n.$_parentId;
+  if (!r) return null;
+  const i = t.getCanvasNodeById(r);
+  if (!i) return null;
+  const a = i.getConfig();
+  if (a.$_type !== "image" || !a.$_imageUrl) return null;
+  const { start: s, end: l } = n.$_relativeBox, d = s.ratioX, c = s.ratioY, u = l.ratioX - s.ratioX, m = l.ratioY - s.ratioY;
+  return new Promise((f) => {
+    const g = new Image();
+    g.crossOrigin = "anonymous", g.onload = () => {
+      const y = g.naturalWidth, h = g.naturalHeight, I = d * y, v = c * h, w = u * y, C = m * h, x = document.createElement("canvas");
+      x.width = w, x.height = C;
+      const N = x.getContext("2d");
+      if (!N) {
+        f(null);
+        return;
+      }
+      N.drawImage(
+        g,
+        I,
+        v,
+        w,
+        C,
+        0,
+        0,
+        w,
+        C
+      );
+      const p = x.toDataURL("image/png");
+      f(p);
+    }, g.onerror = () => {
+      console.error("Failed to load image:", a.$_imageUrl), f(null);
+    }, g.src = a.$_imageUrl;
+  });
+}
+function H(t) {
+  if (!t) return null;
+  const o = t.getState().selectedNodeIds || [];
+  if (o.length === 0) return null;
+  if (o.length === 1) {
+    const e = t.getCanvasNodeById(o[0]);
+    if (!e) return null;
+    if (e.getConfig().$_type === "image")
+      return e.getConfig().$_imageUrl || null;
+  }
+  return t.exportSelectionAsImage();
+}
+export {
+  B as calculateBottomLeftOfCanvasContent,
+  T as cropImageBaseOnImageMarker,
+  H as exportSelectionAsImage,
+  X as insertImageBesideContent,
+  $ as insertImagesAtPosition,
+  Y as insertLoadingImageBesideSelection,
+  E as replaceLoadingImageNode
+};

package/dist/const-Das6lRi-.js

@@ -0,0 +1,17 @@
+const i = {
+  nodeRoot: "nodeRoot_intrinsic",
+  selectable: "selectable_intrinsic",
+  rect: "rect_intrinsic",
+  image: "image_intrinsic",
+  imageMarker: "image_marker_intrinsic"
+}, e = {
+  CORNER_RADIUS: 6,
+  MIN_SIZE: 10
+}, n = {
+  MIN_SIZE: 10
+};
+export {
+  n as I,
+  i as N,
+  e as R
+};