https://cdn.pacdora.com/_pacui/assets/Packaging-B-5-dGOomW.js

1import{r as e}from"./rolldown-runtime-CMxvf4Ktp1.js";import{Ai as t,At as n,Ft as r,Gi as i,Ii as a,On as o,Qi as s,Si as c,Xi as l,Zi as u,bt as d,en as ee,mn as te,nn as ne,un as f}from"./src-D9GYhO4rRw.js";import{Bt as p,Dt as m,It as h,Jt as g,Kt as re,Lt as _,Nt as v,Ot as y,St as b,Vt as x,Xt as S,Z as C,an as w,bt as T,ct as E,dn as D,fn as O,ft as k,gt as A,hn as j,ht as M,mt as N,pt as P,z as F,zt as I}from"./vue-DR-_0DQxXA.js";import{l as L}from"./pacdora-3d-wnulKoNRJ_.js";import{g as R,h as ie}from"./boxMaterialSpherePresetApplier-DreQocAhqt.js";import{C as ae,p as oe}from"./api-Bl2WzxrBx7.js";import{b as z}from"./api-B8Y66gIssQ.js";import{d as se,l as B,n as ce}from"./useModels--g8QQh9ZUt.js";import{t as V}from"./GridList-BC9Hzio9pO.js";import{t as le}from"./useProject-89naxtCAgp.js";import{a as ue,c as de,f as fe,i as pe,n as me,o as he,r as ge,s as _e,t as ve,u as ye}from"./dielineAssetHandoff-Bp-Vh29mQS.js";import{t as be}from"./MultiLevelCateList-DajdgKtyvV.js";import{t as xe}from"./useMaterialsI18n-BxciRl3Ey8.js";import{t as Se}from"./Index-A2Tsi8ZJhV.js";var H=e=>(I(`data-v-a1745606`),e=e(),_(),e),Ce={class:`pac-render-packagin-project`},we={key:0,class:`pac-render-packagin-project__controls`},Te={key:0,class:`pac-render-packagin-project__sub-tabs`,role:`tablist`},Ee=[`aria-selected`,`onClick`],De=[`disabled`,`aria-expanded`],Oe=H(()=>P(`i`,{class:`p-icon-plus`},null,-1)),ke={key:0,class:`pac-render-packagin-project__create-menu`,role:`menu`},Ae={class:`pac-render-packagin-project__create-option-title`},je={class:`pac-render-packagin-project__create-option-description`},Me={class:`pac-render-packagin-project__create-option-title`},Ne={class:`pac-render-packagin-project__create-option-description`},Pe={key:2,class:`pac-render-packagin-project__sub-tabs`,role:`tablist`},Fe=[`disabled`,`aria-selected`,`onClick`],Ie={key:0,class:`pac-render-leftSide__mask packagin-mask`},Le={class:`pac-render-leftSide__mask packagin-mask`},U=l(b({__name:`MyProject`,props:{mode:{default:`add`},loadModelFunc:{},gutterOfSide:{},placeholderHeight:{default:20},gtm:{},columnRepeat:{default:2},autoShowMask:{type:Boolean,default:!1},activeTab:{},nativeScroll:{type:Boolean}},emits:[`pc-dieline-guide`],setup(e,{expose:n,emit:r}){let i=e,a=re(),l=u().placeholder,{getMyDesignModels:d,getModelProjectData:ee,addModel:te,replaceModel:ne}=se(),{saveRenderProject:_}=le(),{workspaceListPromise:y}=f(),b=k(()=>Math.min(i.columnRepeat,2)),x=w({current:1,pageSize:b.value*10,name:``,type:`mockup-detail`}),I=w({current:1,pageSize:b.value*10,keyword:``,sourceType:`dieline_to_3d`}),R=w([]),z=w([]),be=w(b.value*10+1),xe=w(b.value*10+1),Se=w(0),H=w(!1),U=w(!1),Re=w(!1),W=w(!1),G=k(()=>i.mode===`add`),ze=k(()=>i.mode===`dieline`),K=k(()=>[`mockup`,`dieline`].includes(i.mode)),q=k(()=>K.value?`mockup-detail`:`3d-modeling`),Be=k(()=>ye(q.value)),J=w(null),Ve=null,Y=w(!1),X=w(-1),He=w(new Set),Ue=e=>String(e.id),We=e=>String(e.id).includes(`skeleton`),Ge=()=>{He.value=new Set},Ke=e=>{if(We(e))return;let t=new Set(He.value);t.add(Ue(e)),He.value=t},qe=e=>!!e.url&&!He.value.has(Ue(e)),Je=e=>H.value||Y.value||We(e)||qe(e),Z=w(i.activeTab??`projects`),Ye=w(`dieline_to_3d`),Xe=w(null),Q=w(!1),Ze=k(()=>[{value:`dieline_to_3d`,label:s(`renderCommon.dielineUpload`)},{value:`seedforge`,label:s(`renderCommon.modelBuilder`)}]),Qe=w(``),$e=k(()=>i.activeTab!=null),et=k(()=>i.mode!==`dieline`),tt=k(()=>[{key:`projects`,label:s(`renderCommon.myProjects`)},...et.value?[{key:`models`,label:s(`renderCommon.myModels`)}]:[]]),nt=k(()=>x.value.current*x.value.pageSize<be.value),rt=k(()=>I.value.current*I.value.pageSize<xe.value),it=k(()=>Z.value===`projects`),$=k(()=>Z.value===`models`),at=async()=>{H.value=!0,x.value.current===1&&Ge();try{await y;let{data:e,total:t}=await d({...x.value,type:ze.value?`dieline`:`mockup-detail`});x.value.current===1?R.value=e:R.value=R.value.concat(e),be.value=t,Re.value=!0}finally{H.value=!1}};function ot(e){var t,n,r;let i=e.publicId||String(e.id);return{id:`custom-${i}`,rawId:e.id,publicId:i,url:e.cover||l,name:e.name||s(`renderCommon.untitledModel`),status:e.status||``,mockupNameKey:((t=e.bridge)==null?void 0:t.virtualMockupNameKey)||``,dielineNameKey:((n=e.bridge)==null?void 0:n.virtualNameKey)||((r=e.bridge)==null?void 0:r.virtualMockupNameKey)||``,dataInfo:e}}let st=async()=>

1{if(!et.value)return;let e=Ye.value;U.value=!0;try{await y;let{data:t,total:n}=await oe({...I.value}),r=Array.isArray(t)?t.map(ot):[];I.value.current===1?z.value=r:z.value=z.value.concat(r),xe.value=Number(n||0),e===`dieline_to_3d`&&(Se.value=xe.value),W.value=!0}catch(e){console.log(`loadCustomModels error==>`,e),t({type:`error`,text:s(`renderCommon.customModelLoadFailed`)})}finally{U.value=!1}},ct=async()=>{if($.value){if(!rt.value)return;I.value.current++,await st();return}nt.value&&(x.value.current++,await at())},lt=e=>{if(Qe.value=e,X.value=-1,$.value){z.value=[],I.value.current=1,I.value.keyword=e,st();return}vt(e)},ut=async(e,t=!1)=>{if(!Je(e))try{Y.value=!0,await ft(e,t),Y.value=!1}catch(e){console.log(e)}finally{Y.value=!1}},dt=async(e,t=!1)=>{try{Y.value=!0,await ht(e,t)}catch(e){console.log(e)}finally{Y.value=!1}},ft=async(e,t=!1)=>{X.value=e.id;try{if(K.value){var n;await((n=i.loadModelFunc)==null?void 0:n.call(i,e))}else{var r,a,o;let n=await ee(await ie(e.id));G.value?await te(L.Project,n,t,!1):await ne(L.Project,n),_(),(r=(a=window).$track)==null||r.call(a,{event:((o=i.gtm)==null?void 0:o.add)||`render_models_my_mockup_choose`,model_id:e.id})}}catch(e){console.log(`addProject error==>`,e)}finally{X.value=-1}};function pt(e,t){return{id:t.projectId,url:e.url,mockupNameKey:t.virtualMockupNameKey||e.mockupNameKey,dielineNameKey:t.virtualMockupNameKey||e.dielineNameKey,customModelId:t.customModelId||e.publicId,isCustomModel:!0,editorUrl:t.url}}async function mt(e,t){let n=t.customModelId||e.publicId,[r,i]=await Promise.all([ee(t.projectId),o({projectId:t.projectId,customModelId:n})]);i&&B.value.set(Number(t.projectId),i);let a=r.project;if(a){var s,c;a.isCustomModel=!0,a.customModelId=n,a.mockupNameKey=(i==null?void 0:i.mockupNameKey)||t.virtualMockupNameKey||e.mockupNameKey,a.nameKey=(i==null?void 0:i.nameKey)||a.nameKey,a.class1=(i==null?void 0:i.class1)||a.class1,a.class2=(i==null?void 0:i.class2)||a.class2,a.user_data??(a.user_data={}),(s=a.user_data).source||(s.source=`custom-model`),(c=a.user_data).customModelPublicId||(c.customModelPublicId=n)}return r}let ht=async(e,n=!1)=>{X.value=e.id;try{if(e.status&&e.status!==`ready`){t({type:`info`,text:s(`renderCommon.customModelNotReady`)});return}let u=await ae(e.publicId,{projectName:e.name}),d=pt(e,u);if(K.value){var r;if(await((r=i.loadModelFunc)==null?void 0:r.call(i,d)),!n){var a,o;(a=(o=window).$track)==null||a.call(o,{event:`TAG_mockup_mockup_models_custom_use`})}}else{let t=await mt(e,u);if(G.value?await te(L.Project,t,n,!1):await ne(L.Project,t),_(),!n){var c,l;(c=(l=window).$track)==null||c.call(l,{event:`TAG_render_models_custom_use`})}}}catch(e){console.log(`addCustomModelProject error==>`,e),t({type:`error`,text:s(`renderCommon.customModelUseFailed`)})}finally{X.value=-1}},gt=(e,t)=>{Je(t)||G.value&&ce(e,t.url,async()=>{await ft(t,!0)})},_t=(e,t)=>{G.value&&ce(e,t.url,async()=>{await ht(t,!0)})};function vt(e=Qe.value){R.value=[],Ge(),x.value.current=1,x.value.name=e,at()}function yt(e){if(Z.value!==e){if(Z.value=e,X.value=-1,e===`models`){I.value.keyword=Qe.value,W.value||st();return}x.value.name=Qe.value,Re.value||at()}}function bt(e){e===Ye.value||U.value||(Q.value=!1,Ye.value=e,z.value=[],xe.value=0,W.value=!1,I.value.current=1,I.value.keyword=Qe.value,I.value.sourceType=e,X.value=-1,st())}function xt(){var e,t;if(W.value){if((e=(t=window).$track)==null||e.call(t,{event:K.value?`TAG_mockup_models_custom_upload`:`TAG_render_models_custom_upload`}),typeof window<`u`&&window.matchMedia(`(max-width: 979px)`).matches){r(`pc-dieline-guide`);return}if(Se.value>0&&_e()){J.value&&(Ve=ve(q.value),ue(`choose`),me(J.value));return}window.location.assign(Be.value)}}function St(){var e,t;(e=(t=window).$track)==null||e.call(t,{event:K.value?`TAG_mockup_models_custom_build`:`TAG_render_models_custom_build`}),window.location.assign(fe(q.value))}function Ct(){!W.value||U.value||(Q.value=!Q.value)}function wt(e){if(Q.value=!1,e===`seedforge`){St();return}xt()}F(Xe,()=>{Q.value=!1});async function Tt(e){let n=Ve;Ve=null;let r=pe(e.currentTarget);if(!r)return;let i=n??ve(q.value);ue(`fileReceived`);let a=he(r);if(a){ue(`validationBlocked`),t({type:`error`,text:s(a===`format`?`renderCommon.dielineFileTypeInvalid`:`renderCommon.dielineFileTooLarge`)});return}try{let e=await ge(r,{uploadAttempt:i});window.location.assign(de(q.value,e))}catch{t({type:`error`,text:s(`renderCommon.dielineFileHandoffFailed`)})}}v(()=>{$.value?st():at()}),g(()=>i.activeTab,e=>{e&&yt(e)});let Et=async e=>{e(!0),await ct(),e(!1)};return n({handleSearch:lt}),g(et,e=>{!e&&Z.value===`models`&&yt(`projects`)}),(e,t)=>(h(),A(`div`,Ce,[tt.value.length>1&&!$e.value||$.value?(h(),A(`div`,we,[tt.value.length>1&&!$e.value?(h(),A(`div`,Te,[(h(!0),A(E,null,p(tt.value,e=>

1(h(),A(`button`,{key:e.key,type:`button`,class:O([`pac-render-packagin-project__sub-tab`,{"pac-render-packagin-project__sub-tab--active":Z.value===e.key}]),role:`tab`,"aria-selected":Z.value===e.key,onClick:t=>yt(e.key)},j(e.label),11,Ee))),128))])):M(``,!0),$.value?(h(),A(`div`,{key:1,ref_key:`createModelMenuRef`,ref:Xe,class:`pac-render-packagin-project__create`},[P(`button`,{type:`button`,class:`pac-render-packagin-project__upload`,disabled:!W.value||U.value,"aria-haspopup":`menu`,"aria-expanded":Q.value,onClick:Ct},[Oe,P(`span`,null,j(D(s)(`renderCommon.createModel`)),1)],8,De),T(C,{name:`create-model-menu`},{default:S(()=>[Q.value?(h(),A(`div`,ke,[P(`button`,{type:`button`,class:`pac-render-packagin-project__create-option`,role:`menuitem`,onClick:t[0]||(t[0]=e=>wt(`dieline_to_3d`))},[P(`span`,Ae,j(D(s)(`renderCommon.uploadDieline`)),1),P(`span`,je,j(D(s)(`renderCommon.uploadDielineDescription`)),1)]),P(`button`,{type:`button`,class:`pac-render-packagin-project__create-option`,role:`menuitem`,onClick:t[1]||(t[1]=e=>wt(`seedforge`))},[P(`span`,Me,j(D(s)(`renderCommon.buildModel`)),1),P(`span`,Ne,j(D(s)(`renderCommon.buildModelDescription`)),1)])])):M(``,!0)]),_:1})],512)):M(``,!0),$.value?(h(),A(`div`,Pe,[(h(!0),A(E,null,p(Ze.value,e=>(h(),A(`button`,{key:e.value,type:`button`,class:O([`pac-render-packagin-project__sub-tab`,{"pac-render-packagin-project__sub-tab--active":Ye.value===e.value}]),disabled:U.value,role:`tab`,"aria-selected":Ye.value===e.value,onClick:t=>bt(e.value)},j(e.label),11,Fe))),128))])):M(``,!0),P(`input`,{ref_key:`dielineFileInputRef`,ref:J,class:`pac-render-packagin-project__file-input`,type:`file`,accept:`.svg,.dxf`,onChange:Tt},null,544)])):M(``,!0),T(D(c),{class:`pac-render-packagin-project__scroll`,onOnScrollEnd:Et,gutterOfSide:e.gutterOfSide,placeholderHeight:e.placeholderHeight,maskHeight:20,autoShowMask:e.autoShowMask,"native-mode":e.nativeScroll,topMaskVisible:``,topPlaceholderVisible:``},{default:S(()=>[P(`div`,{class:O([`pac-render-packagin-project__list beautify-scrollbar`,[ze.value&&`dieline_my_list`,$.value&&`custom-model-list`]])},[it.value?(h(),N(V,m({key:0},D(a),{"column-repeat":b.value,"data-list":R.value,loading:H.value,"image-loading":Y.value,activeId:X.value,"scale-animation":``,pageSize:x.value.current===1?6:x.value.pageSize,gridGap:10,gridRowGap:10,borderRadius:8,useThemeFilter:!1,isDefault:!0,"image-loading-color":`#F7F7F7`,"loading-text":D(s)(`loading`),onOnClick:ut,onOnMousedown:gt,onOnImageLoaded:Ke,onOnImageError:Ke}),{imgExtra:S(({item:e})=>[Je(e)?M(``,!0):(h(),A(`div`,Ie,j(G.value?D(s)(`pac_global.drag`):D(s)(`pac_global.replace`)),1))]),_:1},16,[`column-repeat`,`data-list`,`loading`,`image-loading`,`activeId`,`pageSize`,`loading-text`])):(h(),N(V,m({key:1},D(a),{"column-repeat":b.value,"data-list":z.value,loading:U.value,"image-loading":Y.value,activeId:X.value,"scale-animation":``,pageSize:I.value.current===1?6:I.value.pageSize,gridGap:10,gridRowGap:10,borderRadius:8,useThemeFilter:!1,isDefault:!0,limitCover:!1,nodataMsg:D(s)(`renderCommon.noCustomModels`),onOnClick:dt,onOnMousedown:_t}),{imgExtra:S(()=>[P(`div`,Le,j(G.value?D(s)(`pac_global.drag`):D(s)(`pac_global.replace`)),1)]),_:1},16,[`column-repeat`,`data-list`,`loading`,`image-loading`,`activeId`,`pageSize`,`nodataMsg`]))],2)]),_:1},8,[`gutterOfSide`,`placeholderHeight`,`autoShowMask`,`native-mode`])]))}}),[[`__scopeId`,`data-v-a1745606`]]),Re=l(b({__name:`ModelSetting`,props:{model:{},disabled:{type:Boolean,default:!1}},emits:[`on-change`],setup(e,{emit:t}){let a=e,o=w(``);v(()=>{var e;if((e=a.model)!=null&&e.modelSetting){var t,i;o.value=((t=a.model)==null||(t=t.modelSetting)==null||(t=t[0])==null?void 0:t.name)||``,(i=a.model)==null||(i=i.modelSetting)==null||(i=i.slice(1,a.model.modelSetting.length))==null||i.forEach(e=>{r(n(e.cover,{width:300,height:300}))})}});function s(e){a.disabled||(o.value=e)}function c(e){e.stopPropagation()}return g(()=>o.value,()=>{var e;let n=(e=a.model)==null||(e=e.modelSetting)==null?void 0:e.find(e=>e.name===o.value);n&&t(`on-change`,n)}),(e,t)=>{var n;return(n=e.model.modelSetting)!=null&&n.length?(h(),A(`div`,{key:0,class:O([`pac-render-packaging-aggregate__material`,{"pac-render-packaging-aggregate__material--disabled":e.disabled}]),onClick:c,onPointerdown:c},[(h(!0),A(E,null,p(e.model.modelSetting,e=>

1(h(),A(`div`,{key:e.name,class:O([`pac-render-packaging-aggregate__material__item`,{"pac-render-packaging-aggregate__material__item--active":e.name===o.value}])},[T(D(i),{onMouseenter:t=>s(e.name),onClick:t=>s(e.name),class:`pac-render-packaging-aggregate__material__item__image`,src:e.materialCover||D(u)().materialSetting(e.name),alt:e.name,width:22,height:22},null,8,[`onMouseenter`,`onClick`,`src`,`alt`])],2))),128))],34)):M(``,!0)}}}),[[`__scopeId`,`data-v-b62265e8`]]),W={class:O([`pac-render-packaging-common`])},G=l(b({__name:`Packaging`,props:{mode:{default:`add`},loadModelFunc:{},materialImgs:{},activeTag:{},gtm:{},columnRepeat:{default:2},isSearch:{type:Boolean,default:!1},isFindSimilar:{type:Boolean,default:!1},class2:{},beforeInit:{},singleCateLayer:{type:Boolean},prefetchModelFunc:{},prefetchCount:{default:4},autoShowMask:{type:Boolean},nativeScroll:{type:Boolean}},emits:[`on:selected`],setup(e,{expose:t,emit:n}){let r=e,{getVariantId:i}=d(),a=re(),{getModels:o,getModelProjectData:c,addModel:l,replaceModel:u}=se(),{saveRenderProject:ee}=le(),te=w({current:1,pageSize:r.columnRepeat*10,type:`blank`,keyword:``}),ne=e=>{var t;let n=((t=e.match(/\((\d+)\)/g))==null?void 0:t.map(e=>parseInt(e.replace(/[()]/g,``))))||[];if(!n.length)return;let r=f.value.reduce((e,t)=>{var n;return e.push(t.key),(n=t.subOptions)==null||n.forEach(t=>{e.push(t.key)}),e},[]),i=n.filter(e=>r.includes(e)).sort((e,t)=>r.indexOf(t)-r.indexOf(e));if(!i.length)return;let a=f.value.reduce((e,t)=>{if(t.searchKey!==`food-packaging-mockups`){var n;i.includes(t.key)&&e.push(t.key),(n=t.subOptions)==null||n.forEach(t=>{i.includes(t.key)&&e.push(t.key)})}return e},[]);return a.length>0?i.filter(e=>a.includes(e)).pop():i[i.length-1]},f=w([]),p=w(),g=k(()=>[`add`,`replace`].includes(r.mode)),_=k(()=>r.mode===`mockup`),b=k(()=>_.value||g.value?!0:void 0),x=k(()=>g.value?`render`:r.mode+`_`+r.mode),C=w(r.activeTag),E=()=>{r.class2&&(C.value=ne(r.class2))},O=async()=>{var e;await((e=r.beforeInit)==null?void 0:e.call(r));let t=await z(b.value),n=e=>({key:e.id,label:e.name,total:Number(e.count),searchKey:b.value?e.mockupNameKey:e.dielineNameKey,gtm:`ga-${x.value}_models_type`});f.value=t.map(e=>{let t=e.children.map(e=>n(e)),r=n(e);return{...r,total:b.value||t&&t.length>0?t.reduce((e,t)=>e+t.total,0):r.total,subOptions:t}}),E()};v(()=>{O()});let j=async e=>{let t={};if(e.imageUrl)t={current:e.current,pageSize:e.pageSize,imageUrl:e.imageUrl,currentModeNo:e.currentModeNo,mockup:e.mockup};else{t={current:e.current,pageSize:e.pageSize,type:e.type,keyword:e.keyword,mockupNameKey:void 0,dielineNameKey:void 0},t[b.value?`mockupNameKey`:`dielineNameKey`]=e.searchKey;let n=i(`dieline_test`);r.mode===`dieline`&&n&&n===`A`&&(t.complexType=0)}let n=await o(t);return r.materialImgs&&n.data.forEach(e=>{if(e.displaySetting&&e.displaySetting.mockupListMaterial===0)e.modelSetting=[];else{var t;(t=e.modelSetting)==null||t.forEach(e=>{var t;let{name:n}=e,i=(t=r.materialImgs)==null||(t=t[n])==null?void 0:t.listImg;i&&(e.materialCover=i)})}}),r.prefetchModelFunc&&N.value&&n.data.slice(0,r.prefetchCount).forEach(e=>{var t;return(t=r.prefetchModelFunc)==null?void 0:t.call(r,e)}),n},M=k(()=>r.mode===`add`),N=k(()=>[`mockup`,`dieline`].includes(r.mode)),P=async(e,t)=>{t(!0);try{await F(e)}finally{t(!1)}},F=async(e,t=!1)=>{var i,a,o;if(N.value){var s;await((s=r.loadModelFunc)==null?void 0:s.call(r,e))}else{var d;let n=await c(await R(e.id,(d=e.activeModelSetting)==null?void 0:d.id));M.value?await l(L.Project,n,t,!1):await u(L.Project,n),ee()}n(`on:selected`,e),(i=(a=window).$track)==null||i.call(a,{event:((o=r.gtm)==null?void 0:o.add)||`${N.value?r.mode+`_`+r.mode:`render`}_models_library_mockup_choose`,model_id:e.id}),oe()},I=(e,t)=>{var n;(n=r.prefetchModelFunc)==null||n.call(r,t),M.value&&ce(e,t.url,async()=>await F(t,!0))},ie=(e,t)=>{let n=e.modelSetting,r=e.cate_info;if(n)if(t.name){var i;return((i=n.find(e=>e.name===t.name))==null?void 0:i.cover)||``}else return n[0].cover;else if((r==null?void 0:r.complex_type)===1){let e=r==null?void 0:r.size_options.find(e=>e.previewImgPath);if(e)return e.previewImgPath}},ae=async(e,t)=>{if(e.modelSetting){var n;e.url=ie(e,t),e.activeModelSetting=t,(n=r.prefetchModelFunc)==null||n.call(r,e)}};function oe(){function e(){if([`add`,`replace`].includes(r.mode))return`render`;if(r.mode===`mockup`)return`mockup_mockup`;if(r.mode===`dieline`)return`dieline_dieline`}if(!r.isFindSimilar&&B.value){var t,n,i;(t=(n=window).$track)==null||t.call(n,{event:`${e()}_search_click`,keyword:(i=p.value)==null?void 0:i.value})}}let B=w(r.isSearch??!1),V=w();return t({handleSearch(e){p.value=e,B.value=!!e.value,B.value||E(),y(()=>{V.value.handleSearch(e)})},init(){B.value=!1,E(),y(()=>{var e;

1(e=V.value)==null||e.init()})},showSkeleton(){var e;(e=V.value)==null||e.showSkeleton()},clearActiveTag(){C.value=void 0}}),(e,t)=>{var n,r;return h(),A(`div`,W,[T(be,m({ref_key:`MultiLevelCateListRef`,ref:V},{...D(a),imageResizeMode:1,columnRepeat:e.columnRepeat},{cates:f.value,pageInfo:te.value,activeTag:C.value,getDataListFunc:j,"hover-mask-text":M.value?D(s)(`pac_global.drag`):D(s)(`pac_global.replace`),"cate-track-event":((n=e.gtm)==null?void 0:n.cateClick)||`${x.value}_models_sort`,customSkeletonData:{modelSetting:[{name:``,cover:``,id:-1}]},gtm:{cateExpand:(r=e.gtm)==null?void 0:r.cateExpand},skeletonTotal:6,"border-radius":8,"is-search":e.isSearch,mode:e.mode,"auto-show-mask":e.autoShowMask,"native-scroll":e.nativeScroll,"image-loading-color":`#F7F7F7`,"loading-text":D(s)(`loading`),onOnMousedown:I,onOnClick:P}),{itemExtra:S(e=>[T(Re,{model:e.item,disabled:e.disabled,onOnChange:t=>ae(e.item,t)},null,8,[`model`,`disabled`,`onOnChange`])]),_:1},16,[`cates`,`pageInfo`,`activeTag`,`hover-mask-text`,`cate-track-event`,`gtm`,`is-search`,`mode`,`auto-show-mask`,`native-scroll`,`loading-text`])])}}}),[[`__scopeId`,`data-v-efa80925`]]),ze=e=>(I(`data-v-0e208367`),e=e(),_(),e),K={class:`pac-render-packaging pac-render-leftSide__container`},q={class:`pac-render-packaging__tab`},Be=ze(()=>P(`span`,{class:`pac-custom-models-badge-dot`},null,-1)),J=`mockup.models.custom-models`,Ve=b({__name:`index`,props:{mode:{default:`add`},loadModelFunc:{},activeTab:{},gtm:{},activeTag:{},columnRepeat:{default:2},track:{type:Boolean,default:!0},class2:{},beforeInit:{},prefetchModelFunc:{},prefetchCount:{},searchOnBlur:{type:Boolean},autoShowMask:{type:Boolean},ensurePrivateTabAccess:{},nativeScroll:{type:Boolean}},emits:[`update:activeTab`,`pc-dieline-guide`],setup(e,{expose:t,emit:n}){let r=e,{materialImgs:i}=xe(),{markVisited:o}=ne(),{getMyDesignModels:c}=se(),l=k(()=>r.mode!==`dieline`),u=k(()=>{var e,t;let n=y.value?`render`:r.mode+`_`+r.mode,i=[{key:`library`,label:s(`renderCommon.library`),gtm:r.track?((e=r.gtm)==null?void 0:e.library)||`ga-${n}_models_library_choose`:void 0},{key:`projects`,label:s(`renderCommon.myProjects`),gtm:r.track?((t=r.gtm)==null?void 0:t.my)||(r.mode===`dieline`?`ga-${n}_models_my_choose`:void 0):void 0}];return l.value&&i.push({key:`models`,label:s(`renderCommon.myModels`)}),i});function d(e){if(r.track){if(e===`projects`){var t;if((t=r.gtm)!=null&&t.my||r.mode===`dieline`)return;if(r.mode===`mockup`){var n,i;(n=(i=window).$track)==null||n.call(i,{event:`TAG_mockup_mockup_models_my_choose`})}else if(y.value){var a,o;(a=(o=window).$track)==null||a.call(o,{event:`TAG_render_model_my`})}return}if(e===`models`){var s,c;(s=(c=window).$track)==null||s.call(c,{event:y.value?`TAG_render_model_custom`:`TAG_mockup_mockup_models_custom`})}}}let f=w(`library`),p=new Set([`projects`,`models`]),m=k({get(){return r.activeTab??f.value},set(e){n(`update:activeTab`,e),f.value=e}}),re=async e=>{let t=String(e);if(d(t),t===`models`&&o(J),p.has(t)){if(!r.ensurePrivateTabAccess)return;try{if(!await r.ensurePrivateTabAccess())return}catch{return}}m.value=t},_=w(``);w(``);let v=k(()=>m.value===`library`),y=k(()=>[`add`,`replace`].includes(r.mode));g(()=>m.value,()=>{_.value=``});let b=w(),C=w(),E=w(),j=async e=>{var t,n;e?_.value=e.value:_.value=``,te.emit(`on:keyword`,_.value),v.value?await b.value.handleSearch(e):await C.value.handleSearch(_.value),F.value=!!_.value,r.track&&((t=(n=window).$track)==null||t.call(n,{event:`${y.value?`render`:r.mode+`_`+r.mode}_models_search`}))},F=w(!1);function I(){if(y.value)return`render`;if(r.mode===`mockup`)return`mockup_mockup`;if(r.mode===`dieline`)return`dieline_dieline`}return t({init(){var e,t;F.value=!1,_.value=``,(e=E.value)==null||e.resetInput(),(t=b.value)==null||t.init()},showSkeleton(){var e;(e=b.value)==null||e.showSkeleton()},clearActiveTag(){var e;(e=b.value)==null||e.clearActiveTag()}}),(e,t)=>{var o,c,l,d;return h(),A(`div`,K,[x(e.$slots,`header`,{},void 0,!0),P(`div`,q,[u.value?(h(),N(D(a),{key:0,data:u.value,value:m.value,borderRadiusType:`square`,"onUpdate:value":re},{"label-extra":S(({item:e})=>[e.key===`models`?(h(),N(D(ee),{key:0,position:J},{badge:S(()=>[Be]),_:1})):M(``,!0)]),_:1},8,[`data`,`value`])):M(``,!0)]),v.value?(h(),A(`div`,{key:0,class:O([`pac-render-packaging__search`,{"pac-render-packaging__search--searching":F.value}])},[T(Se,{ref_key:`searchBox`,ref:E,scene:`tools`,size:`small`,placeholder:e.mode===`dieline`?D(s)(`pac_global.aiSearch.aiSearchSmallPlaceholder`):void 0,"is-show-img-search":e.mode!==`dieline`,"refer-page-type":e.mode===`dieline`?`dieline`:`mockup`,"recommend-keywords":[D(s)(`pac_global.aiSearch.suggestKeywordsOne`),e.mode===`dieline`?D(s)(`pac_global.aiSearch.suggestKeywordsDieline`):D(s)(`pac_global.aiSearch.suggestKeywordsT

1wo`)],gtm:e.gtm,"gtm-prefix":I(),"search-on-blur":e.searchOnBlur,"onOn:search":j,"onOn:clear":j},null,8,[`placeholder`,`is-show-img-search`,`refer-page-type`,`recommend-keywords`,`gtm`,`gtm-prefix`,`search-on-blur`])],2)):M(``,!0),v.value?(h(),N(G,{key:1,ref_key:`LibraryRef`,ref:b,mode:e.mode,materialImgs:D(i),loadModelFunc:e.loadModelFunc,activeTag:e.activeTag,gtm:r.track?{add:(o=r.gtm)==null?void 0:o.addLibrary,cateClick:(c=r.gtm)==null?void 0:c.cateClick,cateExpand:(l=r.gtm)==null?void 0:l.cateExpand}:void 0,"column-repeat":e.columnRepeat,class2:e.class2,"before-init":e.beforeInit,"prefetch-model-func":e.prefetchModelFunc,"prefetch-count":e.prefetchCount,"auto-show-mask":e.autoShowMask,"native-scroll":e.nativeScroll},null,8,[`mode`,`materialImgs`,`loadModelFunc`,`activeTag`,`gtm`,`column-repeat`,`class2`,`before-init`,`prefetch-model-func`,`prefetch-count`,`auto-show-mask`,`native-scroll`])):(h(),N(U,{key:2,ref_key:`MyProjectRef`,ref:C,mode:e.mode,loadModelFunc:e.loadModelFunc,"active-tab":m.value===`models`?`models`:`projects`,gtm:r.track?{add:(d=r.gtm)==null?void 0:d.addMy}:void 0,"column-repeat":e.columnRepeat,"auto-show-mask":e.autoShowMask,"native-scroll":e.nativeScroll,onPcDielineGuide:t[0]||(t[0]=e=>n(`pc-dieline-guide`))},null,8,[`mode`,`loadModelFunc`,`active-tab`,`gtm`,`column-repeat`,`auto-show-mask`,`native-scroll`]))])}}}),Y=e({default:()=>X}),X=l(Ve,[[`__scopeId`,`data-v-0e208367`]]);export{Y as n,G as r,X as t};