https://ycipe.cn/static/js/3331.1db8bd60.chunk.js

1"use strict";(globalThis.webpackChunkipe_frontend=globalThis.webpackChunkipe_frontend||[]).push([[3331],{6057(e,t,i){i.d(t,{KR:()=>l,fr:()=>o});i(23677);var a=i(3779),n=i(39866);function l(e){var t,i,l,o;let{result:s,form:r,templateData:d={},imageUrlMap:u={}}=e;const c=Number(null===s||void 0===s?void 0:s.groupIndex)||0,m=(null===r||void 0===r||null===(t=r.imageGroups)||void 0===t?void 0:t[c])||{};if(null!==s&&void 0!==s&&null!==(i=s.fabricInstanceJson)&&void 0!==i&&null!==(l=i.objects)&&void 0!==l&&l.length)return(0,a.Qw)((0,n.fH)(s.fabricInstanceJson),m,u);const g=(null===s||void 0===s?void 0:s.imageId)||(null===s||void 0===s?void 0:s.slideId);if(!g)return null;const v=(null===(o=d.slideCanvases)||void 0===o?void 0:o[g])||(d.primaryImageId===g?d.fabricCanvas:null);return v?(0,a.Qw)((0,n.fH)(v),m,u):null}function o(e){var t,i,n,l,o;let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(null!==e&&void 0!==e&&null!==(t=e.fabricInstanceJson)&&void 0!==t&&null!==(i=t.objects)&&void 0!==i&&i.length)return!0;if(function(e){var t,i,a,n;let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("fabric"===(null===e||void 0===e?void 0:e.composeEngine))return!0;if(null!==e&&void 0!==e&&null!==(t=e.fabricInstanceJson)&&void 0!==t&&null!==(i=t.objects)&&void 0!==i&&i.length)return!0;const o=null===e||void 0===e?void 0:e.imageId;if(!o||!l)return!1;const s=(null===(a=l.slideCanvases)||void 0===a?void 0:a[o])||(l.primaryImageId===o?l.fabricCanvas:null);return!!s&&(null===(n=s.objects)||void 0===n?void 0:n.some(e=>"image"===e.type&&/^ipelayer(\d*)$/i.test(String(e.name||""))))}(e,s))return!0;const r=null===e||void 0===e?void 0:e.imageId;if(!r||!s)return!1;const d=null===(n=s.stampAreas)||void 0===n?void 0:n[r];if(Array.isArray(d)&&d.length>0)return!0;const u=(null===(l=s.slideCanvases)||void 0===l?void 0:l[r])||(s.primaryImageId===r?s.fabricCanvas:null);return!(null===u||void 0===u||null===(o=u.objects)||void 0===o||!o.some(a.uV))}},93331(e,t,i){i.r(t),i.d(t,{default:()=>L});var a=i(65043),n=i(73216),l=i(35475),o=i(16924),s=i(42601),r=i(64625),d=i(12295),u=i(33969),c=i(84583),m=i(88241),g=i(93965),v=i(64900),p=i(32389),h=i(70579);function f(e){let{templateName:t="\u5408\u6210\u56fe",taskId:i}=e;const l=(0,n.Zp)(),s=(0,o.Pp)(),d=null===s||void 0===s?void 0:s.editor,u=(0,r.G_)(),{save:f,saving:b,canSave:w,hasPersistedSave:j,hint:x}=u||{},[I,k]=(0,a.useState)(!1),[y,E]=(0,a.useState)(""),C=`${p.$p}/goods-detail/${encodeURIComponent(i||"")}`,S=(0,a.useCallback)(()=>(0,v.oX)(d,{hasPersistedSave:j}),[d,j]),N=(0,a.useCallback)(()=>{k(!1),E(""),l(C,{state:{taskId:i,refresh:Date.now()}})},[l,C,i]),U=(0,a.useCallback)(()=>{if(S())return E(""),void k(!0);N()},[S,N]),R=(0,a.useCallback)(async()=>{if(w){E("");try{await f(),N()}catch(e){E((null===e||void 0===e?void 0:e.message)||"\u4fdd\u5b58\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5")}}},[w,f,N]),_=(0,a.useCallback)(async()=>{if(w)try{await f(),N()}catch(e){E((null===e||void 0===e?void 0:e.message)||"\u4fdd\u5b58\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5")}else E("\u7f16\u8f91\u5668\u672a\u5c31\u7eea")},[w,f,N]);return(0,a.useEffect)(()=>{const e=e=>{S()&&(e.preventDefault(),e.returnValue="")};return window.addEventListener("beforeunload",e),()=>window.removeEventListener("beforeunload",e)},[S]),(0,a.useEffect)(()=>{window.history.pushState({compositeEditorExitGuard:!0},"");const e=()=>{S()&&(window.history.pushState({compositeEditorExitGuard:!0},""),E(""),k(!0))};return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[S]),(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("header",{className:"ipe-designer-top","data-testid":"composite-designer-top-bar",children:[(0,h.jsxs)("div",{className:"ipe-designer-top__left",children:[(0,h.jsx)("button",{type:"button",className:"ipe-designer-top__back",onClick:U,"aria-label":"\u8fd4\u56de\u5546\u54c1\u8be6\u60c5","data-testid":"composite-designer-back-button",children:(0,h.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,h.jsx)("path",{d:"M19 12H5M5 12L12 19M5 12L12 5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,h.jsx)("span",{className:"ipe-designer-top__logo",children:"\u7f16\u8f91\u5408\u6210\u56fe"}),(0,h.jsx)("span",{className:"ipe-designer-top__name",children:t})]}),(0,h.jsx)(m.A,{}),(0,h.jsxs)("div",{className:"ipe-designer-top__right",children:[x?(0,h.jsx)("span",{className:"ipe-designer-save-template__hint","data-testid":"composite-designer-save-hint",children:x}):null,(0,h.jsx)("button",{type:"button",className:"ipe-designer-top__action ipe-designer-top__action--primary",onClick:R,disabled:b||!w,"data-testid":"composite-designer-save-button",children:b?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(c.A,{size:16,className:"ipe-designer-top__spin","aria-hidden":"true"}),"\u5408\u6210\u4e2d\u2026"]}):"\u4fdd\u5b58\u5e76\u91cd\u65b0\u5408\u6210"})]})]}),(0,h.jsx)(g.A,{open:I,saving:b,error:y,message:"\u5f53\u524d\u5408\u6210\u56fe\u6709\u672a\u4fdd\u5b58\u7684\u4fee\u6539\uff0c\u79bb\u5f00\u540e\u5c06\u4e22\u5931\u8fd9\u4e9b\u66f4\u6539\u3002\u8bf7\u9009\u62e9\u5982\u4f55\u5904\u7406\u3002",onCancel:()=>{b||(k(!1),E(""))},onDiscard:N,onSaveAndExit:_})]})}

1var b=i(40728),w=i(9233),j=i(66394),x=i(53671),I=i(29493),k=i(95804);function y(e){(0,a.useEffect)(()=>{if(null===e||void 0===e||!e.canvas)return;const t=e.canvas,i=()=>(0,v.nh)(e,!0),a=()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{(0,v.ek)(e)})})},n=["object:modified","object:added","object:removed","object:moving","object:scaling","object:rotating","object:skewing"];n.forEach(e=>t.on(e,i));const l=()=>{var t,a,n,l,o;(null!==(t=null===(a=e.getPlugin)||void 0===a||null===(n=a.call(e,"HistoryPlugin"))||void 0===n||null===(l=n.getState)||void 0===l||null===(o=l.call(n))||void 0===o?void 0:o.undoCount)&&void 0!==t?t:0)>0&&i()};return e.on("historyUpdate",l),e.on("designer:slide-loaded",a),e.on("loadJson",a),()=>{n.forEach(e=>t.off(e,i)),e.off("historyUpdate",l),e.off("designer:slide-loaded",a),e.off("loadJson",a)}},[e])}var E=i(30011),C=i(26233),S=i(3779),N=i(6057),U=i(39866),R=i(19469),_=i(94289);var D=i(18229),z=i(42567);function A(){return(0,z.p)(),null}i(54545),i(76632),i(33631),i(508),i(61039);function L(){const{taskId:e}=(0,n.g)(),[t]=(0,l.ok)(),i=Number(t.get("form")||0),c=Number(t.get("group")||0),m=t.get("imageId")||"",[g,v]=(0,a.useState)(!0),[p,z]=(0,a.useState)(""),[L,F]=(0,a.useState)(null),[T,J]=(0,a.useState)(null),[M,W]=(0,a.useState)({}),[P,B]=(0,a.useState)({templateName:"",taskTitle:""}),[G,H]=(0,a.useState)(null),[$,q]=(0,a.useState)(m),{leftWidth:K,rightWidth:Q,leftCollapsed:V,rightCollapsed:Y,expandLeft:Z,toggleLeftCollapse:O,toggleRightCollapse:X,beginLeftResize:ee,resizeLeftByDelta:te,finishLeftResize:ie,beginRightResize:ae,resizeRightByDelta:ne,finishRightResize:le}=(0,I.A)(),[oe,se]=(0,a.useState)("tools"),re=null===G||void 0===G?void 0:G.editor;(0,a.useEffect)(()=>{let t=!1;return(async()=>{v(!0),z(""),F(null);try{var a,n;const l=await C.ov.getById(e),o=(null===l||void 0===l?void 0:l.task)||(null===l||void 0===l?void 0:l.data)||l;if(!o)throw new Error("\u4efb\u52a1\u4e0d\u5b58\u5728");const s=((null===(a=o.result)||void 0===a?void 0:a.goodsForms)||o.goodsForms||[])[i];if(!s)throw new Error("\u627e\u4e0d\u5230\u5bf9\u5e94\u6a21\u677f\u8868\u5355");let r=s.templateData||{};if(s.templateId){try{const e=await C.templateAPI.getById(s.templateId);if(null!==e&&void 0!==e&&e.template){const t=await(0,D.S)(e.template);r=(null===t||void 0===t?void 0:t.templateData)||e.template.templateData||r}}catch{}try{const{images:e}=await C.ER.getByTemplate(s.templateId);if(e&&"object"===typeof e){const t={...e||{}},i=(r.images||[]).map(e=>{const i=t[e.id];return i?{...e,...i,src:i.url||i.src||i.imageUrl||e.src,imageUrl:i.url||i.imageUrl||e.imageUrl,thumbUrl:i.thumbUrl||i.url||e.thumbUrl,url:i.url||e.url}:e}),a=new Set(i.map(e=>e.id));Object.values(t).forEach(e=>{null===e||void 0===e||!e.id||a.has(e.id)||e.isExample||i.push({id:e.id,name:e.name,src:e.url||e.src||e.imageUrl,imageUrl:e.url||e.imageUrl,thumbUrl:e.thumbUrl||e.url,url:e.url,width:e.width,height:e.height})}),r={...r,images:i}}}catch{}}const d=(s.compositeResults||[]).find(e=>Number(e.groupIndex)===c&&(!m||String(e.imageId)===String(m)));if(!d)throw new Error("\u627e\u4e0d\u5230\u5bf9\u5e94\u5408\u6210\u6210\u54c1");const u=await(0,_.W)(s,c),g=await async function(e){var t,i,a,n;let{result:l,form:o,templateData:s={},imageUrlMap:r}=e;const d=null===l||void 0===l?void 0:l.imageId;if(!d)return null;const u=Number(null===l||void 0===l?void 0:l.groupIndex)||0,c=(0,_.s)({form:o,templateData:s,slideId:d,groupIndex:u,result:l}),m=function(e,t,i){const a=[...(null===e||void 0===e?void 0:e.imageGroups)||[]];for(;a.length<=t;)a.push({});return a[t]=i,{...e,imageGroups:a}}(o,u,c),g=r||await(0,_.W)(m,u,c);let v=(0,N.KR)({result:l,form:m,templateData:s,imageUrlMap:g});if(null===(t=v)||void 0===t||null===(i=t.objects)||void 0===i||!i.length){var p;const e=s.stampAreas||{};if(null===(p=(0,S.DW)(e)[d])||void 0===p||!p.length)return null;const t=s.workspaceWidth&&s.workspaceHeight?{width:s.workspaceWidth,height:s.workspaceHeight}:U.kN,i=(0,U.$g)(t.width,t.height);v=(0,N.KR)({result:{...l,fabricInstanceJson:(0,S.q$)(i,d,e)},form:m,templateData:s,imageUrlMap:g})}if(null===(a=v)||void 0===a||null===(n=a.objects)||void 0===n||!n.length)return null;const h=(s.images||[]).find(e=>e.id===d&&!e.isExample),f=(null===h||void 0===h?void 0:h.thumbUrl)||(null===h||void 0===h?void 0:h.src)||(null===h||void 0===h?void 0:h.imageUrl)||null,b=(0,R.n3)({id:d,name:(null===h||void 0===h?void 0:h.name)||"\u4e3b\u56fe1",fabricCanvas:v,thumbUrl:f,imageUrl:f,width:null===h||void 0===h?void 0:h.width,height:null===h||void 0===h?void 0:h.height});return{slides:(0,U.ed)([b]),activeSlideId:d,primaryImageId:d}}({result:d,form:s,templateData:r,imageUrlMap:u});if(null===g||void 0===g||null===(n=g.slides)||void 0===n||!n.length)throw new Error("\u65e0\u6cd5\u52a0\u8f7d\u7f16\u8f91\u6570\u636e\uff08\u8bf7\u786e\u8ba4\u6a21\u677f\u542b\u5370\u82b1\u533a\u57df\u6216\u8d34\u5408\u56fe\u5c42\uff09");if(t)return;J(o),W(r),F(g),q(d.imageId),B({templateName:s.templateName||r.name||s.templateId||"\u5408\u6210\u56fe",taskTitle:o.title||o.name||e})}catch(l){t||z(l.message||"\u52a0\u8f7d\u5931\u8d25")}finally{t||v(!1)}})(),()=>{t=!0}},[e,i,c,m]),y(re),(0,a.useEffect)(()=>(0,E.D)(),[]);const de=(0,a.useCallback)(e=>{H(e)},[]),ue=(0,a.useCallback)(e=>{e&&J(t=>({...t||{},goodsForms:e.goodsForms,result:e.result}))},[]);return(0,h.jsx)(k.ZY,{mode:k.Pc,children:(0,h.jsx)(o.zz,{editor:re,fabric:null===G||void 0===G?void 0:G.fabric,children:(0,h.jsx)(d.i,{children:(0,h.jsx)(s.Jz,{editor:re,bootstrap:L,children:(0,h.jsx)(r.RY,{taskId:e,task:T,formIndex:i,groupIndex:c,imageId:$,templateData:M,onSaved:ue,children:(0,h.jsxs)(u.EF,{children:[(0,h.jsx)(A,{}),(0,h.jsxs)("div",{className:"fullscreen-page ipe-image-designer-page goods-composite-editor-page","data-testid":"goods-composite-editor-page",children:[(0,h.jsx)(f,{templateName:P.templateName,taskId:e}),(0,h.jsx)(b.A,{}),p&&!g&&(0,h.jsx)("div",{className:"ipe-designer-page-status ipe-designer-page-status--error",children:p}),(0,h.jsxs)("div",{className:"ipe-designer-body","data-testid":"designer-body",children:[(0,h.jsx)(w.A,{width:K,collapsed:V,activeTab:oe,onTabChange:se,onExpand:Z,onResizeStart:ee,onResizeDelta:te,onResizeEnd:ie,onToggleCollapse:O}),(0,h.jsx)(j.A,{onEditorReady:de,templateLoading:g}),(0,h.jsx)(x.A,{width:Q,collapsed:Y,onResizeStart:ae,onResizeDelta:ne,onResizeEnd:le,onToggleCollapse:X})]})]})]})})})})})})}}}]);
2//# sourceMappingURL=3331.1db8bd60.chunk.js.map