@pooder/vue 4.2.8 → 4.3.1

package/dist/index.es.js

@@ -1,88 +1,88 @@
-import { defineComponent as O, ref as T, onMounted as j, onUnmounted as N, createElementBlock as P, openBlock as k, createElementVNode as $, provide as q, createVNode as G } from "vue";
-import { Pooder as J } from "@pooder/core";
+import { defineComponent as B, ref as T, onMounted as V, onUnmounted as O, createElementBlock as P, openBlock as k, createElementVNode as j, provide as $, createVNode as q } from "vue";
+import { Pooder as G } from "@pooder/core";
 export * from "@pooder/core";
-import { CanvasService as K, SceneLayoutService as Q, SceneVisibilityService as Z, BackgroundTool as ee, SizeTool as te, ImageTool as ne, WhiteInkTool as re, MirrorTool as ie, DielineTool as oe, RulerTool as ae, FeatureTool as ce } from "@pooder/kit";
+import { CanvasService as J, SceneLayoutService as K, BackgroundTool as Q, SizeTool as Z, ImageTool as ee, WhiteInkTool as te, DielineTool as ne, RulerTool as re, FeatureTool as oe } from "@pooder/kit";
 export * from "@pooder/kit";
-const se = /* @__PURE__ */ O({
+const ie = /* @__PURE__ */ B({
   __name: "CanvasArea",
   emits: ["canvas-ready", "resize"],
   setup(h, { emit: l }) {
-    const m = l, r = T(null), i = T(null);
-    let o = null;
-    return j(() => {
-      if (r.value && i.value) {
+    const m = l, r = T(null), o = T(null);
+    let i = null;
+    return V(() => {
+      if (r.value && o.value) {
         const { clientWidth: u, clientHeight: f } = r.value;
-        i.value.width = u, i.value.height = f, m("canvas-ready", i.value), o = new ResizeObserver((v) => {
+        o.value.width = u, o.value.height = f, m("canvas-ready", o.value), i = new ResizeObserver((v) => {
           for (const p of v) {
             const { width: w, height: y } = p.contentRect;
             m("resize", w, y);
           }
-        }), o.observe(r.value);
+        }), i.observe(r.value);
       }
-    }), N(() => {
-      o && o.disconnect();
+    }), O(() => {
+      i && i.disconnect();
     }), (u, f) => (k(), P("div", {
       ref_key: "container",
       ref: r,
       class: "pooder-canvas-area"
     }, [
-      $("canvas", {
+      j("canvas", {
         ref_key: "canvas",
-        ref: i
+        ref: o
       }, null, 512)
     ], 512));
   }
-}), R = (h, l) => {
+}), N = (h, l) => {
   const m = h.__vccOpts || h;
-  for (const [r, i] of l)
-    m[r] = i;
+  for (const [r, o] of l)
+    m[r] = o;
   return m;
-}, de = /* @__PURE__ */ R(se, [["__scopeId", "data-v-203ff8d9"]]), me = { class: "pooder-editor" }, F = "SceneLayoutService", B = "SceneVisibilityService", ue = /* @__PURE__ */ O({
+}, ae = /* @__PURE__ */ N(ie, [["__scopeId", "data-v-203ff8d9"]]), ce = { class: "pooder-editor" }, I = "SceneLayoutService", se = /* @__PURE__ */ B({
   __name: "PooderEditor",
   emits: ["image-change"],
   setup(h, { expose: l, emit: m }) {
-    const r = new J();
-    q("pooder", r);
-    const i = r.getService("CommandService"), o = r.getService("ConfigurationService"), u = r.getService("WorkbenchService"), f = m, v = o.onAnyChange((e) => {
+    const r = new G();
+    $("pooder", r);
+    const o = r.getService("CommandService"), i = r.getService("ConfigurationService"), u = r.getService("WorkbenchService"), f = m, v = i.onAnyChange((e) => {
       e.key === "image.items" && f("image-change", e.value);
     }), p = (e) => {
-      o.import(e);
-    }, w = () => o.export(), y = () => o.get("image.items", []), A = async (e) => {
+      i.import(e);
+    }, w = () => i.export(), y = () => i.get("image.items", []), R = async (e) => {
       try {
-        const t = await i.executeCommand(
+        const t = await o.executeCommand(
           "exportCutImage",
           e
         );
         return t || console.warn("[PooderEditor] generateCutImage returned null", {
           options: e,
-          imageCount: (o.get("image.items") || []).length,
+          imageCount: (i.get("image.items") || []).length,
           hasCanvasService: !!r.getService("CanvasService")
         }), t;
       } catch (t) {
         throw console.error("[PooderEditor] generateCutImage failed", t), t;
       }
-    }, _ = async (e, t) => await i.executeCommand("upsertImage", e, {
+    }, D = async (e, t) => await o.executeCommand("upsertImage", e, {
       id: t?.id,
       mode: t?.mode,
       addOptions: t?.addOptions,
       fitOnAdd: t?.fitOnAdd
-    }), D = async (e, t) => (await _(e, {
+    }), _ = async (e, t) => (await D(e, {
       mode: "add",
       addOptions: t,
       fitOnAdd: !0
-    })).id, U = async (e, t) => await i.executeCommand("updateImage", e, t), z = async () => await i.executeCommand("clearImages"), C = async (e) => await i.executeCommand(
+    })).id, A = async (e, t) => await o.executeCommand("updateImage", e, t), U = async () => await o.executeCommand("clearImages"), C = async (e) => await o.executeCommand(
       "exportUserCroppedImage",
       e
-    ), M = async (e, t) => await i.executeCommand("focusImage", e, t), x = (e, t) => {
-      o.update("dieline.shape", "custom"), o.update("dieline.pathData", e.pathData);
+    ), z = async (e, t) => await o.executeCommand("focusImage", e, t), x = (e, t) => {
+      i.update("dieline.shape", "custom"), i.update("dieline.pathData", e.pathData);
       const n = Number(e.imageWidth ?? t?.width ?? 0), a = Number(e.imageHeight ?? t?.height ?? 0);
-      o.update(
+      i.update(
         "dieline.customSourceWidthPx",
         Number.isFinite(n) && n > 0 ? n : void 0
-      ), o.update(
+      ), i.update(
         "dieline.customSourceHeightPx",
         Number.isFinite(a) && a > 0 ? a : void 0
-      ), o.update("size.cutMode", "trim"), o.update("size.cutMarginMm", 0);
+      ), i.update("size.cutMode", "trim"), i.update("size.cutMarginMm", 0);
     }, b = (e) => !!e && Number.isFinite(e.x) && Number.isFinite(e.y) && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0, E = (e, t) => {
       const n = e.rawBounds || e.baseBounds || null;
       if (!n)
@@ -105,7 +105,7 @@ const se = /* @__PURE__ */ O({
         coverageX: t.width > 0 ? n.width / t.width : 0,
         coverageY: t.height > 0 ? n.height / t.height : 0
       };
-    }, L = (e) => {
+    }, M = (e) => {
       if (!b(e.rawBounds) || !b(e.baseBounds))
         return null;
       const t = e.rawBounds, n = e.baseBounds;
@@ -115,8 +115,8 @@ const se = /* @__PURE__ */ O({
         right: t.x + t.width - (n.x + n.width),
         bottom: t.y + t.height - (n.y + n.height)
       };
-    }, V = (e, t, n) => {
-      const a = E(e, t), c = L(e), s = c ? {
+    }, W = (e, t, n) => {
+      const a = E(e, t), c = M(e), s = c ? {
         left: c.left - n,
         top: c.top - n,
         right: c.right - n,
@@ -132,7 +132,7 @@ const se = /* @__PURE__ */ O({
         marginDeltaFromExpected: s,
         marginAsymmetry: d
       };
-    }, W = async (e, t, n) => {
+    }, L = async (e, t, n) => {
       if (!e.length) return null;
       const a = await C({
         multiplier: n?.multiplier ?? 2,
@@ -141,14 +141,14 @@ const se = /* @__PURE__ */ O({
       }), c = a?.url;
       if (!c) return null;
       try {
-        const s = await i.executeCommand("detectEdge", c, {
+        const s = await o.executeCommand("detectEdge", c, {
           expand: n?.detect?.expand ?? 0,
           smoothing: n?.detect?.smoothing ?? !0,
           simplifyTolerance: n?.detect?.simplifyTolerance ?? 2,
           threshold: n?.detect?.threshold,
           debug: !1
         });
-        return s ? V(
+        return s ? W(
           s,
           a,
           t
@@ -161,15 +161,15 @@ const se = /* @__PURE__ */ O({
       importConfig: p,
       exportConfig: w,
       getImages: y,
-      generateCutImage: A,
-      addImage: D,
-      upsertImage: _,
-      updateImage: U,
-      clearImages: z,
+      generateCutImage: R,
+      addImage: _,
+      upsertImage: D,
+      updateImage: A,
+      clearImages: U,
       exportUserCroppedImage: C,
-      focusImage: M,
+      focusImage: z,
       detectDieline: async (e) => {
-        const t = await i.executeCommand("detectEdge", e, {
+        const t = await o.executeCommand("detectEdge", e, {
           expand: 10,
           // 安全距离（像素）
           smoothing: !0,
@@ -188,7 +188,7 @@ const se = /* @__PURE__ */ O({
         if (!d)
           return console.warn("[PooderEditor] detectDielineFromFrame no source image"), null;
         try {
-          const g = await i.executeCommand("detectEdge", d, {
+          const g = await o.executeCommand("detectEdge", d, {
             expand: e?.detect?.expand ?? 0,
             smoothing: e?.detect?.smoothing ?? !0,
             simplifyTolerance: e?.detect?.simplifyTolerance ?? 2,
@@ -199,12 +199,12 @@ const se = /* @__PURE__ */ O({
             return console.warn(
               "[PooderEditor] detectDielineFromFrame detectEdge returned null"
             ), null;
-          const I = E(g, s);
+          const F = E(g, s);
           if (e?.commit === !1)
             return {
               ...g,
               ...n ? { sourceImage: s } : {},
-              ...a ? { diagnostics: I } : {}
+              ...a ? { diagnostics: F } : {}
             };
           x(g, s);
           const X = {
@@ -217,7 +217,7 @@ const se = /* @__PURE__ */ O({
               threshold: e?.detect?.threshold
             }
           };
-          let S = await W(
+          let S = await L(
             s.imageIds,
             c,
             X
@@ -230,14 +230,14 @@ const se = /* @__PURE__ */ O({
           ), {
             ...g,
             ...n ? { sourceImage: s } : {},
-            ...a ? { diagnostics: I, postCommitDiagnostics: S } : {}
+            ...a ? { diagnostics: F, postCommitDiagnostics: S } : {}
           };
         } finally {
           d && !n && URL.revokeObjectURL(d);
         }
       },
       uploadAndDetectEdge: async (e, t) => {
-        const n = await D(e), a = await i.executeCommand("detectEdge", e, {
+        const n = await _(e), a = await o.executeCommand("detectEdge", e, {
           expand: t?.expand ?? 10,
           smoothing: t?.smoothing ?? !0,
           simplifyTolerance: t?.simplifyTolerance ?? 2
@@ -249,32 +249,29 @@ const se = /* @__PURE__ */ O({
       on: (e, t) => r.eventBus.on(e, t),
       off: (e, t) => r.eventBus.off(e, t),
       emit: (e, t) => r.eventBus.emit(e, t),
-      executeCommand: (e, ...t) => i.executeCommand(e, ...t),
-      getConfig: (e) => o.get(e),
-      updateConfig: (e, t) => o.update(e, t),
+      executeCommand: (e, ...t) => o.executeCommand(e, ...t),
+      getConfig: (e) => i.get(e),
+      updateConfig: (e, t) => i.update(e, t),
       services: {
         workbench: u,
-        command: i,
-        config: o
+        command: o,
+        config: i
       }
     });
     const Y = (e) => {
-      const t = new K(e, {
+      const t = new J(e, {
         eventBus: r.eventBus
       });
-      r.registerService(t, "CanvasService"), r.registerService(new Q(), F), r.registerService(
+      r.registerService(t, "CanvasService"), r.registerService(new K(), I), [
+        new Q(),
         new Z(),
-        B
-      ), [
         new ee(),
+        // new FilmTool(),
         new te(),
+        // new MirrorTool(),
         new ne(),
-        // new FilmTool(),
         new re(),
-        new ie(),
-        new oe(),
-        new ae(),
-        new ce()
+        new oe()
       ].forEach((a) => {
         r.extensionManager.register(a);
       });
@@ -282,16 +279,16 @@ const se = /* @__PURE__ */ O({
       const n = r.getService("CanvasService");
       n && n.resize(e, t);
     };
-    return N(() => {
-      v.dispose(), r.extensionManager.destroy(), r.unregisterService(B), r.unregisterService(F), r.unregisterService("CanvasService");
-    }), (e, t) => (k(), P("div", me, [
-      G(de, {
+    return O(() => {
+      v.dispose(), r.extensionManager.destroy(), r.unregisterService(I), r.unregisterService("CanvasService");
+    }), (e, t) => (k(), P("div", ce, [
+      q(ae, {
         onCanvasReady: Y,
         onResize: H
       })
     ]));
   }
-}), we = /* @__PURE__ */ R(ue, [["__scopeId", "data-v-53ea55ea"]]);
+}), fe = /* @__PURE__ */ N(se, [["__scopeId", "data-v-32ae317e"]]);
 export {
-  we as PooderEditor
+  fe as PooderEditor
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(l,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("@pooder/core"),require("@pooder/kit")):typeof define=="function"&&define.amd?define(["exports","vue","@pooder/core","@pooder/kit"],s):(l=typeof globalThis<"u"?globalThis:l||self,s(l.PooderVue={},l.Vue,l.PooderCore,l.PooderKit))})(this,(function(l,s,w,m){"use strict";const U=s.defineComponent({__name:"CanvasArea",emits:["canvas-ready","resize"],setup(d,{emit:p}){const f=p,r=s.ref(null),o=s.ref(null);let i=null;return s.onMounted(()=>{if(r.value&&o.value){const{clientWidth:h,clientHeight:y}=r.value;o.value.width=h,o.value.height=y,f("canvas-ready",o.value),i=new ResizeObserver(C=>{for(const S of C){const{width:x,height:b}=S.contentRect;f("resize",x,b)}}),i.observe(r.value)}}),s.onUnmounted(()=>{i&&i.disconnect()}),(h,y)=>(s.openBlock(),s.createElementBlock("div",{ref_key:"container",ref:r,class:"pooder-canvas-area"},[s.createElementVNode("canvas",{ref_key:"canvas",ref:o},null,512)],512))}}),O=(d,p)=>{const f=d.__vccOpts||d;for(const[r,o]of p)f[r]=o;return f},j=O(U,[["__scopeId","data-v-203ff8d9"]]),A={class:"pooder-editor"},I="SceneLayoutService",T="SceneVisibilityService",M=O(s.defineComponent({__name:"PooderEditor",emits:["image-change"],setup(d,{expose:p,emit:f}){const r=new w.Pooder;s.provide("pooder",r);const o=r.getService("CommandService"),i=r.getService("ConfigurationService"),h=r.getService("WorkbenchService"),y=f,C=i.onAnyChange(e=>{e.key==="image.items"&&y("image-change",e.value)}),S=e=>{i.import(e)},x=()=>i.export(),b=()=>i.get("image.items",[]),V=async e=>{try{const t=await o.executeCommand("exportCutImage",e);return t||console.warn("[PooderEditor] generateCutImage returned null",{options:e,imageCount:(i.get("image.items")||[]).length,hasCanvasService:!!r.getService("CanvasService")}),t}catch(t){throw console.error("[PooderEditor] generateCutImage failed",t),t}},P=async(e,t)=>await o.executeCommand("upsertImage",e,{id:t?.id,mode:t?.mode,addOptions:t?.addOptions,fitOnAdd:t?.fitOnAdd}),F=async(e,t)=>(await P(e,{mode:"add",addOptions:t,fitOnAdd:!0})).id,z=async(e,t)=>await o.executeCommand("updateImage",e,t),L=async()=>await o.executeCommand("clearImages"),_=async e=>await o.executeCommand("exportUserCroppedImage",e),W=async(e,t)=>await o.executeCommand("focusImage",e,t),D=(e,t)=>{i.update("dieline.shape","custom"),i.update("dieline.pathData",e.pathData);const n=Number(e.imageWidth??t?.width??0),c=Number(e.imageHeight??t?.height??0);i.update("dieline.customSourceWidthPx",Number.isFinite(n)&&n>0?n:void 0),i.update("dieline.customSourceHeightPx",Number.isFinite(c)&&c>0?c:void 0),i.update("size.cutMode","trim"),i.update("size.cutMarginMm",0)},B=e=>!!e&&Number.isFinite(e.x)&&Number.isFinite(e.y)&&Number.isFinite(e.width)&&Number.isFinite(e.height)&&e.width>0&&e.height>0,N=(e,t)=>{const n=e.rawBounds||e.baseBounds||null;if(!n)return{sourceWidth:t.width,sourceHeight:t.height,detectedBounds:null,centerOffsetX:0,centerOffsetY:0,coverageX:0,coverageY:0};const c=t.width/2,a=t.height/2,u=n.x+n.width/2,g=n.y+n.height/2;return{sourceWidth:t.width,sourceHeight:t.height,detectedBounds:n,centerOffsetX:u-c,centerOffsetY:g-a,coverageX:t.width>0?n.width/t.width:0,coverageY:t.height>0?n.height/t.height:0}},Y=e=>{if(!B(e.rawBounds)||!B(e.baseBounds))return null;const t=e.rawBounds,n=e.baseBounds;return{left:n.x-t.x,top:n.y-t.y,right:t.x+t.width-(n.x+n.width),bottom:t.y+t.height-(n.y+n.height)}},H=(e,t,n)=>{const c=N(e,t),a=Y(e),u=a?{left:a.left-n,top:a.top-n,right:a.right-n,bottom:a.bottom-n}:null,g=a?{x:a.right-a.left,y:a.bottom-a.top}:null;return{frame:c,margin:a,expectedExpand:n,marginDeltaFromExpected:u,marginAsymmetry:g}},X=async(e,t,n)=>{if(!e.length)return null;const c=await _({multiplier:n?.multiplier??2,format:n?.format??"png",imageIds:e}),a=c?.url;if(!a)return null;try{const u=await o.executeCommand("detectEdge",a,{expand:n?.detect?.expand??0,smoothing:n?.detect?.smoothing??!0,simplifyTolerance:n?.detect?.simplifyTolerance??2,threshold:n?.detect?.threshold,debug:!1});return u?H(u,c,t):null}finally{URL.revokeObjectURL(a)}};p({importConfig:S,exportConfig:x,getImages:b,generateCutImage:V,addImage:F,upsertImage:P,updateImage:z,clearImages:L,exportUserCroppedImage:_,focusImage:W,detectDieline:async e=>{const t=await o.executeCommand("detectEdge",e,{expand:10,smoothing:!0,simplifyTolerance:2});return t?(D(t),t.pathData):null},detectDielineFromFrame:async e=>{const t=e?.detect?.debug===!0,n=e?.inspect?.includeCroppedImage===!0,c=e?.inspect?.includeDiagnostics===!0,a=Math.max(0,Number(e?.detect?.expand??0)),u=await _({multiplier:e?.export?.multiplier??2,format:e?.export?.format??"png",imageIds:e?.export?.imageIds}),g=u?.url;if(!g)return console.warn("[PooderEditor] detectDielineFromFrame no source image"),null;try{const v=await o.executeCommand("detectEdge",g,{expand:e?.detect?.expand??0,smoothing:e?.detect?.smoothing??!0,simplifyTolerance:e?.detect?.simplifyTolerance??2,threshold:e?.detect?.threshold,debug:t});if(!v)return console.warn("[PooderEditor] detectDielineFromFrame detectEdge returned null"),null;const R=N(v,u);if(e?.commit===!1)return{...v,...n?{sourceImage:u}:{},...c?{diagnostics:R}:{}};D(v,u);const $={multiplier:e?.export?.multiplier??2,format:e?.export?.format??"png",detect:{expand:e?.detect?.expand??0,smoothing:e?.detect?.smoothing??!0,simplifyTolerance:e?.detect?.simplifyTolerance??2,threshold:e?.detect?.threshold}};let E=await X(u.imageIds,a,$);return E?console.info("[PooderEditor] detectDielineFromFrame post-commit diagnostics",E):u.imageIds.length>0&&console.warn("[PooderEditor] detectDielineFromFrame post-commit detectEdge returned null"),{...v,...n?{sourceImage:u}:{},...c?{diagnostics:R,postCommitDiagnostics:E}:{}}}finally{g&&!n&&URL.revokeObjectURL(g)}},uploadAndDetectEdge:async(e,t)=>{const n=await F(e),c=await o.executeCommand("detectEdge",e,{expand:t?.expand??10,smoothing:t?.smoothing??!0,simplifyTolerance:t?.simplifyTolerance??2});return c?(D(c),{imageId:n,url:e,pathData:c.pathData}):null},activateTool:async e=>await h.switchTool(e),deactivateTool:async()=>await h.deactivate(),on:(e,t)=>r.eventBus.on(e,t),off:(e,t)=>r.eventBus.off(e,t),emit:(e,t)=>r.eventBus.emit(e,t),executeCommand:(e,...t)=>o.executeCommand(e,...t),getConfig:e=>i.get(e),updateConfig:(e,t)=>i.update(e,t),services:{workbench:h,command:o,config:i}});const q=e=>{const t=new m.CanvasService(e,{eventBus:r.eventBus});r.registerService(t,"CanvasService"),r.registerService(new m.SceneLayoutService,I),r.registerService(new m.SceneVisibilityService,T),[new m.BackgroundTool,new m.SizeTool,new m.ImageTool,new m.WhiteInkTool,new m.MirrorTool,new m.DielineTool,new m.RulerTool,new m.FeatureTool].forEach(c=>{r.extensionManager.register(c)})},K=(e,t)=>{const n=r.getService("CanvasService");n&&n.resize(e,t)};return s.onUnmounted(()=>{C.dispose(),r.extensionManager.destroy(),r.unregisterService(T),r.unregisterService(I),r.unregisterService("CanvasService")}),(e,t)=>(s.openBlock(),s.createElementBlock("div",A,[s.createVNode(j,{onCanvasReady:q,onResize:K})]))}}),[["__scopeId","data-v-53ea55ea"]]);l.PooderEditor=M,Object.keys(w).forEach(d=>{d!=="default"&&!Object.prototype.hasOwnProperty.call(l,d)&&Object.defineProperty(l,d,{enumerable:!0,get:()=>w[d]})}),Object.keys(m).forEach(d=>{d!=="default"&&!Object.prototype.hasOwnProperty.call(l,d)&&Object.defineProperty(l,d,{enumerable:!0,get:()=>m[d]})}),Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
+(function(l,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("@pooder/core"),require("@pooder/kit")):typeof define=="function"&&define.amd?define(["exports","vue","@pooder/core","@pooder/kit"],s):(l=typeof globalThis<"u"?globalThis:l||self,s(l.PooderVue={},l.Vue,l.PooderCore,l.PooderKit))})(this,(function(l,s,w,m){"use strict";const R=s.defineComponent({__name:"CanvasArea",emits:["canvas-ready","resize"],setup(d,{emit:p}){const f=p,r=s.ref(null),o=s.ref(null);let i=null;return s.onMounted(()=>{if(r.value&&o.value){const{clientWidth:h,clientHeight:y}=r.value;o.value.width=h,o.value.height=y,f("canvas-ready",o.value),i=new ResizeObserver(C=>{for(const x of C){const{width:b,height:S}=x.contentRect;f("resize",b,S)}}),i.observe(r.value)}}),s.onUnmounted(()=>{i&&i.disconnect()}),(h,y)=>(s.openBlock(),s.createElementBlock("div",{ref_key:"container",ref:r,class:"pooder-canvas-area"},[s.createElementVNode("canvas",{ref_key:"canvas",ref:o},null,512)],512))}}),E=(d,p)=>{const f=d.__vccOpts||d;for(const[r,o]of p)f[r]=o;return f},U=E(R,[["__scopeId","data-v-203ff8d9"]]),j={class:"pooder-editor"},T="SceneLayoutService",A=E(s.defineComponent({__name:"PooderEditor",emits:["image-change"],setup(d,{expose:p,emit:f}){const r=new w.Pooder;s.provide("pooder",r);const o=r.getService("CommandService"),i=r.getService("ConfigurationService"),h=r.getService("WorkbenchService"),y=f,C=i.onAnyChange(e=>{e.key==="image.items"&&y("image-change",e.value)}),x=e=>{i.import(e)},b=()=>i.export(),S=()=>i.get("image.items",[]),z=async e=>{try{const t=await o.executeCommand("exportCutImage",e);return t||console.warn("[PooderEditor] generateCutImage returned null",{options:e,imageCount:(i.get("image.items")||[]).length,hasCanvasService:!!r.getService("CanvasService")}),t}catch(t){throw console.error("[PooderEditor] generateCutImage failed",t),t}},P=async(e,t)=>await o.executeCommand("upsertImage",e,{id:t?.id,mode:t?.mode,addOptions:t?.addOptions,fitOnAdd:t?.fitOnAdd}),F=async(e,t)=>(await P(e,{mode:"add",addOptions:t,fitOnAdd:!0})).id,M=async(e,t)=>await o.executeCommand("updateImage",e,t),W=async()=>await o.executeCommand("clearImages"),_=async e=>await o.executeCommand("exportUserCroppedImage",e),L=async(e,t)=>await o.executeCommand("focusImage",e,t),D=(e,t)=>{i.update("dieline.shape","custom"),i.update("dieline.pathData",e.pathData);const n=Number(e.imageWidth??t?.width??0),a=Number(e.imageHeight??t?.height??0);i.update("dieline.customSourceWidthPx",Number.isFinite(n)&&n>0?n:void 0),i.update("dieline.customSourceHeightPx",Number.isFinite(a)&&a>0?a:void 0),i.update("size.cutMode","trim"),i.update("size.cutMarginMm",0)},B=e=>!!e&&Number.isFinite(e.x)&&Number.isFinite(e.y)&&Number.isFinite(e.width)&&Number.isFinite(e.height)&&e.width>0&&e.height>0,I=(e,t)=>{const n=e.rawBounds||e.baseBounds||null;if(!n)return{sourceWidth:t.width,sourceHeight:t.height,detectedBounds:null,centerOffsetX:0,centerOffsetY:0,coverageX:0,coverageY:0};const a=t.width/2,c=t.height/2,u=n.x+n.width/2,g=n.y+n.height/2;return{sourceWidth:t.width,sourceHeight:t.height,detectedBounds:n,centerOffsetX:u-a,centerOffsetY:g-c,coverageX:t.width>0?n.width/t.width:0,coverageY:t.height>0?n.height/t.height:0}},Y=e=>{if(!B(e.rawBounds)||!B(e.baseBounds))return null;const t=e.rawBounds,n=e.baseBounds;return{left:n.x-t.x,top:n.y-t.y,right:t.x+t.width-(n.x+n.width),bottom:t.y+t.height-(n.y+n.height)}},H=(e,t,n)=>{const a=I(e,t),c=Y(e),u=c?{left:c.left-n,top:c.top-n,right:c.right-n,bottom:c.bottom-n}:null,g=c?{x:c.right-c.left,y:c.bottom-c.top}:null;return{frame:a,margin:c,expectedExpand:n,marginDeltaFromExpected:u,marginAsymmetry:g}},V=async(e,t,n)=>{if(!e.length)return null;const a=await _({multiplier:n?.multiplier??2,format:n?.format??"png",imageIds:e}),c=a?.url;if(!c)return null;try{const u=await o.executeCommand("detectEdge",c,{expand:n?.detect?.expand??0,smoothing:n?.detect?.smoothing??!0,simplifyTolerance:n?.detect?.simplifyTolerance??2,threshold:n?.detect?.threshold,debug:!1});return u?H(u,a,t):null}finally{URL.revokeObjectURL(c)}};p({importConfig:x,exportConfig:b,getImages:S,generateCutImage:z,addImage:F,upsertImage:P,updateImage:M,clearImages:W,exportUserCroppedImage:_,focusImage:L,detectDieline:async e=>{const t=await o.executeCommand("detectEdge",e,{expand:10,smoothing:!0,simplifyTolerance:2});return t?(D(t),t.pathData):null},detectDielineFromFrame:async e=>{const t=e?.detect?.debug===!0,n=e?.inspect?.includeCroppedImage===!0,a=e?.inspect?.includeDiagnostics===!0,c=Math.max(0,Number(e?.detect?.expand??0)),u=await _({multiplier:e?.export?.multiplier??2,format:e?.export?.format??"png",imageIds:e?.export?.imageIds}),g=u?.url;if(!g)return console.warn("[PooderEditor] detectDielineFromFrame no source image"),null;try{const v=await o.executeCommand("detectEdge",g,{expand:e?.detect?.expand??0,smoothing:e?.detect?.smoothing??!0,simplifyTolerance:e?.detect?.simplifyTolerance??2,threshold:e?.detect?.threshold,debug:t});if(!v)return console.warn("[PooderEditor] detectDielineFromFrame detectEdge returned null"),null;const N=I(v,u);if(e?.commit===!1)return{...v,...n?{sourceImage:u}:{},...a?{diagnostics:N}:{}};D(v,u);const k={multiplier:e?.export?.multiplier??2,format:e?.export?.format??"png",detect:{expand:e?.detect?.expand??0,smoothing:e?.detect?.smoothing??!0,simplifyTolerance:e?.detect?.simplifyTolerance??2,threshold:e?.detect?.threshold}};let O=await V(u.imageIds,c,k);return O?console.info("[PooderEditor] detectDielineFromFrame post-commit diagnostics",O):u.imageIds.length>0&&console.warn("[PooderEditor] detectDielineFromFrame post-commit detectEdge returned null"),{...v,...n?{sourceImage:u}:{},...a?{diagnostics:N,postCommitDiagnostics:O}:{}}}finally{g&&!n&&URL.revokeObjectURL(g)}},uploadAndDetectEdge:async(e,t)=>{const n=await F(e),a=await o.executeCommand("detectEdge",e,{expand:t?.expand??10,smoothing:t?.smoothing??!0,simplifyTolerance:t?.simplifyTolerance??2});return a?(D(a),{imageId:n,url:e,pathData:a.pathData}):null},activateTool:async e=>await h.switchTool(e),deactivateTool:async()=>await h.deactivate(),on:(e,t)=>r.eventBus.on(e,t),off:(e,t)=>r.eventBus.off(e,t),emit:(e,t)=>r.eventBus.emit(e,t),executeCommand:(e,...t)=>o.executeCommand(e,...t),getConfig:e=>i.get(e),updateConfig:(e,t)=>i.update(e,t),services:{workbench:h,command:o,config:i}});const X=e=>{const t=new m.CanvasService(e,{eventBus:r.eventBus});r.registerService(t,"CanvasService"),r.registerService(new m.SceneLayoutService,T),[new m.BackgroundTool,new m.SizeTool,new m.ImageTool,new m.WhiteInkTool,new m.DielineTool,new m.RulerTool,new m.FeatureTool].forEach(a=>{r.extensionManager.register(a)})},q=(e,t)=>{const n=r.getService("CanvasService");n&&n.resize(e,t)};return s.onUnmounted(()=>{C.dispose(),r.extensionManager.destroy(),r.unregisterService(T),r.unregisterService("CanvasService")}),(e,t)=>(s.openBlock(),s.createElementBlock("div",j,[s.createVNode(U,{onCanvasReady:X,onResize:q})]))}}),[["__scopeId","data-v-32ae317e"]]);l.PooderEditor=A,Object.keys(w).forEach(d=>{d!=="default"&&!Object.prototype.hasOwnProperty.call(l,d)&&Object.defineProperty(l,d,{enumerable:!0,get:()=>w[d]})}),Object.keys(m).forEach(d=>{d!=="default"&&!Object.prototype.hasOwnProperty.call(l,d)&&Object.defineProperty(l,d,{enumerable:!0,get:()=>m[d]})}),Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));

package/dist/vue.css

@@ -1 +1 @@
-.pooder-canvas-area[data-v-203ff8d9]{flex:1;width:100%;height:100%;min-height:650px;min-width:650px;overflow:hidden;background:#ececec;position:relative}canvas[data-v-203ff8d9]{display:block}.pooder-editor[data-v-53ea55ea]{display:flex;width:100%;height:100%;overflow:hidden}
+.pooder-canvas-area[data-v-203ff8d9]{flex:1;width:100%;height:100%;min-height:650px;min-width:650px;overflow:hidden;background:#ececec;position:relative}canvas[data-v-203ff8d9]{display:block}.pooder-editor[data-v-32ae317e]{display:flex;width:100%;height:100%;overflow:hidden}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pooder/vue",
-  "version": "4.2.8",
+  "version": "4.3.1",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@pooder/core": "2.2.0",
-    "@pooder/kit": "5.3.1"
+    "@pooder/kit": "6.0.0"
   },
   "peerDependencies": {
     "vue": "^3.0.0"