https://vapps-res.media.io/mediaai/_nuxt/SampleDetailDialog-DU1xkwGR.js

1import{d as de,r as g,c as h,o as _e,y as r,z as s,A as i,M as F,f as d,D as o,B as $,J as _,E as p,L as P,F as Z,C as U,R as D}from"./chunk-vue-TRwxe8i9.js";import{k as pe,i as me,bb as ve,b as I,R as m,aH as M,bc as H,bd as fe,be as ge,t as T,a1 as x,aI as he,aJ as v,aK as xe,bf as J,a0 as ye,aE as ke,bg as be,av as B,aM as we,a as Ce,aN as G,bh as Le,aB as E,aL as K,E as Q,V as W,B as X,aO as Ie,_ as Te}from"./BuQWImh-.js";import{s as Ee}from"./chunk-pinia-DfnRCC0j.js";import{L as Ne}from"./Like-CQZ7VGOE.js";import{M as ze}from"./MoreButton-D31AFFjM.js";import{u as Se}from"./chunk-i18n-CEBPY5W3.js";import"./chunk-alioss-Co3x7qJ6.js";import"./chunk-fabric-NyCWrAO1.js";const je={class:"detail-dialog"},Re={class:"w-full h-full flex items-center justify-center gap-6 p-8"},$e={class:"sample-preview relative"},De={class:"absolute top-4 right-4 flex items-center gap-2 z-[2]"},Me=["src"],Be={class:"sample-detail"},Ve={class:"flex items-center gap-[6px]"},qe=["src"],Ae={class:"text-username"},Oe={class:"sample-info"},Fe={key:0,class:"flex items-center gap-[6px] px-[2px] py-1"},Pe={key:1,class:"h-6"},Ze={key:2},Ue={class:"text-original mt-2"},He={key:0,class:"flex items-center gap-[8px] mt-2"},Je=["src"],Ge={key:1,class:"h-[64px] w-[112px] bg-[color:--color-mask-tertiary] flex items-center justify-center rounded-[6px] mt-2"},Ke={key:3},Qe={class:"text-original mt-2"},We={key:0,class:"flex items-center gap-[8px] mt-2"},Xe={class:"p-4"},Ye=["src"],ea=["src"],aa={key:1,class:"h-[64px] w-[112px] bg-[color:--color-mask-tertiary] flex items-center justify-center rounded-[6px] mt-2"},ta={key:4,class:"w-full flex items-center justify-between"},oa={class:"text-original mt-2"},ia={key:5,class:"mt-2 text-prompt"},la={class:"flex items-center justify-end mt-10"},sa={class:"flex items-center justify-center cursor-pointer gap-[6px]"},na={class:"text-generate"},ra=de({__name:"SampleDetailDialog",setup(ua){const{$i18n:V}=pe(),Y=me(),{t:y}=Se(),f=ve(),{showTemplateDetailData:e}=Ee(I()),a=g(null),N=g([]),z=g([]),k=g(!1),b=g(0),ee=[m.image2image,m.text2image,m.wallpaper,m.aiCharacter],c=h(()=>{const t=a.value?.fun_module||e.value?.fun_module,n=a.value?.uni_fun_code||e.value?.uni_fun_code;return ee.includes(t)||[m.aiEffects].includes(t)&&n?.includes("image")}),ae=h(()=>M[(e.value!==null?e.value.id:0)%M.length]),te=h(()=>`https://images.media.io/ai-video-generator/user/avatar_${(e.value!==null?e.value.id:0)%M.length+1}.png`),q=h(()=>{if(!e.value)return"";if(a.value&&a.value.fun_module===m.image2video&&a.value?.uni_fun_code?.includes("refer"))return y("task_library.referenceToVideoResult");const t=e.value.fun_module;return t&&y(H[t])?y(H[t]):e.value.algorithm}),w=()=>{I().showTemplateDetailDialog(null)},oe=t=>{a.value?.info&&a.value.info.id===t.crcId&&(a.value.info.behavior_stat||(a.value.info.behavior_stat={}),a.value.info.behavior_extra||(a.value.info.behavior_extra={}),a.value.info.behavior_stat.is_liked=t.isLiked,a.value.info.behavior_extra.liked_count=t.likedCount,a.value.info.id,t.isLiked,t.likedCount),e.value&&e.value.id===t.crcId&&(e.value.behavior_stat||(e.value.behavior_stat={is_collected:!1,is_disliked:!1,is_liked:!1,is_used:!1}),e.value.behavior_extra||(e.value.behavior_extra={liked_count:0}),e.value.behavior_stat.is_liked=t.isLiked,e.value.behavior_extra.liked_count=t.likedCount,e.value?.id,t.isLiked,t.likedCount),typeof window<"u"&&(window.dispatchEvent(new CustomEvent("sample-like-changed",{detail:{sampleId:t.crcId,isLiked:t.isLiked,likedCount:t.likedCount}})),t.crcId,t.isLiked,t.likedCount)},C=h(()=>a.value?fe(a.value?.request_data?.prompt):""),ie=async()=>{await be(C.value||"",y("ai_video_generator.copy_success"))},A=async()=>{if(!e.value)return;const t=c.value?e.value.thumbnail:e.value.preview;if(B.trackHookClick({function_button_key:"template_popup_download",template_id:e.value?.id}),c.value)G(t,`${a.value?.info?.name??a.value?.fun_module}`);else try{const n=await we(a.value?.info?.id,Ce().isFree?1:2);G(n?.url,`${a.value?.info?.slug}`)}catch(n){console.error("下载视频模板失败:",n)}},le=()=>{e.value&&I().changeShowReportDialog(e.value)},se=()=>{b.value=performance.now()},ne=()=>{if(b.value){const t=Number((performance.now()-b.value).toFixed(2));Le(t),b.value=0}},re=t=>t.length>1?t.slice(0,1).toUpperCase()+t.slice(1):t,ue=t=>{const n=t?.replace("2","To").toLowerCase().replace("_",""),l=Ie,u=l.find(R=>n?.includes(R.toLowerCase())),S=t?.replace("2","").toLowerCase().replace(/_/g,""),j=l.find(R=>S.includes(R.toLowerCase()));return u||j||""},ce=()=>{if(!e.value)return;

1const n=ue(e.value?.fun_module);if(!n){if(e.value.fun_module===m.aiEffects){const S=f.resolve({name:E.EffectCreate+"___"+V.locale.value,query:{crcId:e.value.id}}),j=f.currentRoute.value.name?.includes("Zone");T("miai_creation_entry_trigger",{pworkflow:"core_process",trigger_type:"click",entry_type:e.value?.entry_type||L(),miai_unit_name:a.value?.name,miai_unit_code:a.value?.uni_fun_code,pfunction_display:"template",pfunction_type:"ai_generate",module:e.value?.entry_type||(j?"zonepage_zone_submission_feed":L()),pfunction:K[a.value?.fun_module],landing_url:window.location.origin+S.href,search_term:e.value?.search_term||"",thumbnail_url:e.value?.thumbnail||"",explore_template_id:e.value?.uni_fun_code||"",expose_position:e.value?.expose_position?e.value?.expose_position+1:1,crc_id:e.value?.id,template_search_algorithm_id:e.value?.template_search_algorithm_id||"",template_origin_entity:"mi"},!1,!1),Q({name:E.EffectCreate,query:{crcId:e.value.id}}),B.trackEffectTemplateClick({template_id:e.value?.id,model:e.value?.model,tpl_id:e.value?.uni_fun_code||"",model_type:c.value?"image":"video"})}w();return}I().clearUploadFile(),B.trackTemplateClick({template_id:e.value?.id,model:e.value?.model,video_type:re(n),tpl_id:e.value?.uni_fun_code||"",model_type:c.value?"image":"video"});const l=f.currentRoute.value.name?.includes("Zone");T(l?"miai_zone_module_click":"miai_explore_module_click",{module:e.value?.entry_type?e.value?.entry_type:l?"zonepage_zone_submission_feed":O(),object:l?"zone_submission_creation_detail":"explore_creation_detail",is_configurable:!1,object_id:a.value?.id,object_name:a.value?.name,object_slug:a.value?.slug,explore_slug_crc:l?"":a.value?.info?.categories?.[0]?.slug,object_media_type:c.value?"image":"video",uni_fun_code:a.value?.uni_fun_code});const u=f.resolve({name:n+"___"+V.locale.value,query:{crcId:e.value.id}});T("miai_creation_entry_trigger",{pworkflow:"core_process",trigger_type:"click",entry_type:e.value?.entry_type||(l?"zonepage_zone_submission_feed":L()),miai_unit_name:a.value?.name,miai_unit_code:a.value?.uni_fun_code,pfunction_display:"template",pfunction_type:"ai_generate",module:e.value?.entry_type||(l?"zonepage_zone_submission_feed":L()),pfunction:K[a.value?.fun_module],thumbnail_url:e.value?.thumbnail||"",landing_url:window.location.origin+u.href,search_term:e.value?.search_term||"",explore_template_id:e.value?.id||"",explore_slug_crc:l?"":a.value?.info?.categories?.[0]?.slug,module_slug:l?"":a.value?.info?.categories?.[0]?.slug,expose_position:e.value?.expose_position?e.value?.expose_position+1:1,crc_id:e.value?.id,template_search_algorithm_id:e.value?.template_search_algorithm_id||"",template_origin_entity:"mi",button:"go_create"},!1,!1),Q({name:n,query:{crcId:e.value?.id}}),w()};function O(){return W(X().name)===E.Home?"homepage_explore_feed":"explorepage_explore_feed"}function L(){return W(X().name)===E.Home?"homepage_explore_feed":"explorepage_explore_feed"}return _e(async()=>{if(e.value?.id,!e.value)return;a.value=await ge(e.value?.id).catch(()=>null);const t=JSON.parse(a.value?.info?.related_info?.ext?.custom_param?.uni_fun_code||"{}");a.value&&(a.value.fun_module=t?.fun_module,a.value.uni_fun_code=t?.uni_fun_code),N.value=a.value?.request_data?a.value?.request_data?.inputs?.filter(u=>u?.type==="image"&&u?.value):[],z.value=a.value?.request_data?a.value?.request_data?.inputs?.filter(u=>u?.type==="video"&&u?.value):[],k.value=!0,typeof window<"u"&&window.dispatchEvent(new CustomEvent("sample-like-changed",{detail:{sampleId:e.value?.id,isLiked:a.value?.info.behavior_stat?.is_liked,likedCount:a.value?.info.behavior_extra?.liked_count}}));const n=f.currentRoute.value.name?.includes("Zone"),l=JSON.parse(a.value?.extra_data||"{}");T("miai_template_preview_expose",{search_context:"explore",search_term:e.value?.search_term||"",expose_position:e.value?.expose_position?e.value?.expose_position+1:1,crc_id:e.value?.id,template_search_algorithm_id:e.value?.template_search_algorithm_id||"",template_origin_entity:"mi",thumbnail_url:e.value?.thumbnail||"",miai_unit_code:a.value?.uni_fun_code,explore_template_id:e.value?.id,cap_id:l?.distrib_info?.grain_id||"",explore_slug_crc:n?""

1:a.value?.info?.categories?.[0]?.slug,zone_slug_crc:n?a.value?.info?.categories?.[0]?.slug:"",module:e.value?.entry_type?e.value?.entry_type:n?"zonepage_zone_submission_feed":O(),module_slug:a.value?.info?.categories?.[0]?.slug||""})}),(t,n)=>(s(),r("div",{class:"detail-dialog-bg",onClick:F(w,["self"])},[i("div",je,[i("div",{class:"w-6 h-6 cursor-pointer absolute right-2 top-2 flex items-center justify-center bg-close-btn",onClick:F(w,["stop"])},[d(o(x),{name:"modal_close",width:"16",height:"16"})]),i("div",Re,[i("div",$e,[i("div",De,[o(a)?.info?.behavior_extra?(s(),$(Ne,{key:0,class:"bg-[--color-text-static-black-tertiary] h-[36px] px-[8px] rounded-[24px]","show-number":!0,module:"popup_work_preview",number:o(a)?.info?.behavior_extra?.liked_count,"crc-id":o(a)?.info?.id,"is-liked":o(a)?.info?.behavior_stat?.is_liked,onLikeChange:oe},null,8,["number","crc-id","is-liked"])):_("",!0),i("div",{class:"btn-item bg-[--color-text-static-black-tertiary] rounded-full",onClick:A},[d(o(x),{name:"ai-video-generator/icon20_download",width:"20",height:"20"})]),d(ze,{id:o(e)?.id||0,"i-class":"bg-[--color-text-static-black-tertiary] rounded-full","is-dialog":"",onDownload:A,onReport:le},null,8,["id"])]),o(c)?(s(),r("img",{key:0,class:"w-full h-full rounded-[12px] object-contain cursor-zoom-in",src:o(he)(o(v)(o(e)?.thumbnail||""),0,0,100),alt:"thumbnail",preview:""},null,8,Me)):(s(),$(xe,{key:o(e)?.id,class:"style-video rounded-[12px] overflow-hidden",vclass:"!object-contain",src:o(e)?.preview,"show-control":!0,"auto-play":!0,onCanplay:ne,onLoadstart:se},null,8,["src"]))]),i("div",Be,[i("div",Ve,[i("img",{src:o(e)?.author_extra?.avatar||o(te),alt:"avatar",class:"w-6 h-6 rounded-full",preview:""},null,8,qe),i("span",Ae,p(o(e)?.author_extra?.nick_name||o(ae)),1)]),i("div",Oe,[o(k)?(s(),r("div",Fe,[d(o(x),{name:"ai-video-generator/icon8_algo",width:"8",height:"8",class:P(o(c)?"text-[color:--color-alert-success-primary]":"text-[color:--color-alert-info-primary]")},null,8,["class"]),o(q)?(s(),r("span",{key:0,class:P(["text-algorithm",{"text-[--color-alert-success-primary]":o(c),"text-[--color-alert-info-primary]":!o(c)}])},p(t.$t(o(q))),3)):_("",!0)])):(s(),r("div",Pe)),o(N)?.length?(s(),r("div",Ze,[i("div",Ue,p(t.$t("ai_video_generator.original_image")),1),o(k)?(s(),r("div",He,[(s(!0),r(Z,null,U(o(N),(l,u)=>(s(),r("div",{key:u,class:"hover-overlay"},[i("img",{src:o(v)(l?.value),alt:"original-image",class:"h-[64px] object-contain rounded-[6px] cursor-zoom-in",preview:""},null,8,Je)]))),128))])):(s(),r("div",Ge,[d(o(J),{class:"w-[20px] h-[20px]"})]))])):_("",!0),o(z)?.length?(s(),r("div",Ke,[i("div",Qe,p(t.$t("task_library.OriginalVideo")),1),o(k)?(s(),r("div",We,[(s(!0),r(Z,null,U(o(z),(l,u)=>(s(),r("div",{key:u,class:"hover-overlay"},[!o(Y)&&o(v)(l?.value)!=null&&o(v)(l?.value)!==""?(s(),$(o(ye),{key:0,placement:"bottom-start",class:"text-left !ml-0 z-[999] !rounded-[16px]"},{content:D(()=>[i("div",Xe,[i("video",{src:o(v)(l?.value),class:"h-[200px] object-contain",alt:"thumbnail",autoplay:"",muted:"",loop:""},null,8,Ye)])]),default:D(()=>[i("video",{src:o(v)(l?.value),alt:"original-video",class:"h-[64px] object-contain rounded-[6px]"},null,8,ea)]),_:2},1024)):_("",!0)]))),128))])):(s(),r("div",aa,[d(o(J),{class:"w-[20px] h-[20px]"})]))])):_("",!0),o(C)?(s(),r("div",ta,[i("div",oa,p(t.$t("ai_video_generator.setting_prompt")),1),d(o(x),{name:"ai-video-generator/copy",width:20,height:20,class:"ml-[2px] cursor-pointer text-[--color-text-dynamic-white-tertiary] hover:text-[--color-text-dynamic-white-secondary]",onClick:ie})])):_("",!0),o(C)?(s(),r("div",ia,p(o(C)),1)):_("",!0)]),i("div",la,[d(o(ke),{class:"w-[193px] h-[40px]",onClick:ce},{default:D(()=>[i("div",sa,[d(o(x),{name:"ai-video-generator/icon20_credits_star",size:"20",class:"text-[--button-primary-icon-default]"}),i("span",na,p(o(c)?t.$t("ai_video_generator.create_similar_image"):t.$t("ai_video_generator.create_similar_video")),1)])]),_:1})])])])])]))}}),ha=Object.assign(Te(ra,[["__scopeId","data-v-66cea952"]]),{__name:"ExploreListSampleDetailDialog"});export{ha as default};