@vanduo-oss/vd3-cbun 1.3.0 → 1.3.2

package/dist/draw/index.js

@@ -216,8 +216,31 @@ function resizeHandlePositions(bounds) {
     { key: "w", x, y: my }
   ];
 }
-function pointsToPath(points) {
+function pointsToCatmullRomPath(points) {
+  const pts = points.map((p) => [Number(p[0]), Number(p[1])]);
+  if (pts.length < 3) {
+    const [first, ...rest] = pts;
+    let d2 = `M ${round(first[0])} ${round(first[1])}`;
+    for (const [px, py] of rest) d2 += ` L ${round(px)} ${round(py)}`;
+    return d2;
+  }
+  let d = `M ${round(pts[0][0])} ${round(pts[0][1])}`;
+  for (let i = 0; i < pts.length - 1; i += 1) {
+    const p0 = pts[i === 0 ? i : i - 1];
+    const p1 = pts[i];
+    const p2 = pts[i + 1];
+    const p3 = pts[i + 2 < pts.length ? i + 2 : i + 1];
+    const c1x = p1[0] + (p2[0] - p0[0]) / 6;
+    const c1y = p1[1] + (p2[1] - p0[1]) / 6;
+    const c2x = p2[0] - (p3[0] - p1[0]) / 6;
+    const c2y = p2[1] - (p3[1] - p1[1]) / 6;
+    d += ` C ${round(c1x)} ${round(c1y)} ${round(c2x)} ${round(c2y)} ${round(p2[0])} ${round(p2[1])}`;
+  }
+  return d;
+}
+function pointsToPath(points, options = {}) {
   if (!points || !points.length) return "";
+  if (options.smooth && points.length >= 3) return pointsToCatmullRomPath(points);
   const [first, ...rest] = points;
   let d = `M ${round(first[0])} ${round(first[1])}`;
   for (const [px, py] of rest) d += ` L ${round(px)} ${round(py)}`;
@@ -396,7 +419,8 @@ function normalizeShape(raw, usedIds) {
       ...base,
       points,
       arrowStart: Boolean(raw.arrowStart),
-      arrowEnd: raw.arrowEnd == null ? true : Boolean(raw.arrowEnd)
+      arrowEnd: raw.arrowEnd == null ? true : Boolean(raw.arrowEnd),
+      smooth: Boolean(raw.smooth)
     };
   }
   const shape = {
@@ -1021,6 +1045,9 @@ var VdDraw = class {
   getShape(id) {
     return this.documentData.shapes.find((s) => s.id === id) || null;
   }
+  getShapes() {
+    return this.documentData.shapes.map((s) => deepClone(s));
+  }
   addShape(partial = {}) {
     const type = DRAW_SHAPE_TYPES.includes(partial.type) ? partial.type : "rectangle";
     const s = this.style;
@@ -1046,7 +1073,9 @@ var VdDraw = class {
         strokeWidth: partial.strokeWidth == null ? this._shapeStrokeWidth() : partial.strokeWidth,
         opacity: partial.opacity == null ? s.opacity : partial.opacity,
         arrowStart: Boolean(partial.arrowStart),
-        arrowEnd: partial.arrowEnd == null ? true : Boolean(partial.arrowEnd)
+        arrowEnd: partial.arrowEnd == null ? true : Boolean(partial.arrowEnd),
+        // AI-authored multi-point curves set smooth:true; interactive 2-pt lines stay sharp.
+        smooth: partial.smooth == null ? false : Boolean(partial.smooth)
       };
     } else {
       shape = {
@@ -1999,7 +2028,9 @@ var VdDraw = class {
       this._applyShapeStroke(el, shape, standalone, colors);
       setOpacity(el);
     } else if (shape.type === "line") {
-      el = createSvgEl("path", { d: pointsToPath(shape.points) });
+      el = createSvgEl("path", {
+        d: pointsToPath(shape.points, { smooth: Boolean(shape.smooth) })
+      });
       el.classList.add("vd-draw-shape");
       this._applyShapeStroke(el, shape, standalone, colors);
       setOpacity(el);
@@ -2209,7 +2240,15 @@ var VdDraw2 = defineComponent({
       canUndo: () => Boolean(instance?.canUndo()),
       canRedo: () => Boolean(instance?.canRedo()),
       toSVG: () => instance?.toSVG(),
-      toPNG: (options) => instance?.toPNG(options)
+      toPNG: (options) => instance?.toPNG(options),
+      addShape: (partial) => instance?.addShape(partial),
+      updateShape: (id, patch, options) => instance?.updateShape(id, patch, options),
+      removeShape: (id) => instance?.removeShape(id),
+      getShape: (id) => instance?.getShape(id),
+      getShapes: () => instance?.getShapes(),
+      clear: () => instance?.clear(),
+      load: (data) => instance?.load(data),
+      toJSON: () => instance?.toJSON()
     });
     return () => h("div", { ref: el, class: "vd-draw" });
   }