You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
49 KiB
2 lines
49 KiB
import{h as Qe,i as Xe,R as pe,A as Je,j as ne,a as Ze,k as ea,l as aa,m as ta,n as sa,p as ra,q as ca,r as ia,s as na,t as la,v as oa,w as _a,_ as da,x as ga,y as ha,z as pa,B as ma,C as ua,D as fa,E as Ca,F as ba,G as xa,H as va,I as Na,J as ya,K as ja,L as wa,M as Ra,N as ka,O as Sa,P as Ma,Q as Ta,S as Aa,T as Ia,U as La,V as Ea,W as Pa,X as Da,Y as Ua,Z as $a,$ as Fa,a0 as Ba,a1 as Oa,a2 as za,a3 as Va,a4 as Ha,a5 as Wa,a6 as Ga,a7 as Ya,a8 as Ka,a9 as qa,aa as Qa,ab as Xa,ac as Ja,ad as Za,ae as et,af as at,ag as tt,ah as st,ai as rt,aj as ct,ak as it,al as nt,am as lt,an as ot,ao as _t,ap as dt,aq as gt,ar as ht,as as pt,at as mt,au as ut,av as ft,aw as Ct,ax as bt,ay as xt,az as vt,aA as Nt,aB as yt,aC as jt,aD as Ie,aE as Le,aF as wt,aG as Rt,aH as kt,aI as St,aJ as Mt,aK as Tt,aL as At,aM as It,aN as Lt,aO as Et,aP as Pt,aQ as Dt,aR as Ut,aS as $t,aT as Ft,aU as Bt,aV as Ot,aW as zt,aX as Vt,aY as Ht,aZ as Wt,a_ as Gt,a$ as Ee}from"./index-DSZ4TxXA.js";import{j as e}from"./markdown-vendor-BZI_VWzW.js";import{u as Fe,r as t}from"./data-vendor-BOGugMqL.js";import{c as Yt}from"./imageDragTransfer-DvFDfKg6.js";import{a as Kt}from"./react-vendor-wlKWdfEb.js";import{M as T,E as qt,I as Qt,D as Pe}from"./arco-vendor-CAnKnMnO.js";const Xt=new URL("/assets/ic_checkbox_agreement_off-DYbDLFis.png",import.meta.url).href,Jt=new URL("/assets/ic_checkbox_agreement_on-CfQo_XPS.png",import.meta.url).href;function Zt(s){const d=s?.createTime;if(d==null||d==="")return"";const f=Number(d),R=Number.isFinite(f)?String(d).length===10?f*1e3:f:Number.NaN,N=Number.isFinite(R)?new Date(R):new Date(String(d));if(Number.isNaN(N.getTime()))return"";const l=N.getFullYear(),S=`${N.getMonth()+1}`.padStart(2,"0"),g=`${N.getDate()}`.padStart(2,"0"),M=`${N.getHours()}`.padStart(2,"0"),E=`${N.getMinutes()}`.padStart(2,"0");return`${l}-${S}-${g} ${M}:${E}`}function es({visible:s,taskList:d,initialTaskId:f,onClose:R,onCreated:N}){const{t:l}=Fe(),S=Kt(),[g,M]=t.useState(null),[E,O]=t.useState(g?.resultList?.[0]?.images?.[0]??""),[p,z]=t.useState(g?.resultList?.[0]?.images?.[0]??""),[A,I]=t.useState(""),[W,G]=t.useState(""),[Y,k]=t.useState(""),[x,v]=t.useState(!1),[F,J]=t.useState(!1),[V,q]=t.useState(!1),B=t.useRef(null),ae=Qe(),P=g?.userCreatedCharacter,m=Number(P?.id)>0;t.useEffect(()=>{s||(M(null),O(""),z(""),I(""),G(""),k(""),v(!1),J(!1),q(!1))},[s]),t.useEffect(()=>{if(s){if(f){const o=d.find(j=>String(j.id)===String(f));if(o){M(o);return}}M(d[0]??null)}},[s,f,d]),t.useEffect(()=>{if(!s||!g)return;if(!d.some(u=>String(u.id)===String(g.id))){M(d[0]??null);return}const j=d.find(u=>String(u.id)===String(g.id));j&&j!==g&&M(j)},[s,d,g]),t.useEffect(()=>{const o=m?P?.avatar??"":g?.resultList?.[0]?.images?.[0]??"";I(""),z(o),O(o),G(m?P?.characterName??"":""),k(m?P?.description??"":"")},[g,m,P?.avatar,P?.characterName,P?.description]);const h=t.useCallback(()=>{if(!p)return;const o=p.split("#")[0];I(`${o}#crop=${Date.now()}`)},[p]),U=t.useCallback(async()=>{if(m){T.warning(l("pages.charactersCreate.createRoleModal.alreadyCreated"));return}if(!E){T.warning(l("pages.charactersCreate.createRoleModal.uploadAvatarFirst"));return}if(!W.trim()){T.warning(l("pages.charactersCreate.createRoleModal.inputName"));return}if(!Y.trim()){T.warning(l("pages.charactersCreate.createRoleModal.inputDescription"));return}if(!F){T.warning(l("pages.charactersCreate.createRoleModal.agreementRequired"));return}if(!g?.id){T.warning(l("pages.charactersCreate.createRoleModal.taskNotFound"));return}q(!0);try{await Xe({taskId:g.id,avatar:E,characterName:W,description:Y,isPublic:x}),T.success(l("pages.charactersCreate.createRoleModal.createSuccess")),N?.(String(g.id)),R(),S(pe.CHARACTERS)}catch{T.error(l("pages.charactersCreate.createRoleModal.createFailed"))}finally{q(!1)}},[g?.id,F,E,W,Y,m,x,S,R,N,l]);if(!s)return null;const n=o=>{const j=B.current;if(!j)return;const u=o==="left"?-121:121;j.scrollBy({left:u,behavior:"smooth"})};return e.jsxs("div",{className:"charactersCreateRoleModal",children:[e.jsx("div",{className:"charactersCreateRoleModal__mask",onClick:R}),e.jsxs("div",{className:"charactersCreateRoleModal__container",role:"dialog","aria-modal":"true","aria-label":l("pages.charactersCreate.createRoleModal.dialogAria"),children:[e.jsxs("section",{className:"charactersCreateRoleModal__previewSection",children:[e.jsx("div",{className:"charactersCreateRoleModal__previewMain",children:g?.resultList?.[0]?.images?.[0]?e.jsx("img",{alt:"",className:"charactersCreateRoleModal__previewMainImage",src:g.resultList[0].images[0]}):null}),e.jsxs("div",{className:"charactersCreateRoleModal__thumbSection",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__thumbArrow ",onClick:()=>n("left"),style:{transform:"rotate(180deg)"},children:e.jsx("img",{alt:"",src:new URL("/assets/ic_arrow_right_gray-DM6GPP4g.png",import.meta.url).href})}),e.jsx("div",{ref:B,className:"charactersCreateRoleModal__thumbList",children:d.map((o,j)=>{const u=String(o.id??j),w=o.resultList[0]?.images?.[0]??"",D=String(o.id)===String(g?.id);return e.jsxs("button",{type:"button",className:`charactersCreateRoleModal__thumbItem${D?" charactersCreateRoleModal__thumbItem_active":""}`,onClick:()=>{M(o)},children:[w?e.jsx("img",{alt:"",className:"charactersCreateRoleModal__thumbImage",src:w}):null,D?null:e.jsx("span",{className:"charactersCreateRoleModal__thumbMask"})]},u)})}),e.jsx("button",{type:"button",className:"charactersCreateRoleModal__thumbArrow ",onClick:()=>n("right"),children:e.jsx("img",{alt:"",src:new URL("/assets/ic_arrow_right_gray-DM6GPP4g.png",import.meta.url).href})})]})]}),e.jsxs("section",{className:"charactersCreateRoleModal__formSection",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__close","aria-label":l("button.close"),onClick:R,children:e.jsx("img",{alt:"",src:new URL("/assets/ic_close-C0Ltcj9g.png",import.meta.url).href})}),e.jsxs("div",{className:"charactersCreateRoleModal__formScrollArea",children:[e.jsx("div",{className:"charactersCreateRoleModal__avatarAdd",children:E?e.jsx("button",{type:"button",className:"charactersCreateRoleModal__preview",children:e.jsx("img",{alt:"",className:"charactersCreateRoleModal__previewImage",src:E})}):e.jsx("img",{alt:"",className:"charactersCreateRoleModal__avatarAddImage",src:new URL("/assets/ic_avatar_add-DSbJ8ACW.png",import.meta.url).href})}),e.jsx("div",{className:"charactersCreateRoleModal__avatarUpdate",children:e.jsx("button",{type:"button",className:"charactersCreateRoleModal__avatarUpdateBtn",onClick:h,disabled:m,children:"修改头像"})}),e.jsxs("div",{className:"charactersCreateRoleModal__formBody",children:[e.jsxs("div",{className:"charactersCreateRoleModal__fieldRow",children:[e.jsx("label",{className:"charactersCreateRoleModal__fieldLabel",children:l("character_detail.name_label")}),e.jsx("input",{className:"charactersCreateRoleModal__nameInput",value:W,onChange:o=>G(o.target.value),placeholder:l("pages.charactersCreate.createRoleModal.required"),disabled:m})]}),e.jsxs("div",{className:"charactersCreateRoleModal__fieldBlock",children:[e.jsx("label",{className:"charactersCreateRoleModal__fieldLabel",children:l("pages.charactersCreate.createRoleModal.descriptionLabel")}),e.jsx("textarea",{className:"charactersCreateRoleModal__introInput",value:Y,onChange:o=>k(o.target.value),placeholder:l("pages.charactersCreate.createRoleModal.descriptionPlaceholder"),disabled:m})]}),e.jsxs("div",{className:"charactersCreateRoleModal__toggleRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:l("pages.charactersCreate.createRoleModal.publicDisplay")}),e.jsxs("button",{type:"button",className:`charactersCreateRoleModal__toggle${x?" charactersCreateRoleModal__toggle_on":""}`,onClick:()=>v(o=>!o),"aria-label":l("pages.charactersCreate.createRoleModal.publicDisplaySwitchAria"),"aria-pressed":x,children:[e.jsx("span",{className:"charactersCreateRoleModal__toggleKnob"}),e.jsx("span",{className:"charactersCreateRoleModal__toggleText",children:x?"ON":"OFF"})]})]}),e.jsxs("div",{className:"charactersCreateRoleModal__infoGroup",children:[e.jsxs("div",{className:"charactersCreateRoleModal__promptBlock",children:[e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:l("pages.assetDetails.promptLabel")}),e.jsx("p",{className:"charactersCreateRoleModal__promptText",children:g?.chatPrompt??""}),e.jsx("img",{alt:"",className:"charactersCreateRoleModal__promptCopyIcon",src:new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAABWUlEQVRYhe3YsS8DURzA8U8FiYSGxGCRzkwYROwWU0mMwtQY+5dgbgi7wcR/YDUYLDWIwSQiBoNKa+g1qtreta5VyX2Tl/fu3e/37nuXd5f3LlWpVAwSQ38t0EgiFMbACQ036ywUCvWH4yhiJuZrZ3K53EMkoQamA5kSHmMQSWMKk+hKqMYtFmIQyuOg1cn/MYdwjsWGmHncRxy3iC28xCWUbdI3gkzEcTO4wBre4hCC1w4E6rnBLFZxpnpzpTiEKrp45CgH9RPWcYydYLxQejmps3jGNvajJvVS6BITQTuPvShJvRC6Duq06otQYyVKci+ENpGqKxudJA/chzERCiMRCiMRCqOTBdpvWcahr2VNU/opNBeUGk1XAP0UusJR0H5XXcT9oJ9CdzgNC2onNIrdGESWOgluJzSGk9+5fOMjSlAroYzqvikuyiJuEFLJ75gQEqEwBk7oE5CnMiGC6jI6AAAAAElFTkSuQmCC",import.meta.url).href,onClick:()=>void ae(g?.chatPrompt)})]}),e.jsx("div",{className:"charactersCreateRoleModal__materialsBlock",children:e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:l("pages.assetDetails.useMaterial")})}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:l("pages.assetDetails.model")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:g?.aiModelName??""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:l("pages.assetDetails.ratio")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:g?.aspectRatio??""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:l("pages.assetDetails.size")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:g?.width&&g?.height?`${g.width}x${g.height}`:""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:l("pages.charactersCreate.createRoleModal.createDate")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:Zt(g)})]})]})]})]}),e.jsxs("div",{className:"charactersCreateRoleModal__footer",children:[e.jsxs("div",{className:"charactersCreateRoleModal__agreement",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__agreementCheckbox","aria-label":l("pages.charactersCreate.createRoleModal.agreeTermsAria"),"aria-checked":F,onClick:()=>J(o=>!o),children:e.jsx("img",{alt:"",className:"charactersCreateRoleModal__agreementCheckboxIcon",src:F?Jt:Xt})}),e.jsxs("p",{className:"charactersCreateRoleModal__agreementText",children:[l("pages.charactersCreate.createRoleModal.uploadMeansAgree"),e.jsx("a",{href:pe.LEGAL+"#user-agreement",target:"_blank",rel:"noreferrer",children:l("app.user_terms")}),l("auth.agreement_sub2"),e.jsx("a",{href:pe.LEGAL+"#privacy-policy",target:"_blank",rel:"noreferrer",children:l("app.privacy_policy")})]})]}),e.jsx("button",{type:"button",className:"charactersCreateRoleModal__submitBtn",onClick:()=>{if(m){T.warning(l("pages.charactersCreate.createRoleModal.alreadyCreated"));return}U()},disabled:V,"aria-disabled":m||V,style:m?{opacity:.5,cursor:"not-allowed"}:void 0,children:l("pages.charactersCreate.createRole")})]})]})]}),e.jsx(Je,{image:A,onUploaded:o=>{O(o),I("")},onClose:()=>I("")})]})}function as({visible:s,steps:d,currentStep:f,showSkip:R=!0,showStepIndicator:N=!0,maskOpacity:l=.5,onClose:S,onStepChange:g,onComplete:M}){const[E,O]=t.useState(f??0),[p,z]=t.useState(null),[A,I]=t.useState(null),[W,G]=t.useState({}),Y=t.useRef(null),k=t.useRef(null),x=f!==void 0?f:E,v=d[x],F=()=>{if(!v?.target){z(null),I(null);return}let m=null;if(typeof v.target=="string"?m=document.querySelector(v.target):v.target instanceof HTMLElement&&(m=v.target),!m){z(null),I(null);return}const h=m.getBoundingClientRect();z(h);const U=v.placement||"bottom",n=v.offset||[0,0],o=k.current?.offsetWidth||400,j=k.current?.offsetHeight||200;let u=0,w=0;switch(U){case"top":u=h.top-j-20+n[1],w=h.left+(h.width-o)/2+n[0];break;case"top-left":u=h.top-j-20+n[1],w=h.left+n[0];break;case"top-right":u=h.top-j-20+n[1],w=h.right-o+n[0];break;case"bottom":u=h.bottom+20+n[1],w=h.left+(h.width-o)/2+n[0];break;case"bottom-left":u=h.bottom+20+n[1],w=h.left+n[0];break;case"bottom-right":u=h.bottom+20+n[1],w=h.right-o+n[0];break;case"left":u=h.top+(h.height-j)/2+n[1],w=h.left-o-20+n[0];break;case"left-top":u=h.top+n[1],w=h.left-o-20+n[0];break;case"left-bottom":u=h.bottom-j+n[1],w=h.left-o-20+n[0];break;case"right":u=h.top+(h.height-j)/2+n[1],w=h.right+20+n[0];break;case"right-top":u=h.top+n[1],w=h.right+20+n[0];break;case"right-bottom":u=h.bottom-j+n[1],w=h.right+20+n[0];break;case"center":u=window.innerHeight/2-j/2+n[1],w=window.innerWidth/2-o/2+n[0];break}const D=20;u<D&&(u=D),u+j>window.innerHeight-D&&(u=window.innerHeight-j-D),w<D&&(w=D),w+o>window.innerWidth-D&&(w=window.innerWidth-o-D),I({top:u,left:w});const me=J(U,o,j);G(me)},J=(m,h,U)=>{const n={position:"absolute",width:"0",height:"0",borderStyle:"solid"};switch(m){case"top":return{...n,bottom:"-6px",left:`${h/2}px`,transform:"translateX(-50%)",borderWidth:"6px 6px 0",borderColor:"#ffffff transparent transparent"};case"top-left":return{...n,bottom:"-6px",left:"24px",borderWidth:"6px 6px 0",borderColor:"#ffffff transparent transparent"};case"top-right":return{...n,bottom:"-6px",right:"24px",borderWidth:"6px 6px 0",borderColor:"#ffffff transparent transparent"};case"bottom":return{...n,top:"-6px",left:`${h/2}px`,transform:"translateX(-50%)",borderWidth:"0 6px 6px",borderColor:"transparent transparent #ffffff"};case"bottom-left":return{...n,top:"-6px",left:"24px",borderWidth:"0 6px 6px",borderColor:"transparent transparent #ffffff"};case"bottom-right":return{...n,top:"-6px",right:"24px",borderWidth:"0 6px 6px",borderColor:"transparent transparent #ffffff"};case"left":return{...n,right:"-6px",top:`${U/2}px`,transform:"translateY(-50%)",borderWidth:"6px 0 6px 6px",borderColor:"transparent transparent transparent #ffffff"};case"left-top":return{...n,right:"-6px",top:"24px",borderWidth:"6px 0 6px 6px",borderColor:"transparent transparent transparent #ffffff"};case"left-bottom":return{...n,right:"-6px",bottom:"24px",borderWidth:"6px 0 6px 6px",borderColor:"transparent transparent transparent #ffffff"};case"right":return{...n,left:"-6px",top:`${U/2}px`,transform:"translateY(-50%)",borderWidth:"6px 6px 6px 0",borderColor:"transparent #ffffff transparent transparent"};case"right-top":return{...n,left:"-6px",top:"24px",borderWidth:"6px 6px 6px 0",borderColor:"transparent #ffffff transparent transparent"};case"right-bottom":return{...n,left:"-6px",bottom:"24px",borderWidth:"6px 6px 6px 0",borderColor:"transparent #ffffff transparent transparent"};default:return{display:"none"}}},V=m=>{m<0||m>=d.length||(f===void 0&&O(m),g?.(m))},q=()=>{x<d.length-1?V(x+1):P()},B=()=>{x>0&&V(x-1)},ae=()=>{M?.(),S?.()},P=()=>{M?.(),S?.()};return t.useEffect(()=>{if(!s||!v)return;F();const m=()=>{F()},h=()=>{F()};window.addEventListener("resize",m),window.addEventListener("scroll",h,!0);let U=null;if(v.target){let o=null;typeof v.target=="string"?o=document.querySelector(v.target):v.target instanceof HTMLElement&&(o=v.target),o&&(U=new MutationObserver(()=>{F()}),U.observe(o,{attributes:!0,attributeFilter:["style","class"],childList:!0,subtree:!0}))}const n=setTimeout(F,100);return()=>{window.removeEventListener("resize",m),window.removeEventListener("scroll",h,!0),U?.disconnect(),clearTimeout(n)}},[s,x,v]),!s||!v?null:e.jsxs("div",{className:"user-guide",children:[e.jsx("div",{ref:Y,className:"user-guide__mask",onClick:m=>{m.stopPropagation()},children:p?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"user-guide__mask-part",style:{position:"absolute",top:0,left:0,right:0,height:`${p.top}px`,backgroundColor:`rgba(0, 0, 0, ${l})`}}),e.jsx("div",{className:"user-guide__mask-part",style:{position:"absolute",top:`${p.bottom}px`,left:0,right:0,bottom:0,backgroundColor:`rgba(0, 0, 0, ${l})`}}),e.jsx("div",{className:"user-guide__mask-part",style:{position:"absolute",top:`${p.top}px`,left:0,width:`${p.left}px`,height:`${p.height}px`,backgroundColor:`rgba(0, 0, 0, ${l})`}}),e.jsx("div",{className:"user-guide__mask-part",style:{position:"absolute",top:`${p.top}px`,left:`${p.right}px`,right:0,height:`${p.height}px`,backgroundColor:`rgba(0, 0, 0, ${l})`}}),e.jsx("div",{className:"user-guide__highlight",style:{position:"absolute",top:`${p.top-4}px`,left:`${p.left-4}px`,width:`${p.width+8}px`,height:`${p.height+8}px`,borderRadius:"8px"}})]}):e.jsx("div",{className:"user-guide__mask-part",style:{position:"absolute",inset:0,backgroundColor:`rgba(0, 0, 0, ${l})`}})}),A&&e.jsxs("div",{ref:k,className:"user-guide__card",style:{top:`${A.top}px`,left:`${A.left}px`},children:[e.jsx("div",{style:W}),e.jsxs("div",{className:"user-guide__card-content",children:[e.jsx("div",{className:"user-guide__card-title",children:v.title}),e.jsx("div",{className:"user-guide__card-body",children:typeof v.content=="string"?e.jsx("div",{className:"user-guide__card-text",children:v.content}):v.content})]}),e.jsxs("div",{className:"user-guide__card-footer",children:[e.jsxs("div",{className:"user-guide__footer-left",children:[N&&e.jsxs("span",{className:"user-guide__step-indicator",children:[x+1,"/",d.length]}),R&&e.jsx("span",{className:"user-guide__skip-text",onClick:ae,children:"跳过"})]}),e.jsxs("div",{className:"user-guide__footer-right",children:[x>0&&e.jsx("button",{className:"user-guide__btn user-guide__btn--prev",onClick:B,children:"上一步"}),e.jsx("button",{className:"user-guide__btn user-guide__btn--next",onClick:q,children:x<d.length-1?"下一步":"完成"})]})]})]})]})}function ts(s){const{steps:d,storageKey:f="user-guide-completed",delay:R=500,autoShow:N=!0}=s,[l,S]=t.useState(!1),[g,M]=t.useState(0),[E,O]=t.useState(!1);t.useEffect(()=>{if(typeof window>"u")return;const k=localStorage.getItem(f);O(!!k)},[f]),t.useEffect(()=>{if(!N||E)return;const k=setTimeout(()=>{S(!0)},R);return()=>clearTimeout(k)},[N,E,R]);const p=t.useCallback(()=>{M(0),S(!0)},[]),z=t.useCallback(()=>{S(!1)},[]),A=t.useCallback(k=>{k>=0&&k<d.length&&M(k)},[d.length]),I=t.useCallback(()=>{g<d.length-1&&M(k=>k+1)},[g,d.length]),W=t.useCallback(()=>{g>0&&M(k=>k-1)},[g]),G=t.useCallback(()=>{typeof window<"u"&&localStorage.setItem(f,"true"),O(!0),S(!1)},[f]),Y=t.useCallback(()=>{typeof window<"u"&&localStorage.removeItem(f),O(!1),M(0)},[f]);return{visible:l,currentStep:g,show:p,hide:z,goToStep:A,nextStep:I,prevStep:W,complete:G,reset:Y,steps:d,isCompleted:E}}const ss=[{key:"batchSize",name:"batchSize",options:[{value:1,label:"1",factor:1},{value:2,label:"2",factor:2},{value:3,label:"3",factor:3},{value:4,label:"4",factor:4}]}],rs=new Set(["ratio"]),cs=[{ratio:"21:9",width:1680,height:720},{ratio:"16:9",width:1280,height:720},{ratio:"3:2",width:1080,height:720},{ratio:"4:3",width:960,height:720},{ratio:"1:1",width:960,height:960},{ratio:"3:4",width:720,height:960},{ratio:"2:3",width:720,height:1080},{ratio:"9:16",width:720,height:1280}],De="popiart.charactersCreate.aiExpand",Ue="popiart.charactersCreate.expandLang",X=5,is=3e3,ns=24,le=12;function ls(s){if(typeof s!="string"||s.trim()==="")return{};try{return JSON.parse(s)}catch{return{}}}function os(s,d){const f=d?.width,R=d?.height;if(typeof f!="number"||typeof R!="number"||!Number.isFinite(f)||!Number.isFinite(R))return{};const N=s==="2K";return{width:N?f*2:f,height:N?R*2:R}}function _s(s){const d=s;return d?.data?.list??d?.list??[]}function $e(s,d){return rs.has(s.trim().toLowerCase())?!0:(d??"").trim().toLowerCase()==="ratio"}function ds(s){if(!s)return null;const d=cs.find(g=>g.ratio===s);if(d)return d;const[f,R]=s.split(":"),N=Number(f),l=Number(R);if(!Number.isFinite(N)||!Number.isFinite(l)||N<=0||l<=0)return null;const S=720;return N>=l?{ratio:s,width:Math.round(N/l*S),height:S}:{ratio:s,width:S,height:Math.round(l/N*S)}}function H(s){const d=s?.id??s?.taskId;return d==null||d===""?null:String(d)}function bs(){const{t:s}=Fe(),[d,f]=t.useState([]),[R,N]=t.useState([]),[l,S]=t.useState([]),[g,M]=t.useState(null),[E,O]=t.useState([]),[p,z]=t.useState(null),[A,I]=t.useState({}),[W,G]=t.useState(!1),[Y,k]=t.useState(!1),[x,v]=t.useState([]),[F,J]=t.useState([]),[V,q]=t.useState(""),[B,ae]=t.useState(()=>{if(typeof window>"u")return!1;try{return localStorage.getItem(De)==="1"}catch{return!1}}),[P,m]=t.useState(()=>{if(typeof window>"u")return"ZH";try{const a=localStorage.getItem(Ue);if(a==="EN"||a==="ZH")return a}catch{}return"ZH"}),[h,U]=t.useState({}),[n,o]=t.useState([]),[j,u]=t.useState(1),[w,D]=t.useState(!0),[me,ue]=t.useState(!1),[oe,fe]=t.useState(!1),[Ce,be]=t.useState(le),[xe,_e]=t.useState(!1),[gs,ve]=t.useState(null),Q=t.useMemo(()=>Yt({maxCacheCount:32,maxWarmupPerCall:ns,disableCanvasPreview:!0,enableCanvasWarmup:!1}),[]),Ne=t.useRef(null),ye=t.useRef(null),re=t.useRef(!1),te=t.useRef(!0),ce=t.useRef(1),je=t.useRef(0),Z=ts({steps:[{target:".charactersCreate__left",title:"角色风格库",content:"点选一个角色头像，就能决定这次生成的画风（比如美漫爱丽丝/韩漫叮叮/Q版叮叮）",placement:"right-top",offset:[0,0]},{target:".charactersCreate__left",title:"查看更多",content:"想换更多画风？点「查看更多」展开更多风格。",placement:"right-bottom"},{target:".charactersCreate__composerPanel",title:"图片上传区（「+」）",content:"点击「+」上传照片/参考图。上传后会按你的图片来转风格，或让生成更贴近参考",placement:"left",offset:[0,0]},{target:".charactersCreate__composerPanel",title:"描述输入框",content:"在这里用一句话说明你想要的角色可以写：外观、发型、服装、表情、动作、背景等米描述越清楚越好",placement:"top",offset:[0,0]},{target:".charactersCreate__taskPreview",title:"画布（工作区）",content:"生成出来的图片会显示在这里你可以先选风格，或先上传照片，再开始生成",placement:"bottom",offset:[0,0]},{target:".charactersCreate__right",title:"真人转动漫",content:"点「使用」上传真人照片，一键变成动漫风角色",placement:"left-top",offset:[300,300]},{target:".charactersCreate__svc--diy",title:"DIY角色素材库",content:"从「面容 / 发型 / 配饰 / 服装」里挑选搭配，快速拼出更符合设定的角色",placement:"left",offset:[0,0]},{target:".charactersCreate__createGlobal",title:"创建角色",content:"设定满意后点「创建角色」，把角色保存到你的资产里，之后可以继续使用",placement:"left-bottom",offset:[0,0]}],storageKey:"popiart.charactersCreate.guide",delay:1e3,autoShow:!0}),de=t.useMemo(()=>new Set(F),[F]),we=t.useCallback(a=>{const r=a?.id;if(r==null)return;const c=String(r),i=de.has(c);if(!i&&x.length>=X){T.warning(s("composer.maxUploadReached",{max:X}));return}J(C=>i?C.filter(y=>y!==c):[...C,c]);const _={type:"character",id:a?.id,threeViewImage:String(a?.threeViewImage??""),avatar:a?.avatar};v(C=>{const y=C.findIndex(b=>typeof b=="object"&&b.type==="character"&&String(b.id)===c);return y>=0?C.filter((b,L)=>L!==y):[...C,_]})},[x.length,de,s]),Re=t.useCallback(a=>{v(r=>{const c=[...r,String(a.url??"")];return c.length>X?c.slice(0,X):c})},[]),Be=t.useCallback((a,r,c)=>{Q.startImageDrag({evt:a,dragUrl:r,previewUrl:c??r})},[Q]),ie=t.useCallback(async()=>{try{const r=await ne({page:1,pageSize:5,type:1,subType:106,status_min:0}),c=Array.isArray(r?.data?.list)?r.data.list:[];o(c),u(1),ce.current=1,D(c.length>=5),te.current=c.length>=5}catch{o([]),u(1),ce.current=1,D(!1),te.current=!1}},[]),ke=t.useCallback(async()=>{if(re.current||!te.current)return;const a=ce.current+1,r=5;re.current=!0,ue(!0);const c=++je.current;try{const i=await ne({page:a,pageSize:r,type:1,subType:106,status_min:0}),_=Array.isArray(i?.data?.list)?i.data.list:[];if(o(y=>{if(_.length===0)return y;const b=new Set(y.map($=>H($)).filter($=>!!$)),L=_.filter($=>{const ee=H($);return ee?b.has(ee)?!1:(b.add(ee),!0):!0});return[...y,...L]}),c!==je.current)return;u(a),ce.current=a;const C=_.length>=r;D(C),te.current=C}catch{}finally{re.current=!1,ue(!1)}},[]);t.useEffect(()=>{let a=!1;return Ze({type:1,page:1,pageSize:120}).then(r=>{a||f(r?.data?.list??[])}).catch(()=>{a||f([])}),()=>{a=!0}},[]),t.useEffect(()=>{const a=d.flatMap(c=>[c?.avatar,c?.threeViewImage??c?.threeView]).filter(c=>typeof c=="string"&&c.trim()!=="");if(a.length===0)return;if("requestIdleCallback"in window){window.requestIdleCallback(()=>{Q.warmupPreviewImages(a)},{timeout:1e3});return}const r=setTimeout(()=>{Q.warmupPreviewImages(a)},0);return()=>{clearTimeout(r)}},[d,Q]),t.useEffect(()=>()=>{Q.dispose()},[Q]),t.useEffect(()=>{(async()=>await ie())()},[ie]),t.useEffect(()=>{let a=!1;return ea().then(r=>{a||N(_s(r))}).catch(()=>{a||N([])}),()=>{a=!0}},[]),t.useEffect(()=>{let a=!1;return aa({code:"characterCreate-personToAnime"}).then(r=>{a||U(r?.data??{})}).catch(()=>{a||U({})}),()=>{a=!0}},[]),t.useEffect(()=>{ta().then(a=>{const r=a.data?.list?[...a.data?.list].filter(c=>c.taskSubType===106):[];S(r)}).catch(()=>{S([])})},[]),t.useEffect(()=>{l.length!==0&&M(a=>a!=null&&l.some(r=>r.taskSubType===a)?a:l[0].taskSubType)},[l]),t.useEffect(()=>{if(g==null)return;let a=!1;return sa({subType:g}).then(r=>{if(a)return;const i=(Array.isArray(r?.data)?r.data:[]).map(_=>({..._,displayDimensions:ls(_?.displayDimensions)}));O(i),z(i[0]??null),I({})}).catch(()=>{a||(O([]),z(null),I({}))}),()=>{a=!0}},[g]);const K=t.useMemo(()=>{const a=p?.displayDimensions?.dimensions??{};return[...Object.entries(a).filter(([,c])=>Array.isArray(c?.options)&&(c?.options?.length??0)>0).map(([c,i])=>({key:c,name:i?.name??c,options:i?.options??[]})),...ss]},[p]);t.useEffect(()=>{K.length!==0&&I(a=>{const r={};return K.forEach(c=>{const i=c.options[0]?.value,_=a[c.key];if(c.options.some(y=>y.value===_)){r[c.key]=_;return}i!==void 0&&(r[c.key]=i)}),r})},[K]);const Oe=t.useMemo(()=>{const a=K.map(r=>{const c=A[r.key],i=r.options.find(C=>C.value===c)??r.options[0],_=i?.label??String(i?.value??"");return{key:r.key,label:_}}).filter(r=>!!r.label);return a.length===0?s("composer.paramPreset"):e.jsx(e.Fragment,{children:a.map((r,c)=>e.jsxs(t.Fragment,{children:[c>0?e.jsx("span",{className:"charactersCreate__paramPresetDivider","aria-hidden":"true"}):null,r.label]},r.key))})},[K,A,s]),se=t.useMemo(()=>{const a=K.find(_=>$e(_.key,_.name));if(!a)return null;const r=A[a.key],c=a.options[0]?.value,i=String(r??c??"");return i?ds(i):null},[K,A]),ze=t.useMemo(()=>{const a=Number(p?.baseRatio??0),r=Number(p?.discountCoef??1);if(!Number.isFinite(a)||a<=0||!Number.isFinite(r)||r<=0)return 0;const c=K.reduce((i,_)=>{const C=A[_.key],y=_.options.find(L=>L.value===C)??_.options[0],b=Number(y?.factor??1);return!Number.isFinite(b)||b<=0?i:i*b},1);return Math.ceil(a*c*r)},[p,K,A]);t.useEffect(()=>{try{localStorage.setItem(De,B?"1":"0"),localStorage.setItem(Ue,P)}catch{}},[B,P]);const Se=t.useCallback(()=>{Ne.current?.click()},[]),Ve=t.useCallback(a=>{const r=a.target.files;if(!r||r.length===0)return;const c=Array.from(r).filter(i=>i.type.startsWith("image/"));if(c.length===0){a.target.value="";return}(async()=>{try{const i=Math.max(0,X-x.length);if(i<=0){T.warning(s("composer.maxUploadReached",{max:X}));return}const _=await ra(c.slice(0,i));v(C=>[...C,..._]),c.length>i&&T.warning(s("composer.maxUploadReached",{max:X}))}catch{T.error(s("composer.uploadFailed"))}})(),a.target.value=""},[x.length,s]),He=t.useCallback(a=>{v(r=>{const c=r[a];if(typeof c=="object"&&c.type==="character"&&c.id!=null){const i=String(c.id);J(_=>_.filter(C=>C!==i))}return r.filter((i,_)=>_!==a)})},[]);t.useCallback((a,r,c)=>{const i=a?.images?.[0];if(!i){T.error(s("pages.charactersCreate.noDownloadImage"));return}const _=H(r)??"task";ca(String(i),`character-${_}-${c+1}.png`)},[s]),t.useCallback(a=>{const r=H(a);if(!r){T.error(s("pages.charactersCreate.taskIdMissing"));return}qt.confirm({title:s("pages.charactersCreate.confirmDeleteTitle"),content:s("pages.charactersCreate.confirmDeleteContent"),okText:s("pages.assetDetails.delete"),cancelText:s("button.cancel"),okButtonProps:{status:"danger"},onOk:async()=>{try{await ia(r),o(c=>c.filter(i=>H(i)!==r)),T.success(s("pages.assetDetails.deleteSuccess"))}catch{T.error(s("pages.assetDetails.deleteFailed"))}}})},[]);const We=t.useCallback(async()=>{if(!oe){fe(!0);try{if(V.trim()===""){T.error(s("composer.promptRequired"));return}let a=V.trim();if(B)try{const _=(await na({text:V,lang:P}))?.data?.text||V;a=String(_).trim()}catch{return}const r={subType:g,aiModelName:p?.name,aiPlatform:p?.code,aiModelId:p?.id,model:p?.code,aiModelCode:p?.code,aiModelCodeAlias:p?.aiModelCodeAlias,type:1,...A,...os(A.resolution,se),chatPrompt:a,images:x.map(i=>typeof i=="string"?i:i.threeViewImage).filter(i=>!!i)},c=x.filter(i=>typeof i=="object"&&i.type==="character").map(i=>i.id).filter(i=>i!=null&&i!=="");c.length>0&&(r.characterIdList=c),await la(r),await ie()}catch{}finally{fe(!1)}}},[p,g,B,V,x,oe,P,se,ie,A,s]),Me=t.useCallback(()=>{const a=ye.current;if(!a)return;const r=60,c=a.scrollHeight-a.scrollTop-a.clientHeight;c<=r&&be(i=>Math.min(n.length,i+le)),!(re.current||!te.current)&&c<=r&&ke()},[ke,n.length]),Te=t.useMemo(()=>n.filter(a=>a?.status==0||a?.status==1).map(a=>H(a)).filter(a=>!!a),[n]),ge=t.useMemo(()=>Te.join(","),[Te]),he=t.useMemo(()=>n.slice(0,Ce),[n,Ce]),Ae=t.useMemo(()=>n.length>0&&n.some(a=>Number(a?.status)===2),[n]),Ge=t.useMemo(()=>n.filter(a=>Array.isArray(a?.resultList)&&a?.status>=0),[n]);t.useCallback(a=>{ve(String(a?.id??"")),_e(!0)},[]);const Ye=t.useCallback(async a=>{if(n.some(c=>H(c)===String(a)))try{const c=await ne({ids:String(a),type:1,subType:106}),i=Array.isArray(c?.data?.list)?c.data.list:[];if(i.length===0)return;const _=new Map;if(i.forEach(C=>{const y=H(C);y&&_.set(y,C)}),_.size===0)return;o(C=>C.map(y=>{const b=H(y);return b?_.get(b)??y:y}))}catch{}},[n]);t.useEffect(()=>{if(ge==="")return;let a=!1;const r=ge,c=async()=>{if(!document.hidden)try{const _=await ne({ids:r,type:1,subType:106});if(a)return;const C=Array.isArray(_?.data?.list)?_.data.list:[];if(C.length===0)return;const y=new Map;if(C.forEach(b=>{const L=H(b);if(!L)return;const $=Number(b?.status);if($<0){T.error(b?.userErrorTipMsg?String(b.userErrorTipMsg):s("pages.charactersCreate.taskGenerateFailed")),y.set(L,b);return}$===2&&y.set(L,b)}),y.size===0)return;o(b=>b.map(L=>{const $=H(L);return $?y.get($)??L:L}))}catch{}};c();const i=window.setInterval(()=>{c()},is);return()=>{a=!0,window.clearInterval(i)}},[ge,s]),t.useEffect(()=>{be(a=>Math.max(le,Math.min(n.length,a+le)))},[n.length]);const Ke=t.useMemo(()=>n.length===0?e.jsxs("div",{className:"charactersCreate__empty",children:[e.jsx("img",{alt:"",className:"charactersCreate__emptyIcon",src:new URL("/assets/ic_empty-C6qZWQhL.png",import.meta.url).href}),e.jsxs("div",{className:"charactersCreate__emptyText",children:[e.jsx("p",{className:"charactersCreate__emptyLine",children:s("pages.charactersCreate.emptyLine1")}),e.jsx("p",{className:"charactersCreate__emptyLine",children:s("pages.charactersCreate.emptyLine2")})]})]}):e.jsxs("section",{ref:ye,className:"charactersCreate__taskPreview","aria-label":s("pages.charactersCreate.taskPreviewAria"),onScroll:Me,children:[he.map((a,r)=>{const c=H(a)??`task-${r}`;return e.jsxs("div",{className:"charactersCreate__taskPreviewInner",children:[e.jsx("div",{className:"charactersCreate__taskPreviewTop",children:Array.isArray(a?.images)&&a.images.map((i,_)=>e.jsx("div",{className:"charactersCreate__taskPreviewStyleCard",children:e.jsx("img",{alt:"",className:"charactersCreate__taskPreviewStyleImage",src:i,loading:"lazy",decoding:"async"})},`task-image-${c}-${_}`))}),e.jsx("p",{className:"charactersCreate__taskPreviewPrompt",children:a?.chatPrompt}),a?.status==0||a?.status==1?e.jsx("div",{className:"charactersCreate__taskPreviewBody",children:e.jsx("div",{className:"charactersCreate__taskPreviewMainFrame charactersCreate__taskPreviewMainFrame_pending",children:e.jsxs("div",{className:"charactersCreate__taskPreviewPending",children:[e.jsx("img",{alt:"",className:"charactersCreate__taskPreviewPendingIcon",src:new URL("/assets/pending-iKg2Z6_3.png",import.meta.url).href}),e.jsx("span",{className:"charactersCreate__taskPreviewPendingText",children:"GENERITING..."})]})})}):Array.isArray(a?.resultList)&&a?.status>=0?a.resultList.map((i,_)=>e.jsx(t.Fragment,{children:e.jsx("div",{className:"charactersCreate__taskPreviewBody",children:e.jsx("div",{className:"charactersCreate__taskPreviewMainFrame",children:e.jsx("img",{alt:"",className:"charactersCreate__taskPreviewMainImage",src:i?.images?.[0],loading:"lazy",decoding:"async"})})})},`task-result-${c}-${_}`)):null]},`task-preview-${c}`)}),he.length<n.length?e.jsx("div",{className:"charactersCreate__taskPreviewLoadHint",children:s("index.explore_more")}):null]}),[Me,he,s,n.length]);return e.jsxs("div",{className:"charactersCreate",children:[e.jsxs("div",{className:"charactersCreate__row",children:[e.jsx("aside",{className:"charactersCreate__left",children:e.jsxs("div",{className:"charactersCreate__leftInner",children:[e.jsxs("div",{className:"charactersCreate__leftBody",children:[e.jsx("div",{className:"charactersCreate__leftHeader",children:e.jsx("h2",{className:"charactersCreate__leftTitle",children:s("pages.charactersCreate.styleLibraryTitle")})}),e.jsx("div",{className:"charactersCreate__leftScroll",children:e.jsx("div",{className:"charactersCreate__styleGrid",children:d.map((a,r)=>e.jsx("button",{type:"button",className:classNames("charactersCreate__styleCell",de.has(String(a.id))&&"charactersCreate__styleCell_selected"),draggable:!0,onMouseEnter:()=>{Q.ensurePreviewImage(a.threeViewImage)},onDragStart:c=>{Be(c,a.threeViewImage)},onClick:()=>{we(a)},children:e.jsx("span",{className:"charactersCreate__styleCellInner",children:e.jsx("img",{alt:"",className:"charactersCreate__styleImg",src:a.avatar,draggable:!1,loading:"lazy",decoding:"async"})})},String(a.id??r)))})})]}),e.jsx("button",{type:"button",className:"charactersCreate__leftMore",onClick:()=>{oa({onSelect:a=>{we(a)}})},children:s("index.explore_more")})]})}),e.jsxs("main",{className:"charactersCreate__center",children:[Ke,e.jsxs("div",{className:"charactersCreate__composer",children:[l.map((a,r)=>{const c=g===a.taskSubType;return e.jsxs("button",{type:"button",className:classNames("charactersCreate__composerTab",c&&"charactersCreate__composerTab_active"),onClick:()=>{M(a.taskSubType)},children:[e.jsx("img",{alt:"",className:"charactersCreate__composerTabIcon",src:a.icon}),e.jsx("span",{className:"charactersCreate__composerTabLabel",children:a.name})]},`${String(a.taskSubType??a.id??"category")}-${r}`)}),e.jsxs("div",{className:"charactersCreate__composerPanel",children:[e.jsxs("div",{className:"charactersCreate__composerRow",children:[x.length===0?e.jsx("button",{type:"button",className:"charactersCreate__composerUploadCard","aria-label":s("composer.actions.uploadReferenceImage"),onClick:Se,children:e.jsx("img",{src:new URL("/assets/ic_plus-DsKUbTM-.png",import.meta.url).href,alt:""})}):e.jsx("div",{className:"charactersCreate__composerUploadList","aria-label":s("composer.aria.referenceImageList"),children:x.map((a,r)=>{const c=r===x.length-1,i=typeof a=="object"&&a.type==="character",_=typeof a=="string"?a:a.threeViewImage;return e.jsxs("div",{className:"charactersCreate__composerUploadCard charactersCreate__composerUploadCard_preview",children:[e.jsx("img",{className:"charactersCreate__composerUploadPreview",src:_,alt:"",loading:"lazy",decoding:"async"}),e.jsx("button",{type:"button",className:"charactersCreate__composerUploadDeleteBtn","aria-label":s(i?"pages.charactersCreate.deleteRoleAria":"composer.actions.deleteImage"),onClick:()=>He(r),children:e.jsx("img",{src:new URL("/assets/ic_close-C0Ltcj9g.png",import.meta.url).href,alt:""})}),c&&x.length<X?e.jsx("button",{type:"button",className:"charactersCreate__composerUploadAddBtn","aria-label":s("composer.actions.continueUploadReferenceImage"),onClick:Se,children:e.jsx("img",{src:new URL("/assets/addImage-Do8_T8na.png",import.meta.url).href,alt:""})}):null]},typeof a=="string"?`${a}-${r}`:`character-${String(a.id??r)}-${r}`)})}),e.jsx("input",{ref:Ne,className:"charactersCreate__composerUploadInput",type:"file",accept:"image/*",multiple:!0,onChange:Ve,tabIndex:-1,"aria-hidden":"true"}),e.jsx(Qt.TextArea,{className:"charactersCreate__composerTextarea",value:V,onChange:a=>q(a),placeholder:s("pages.charactersCreate.promptPlaceholder"),"aria-label":s("composer.aria.promptInput"),autoSize:{minRows:1,maxRows:4}})]}),e.jsxs("div",{className:"charactersCreate__composerToolbar",children:[e.jsxs("div",{className:"charactersCreate__toolbarLeft",children:[e.jsx(Pe,{trigger:"click",position:"tl",popupVisible:Y,onVisibleChange:k,getPopupContainer:()=>document.body,triggerProps:{className:"charactersCreate__paramDropdownTrigger"},droplist:e.jsx("div",{className:"charactersCreate__paramDropdown",role:"menu","aria-label":s("composer.aria.paramPresetList"),children:K.map(a=>{const r=A[a.key],c=a.options[0]?.value,i=r??c,_=$e(a.key,a.name);return e.jsxs("div",{className:"charactersCreate__paramGroup",children:[e.jsx("p",{className:"charactersCreate__paramTitle",children:a.key==="batchSize"?s("composer.fields.batchSize"):a.name}),e.jsx("div",{className:classNames("charactersCreate__paramOptions",_&&"charactersCreate__paramOptions_ratio"),role:"group","aria-label":a.name,children:a.options.map((C,y)=>{const b=C.value,L=C.label??String(b),$=i===b,ee=_?_a(L):null;return e.jsx("button",{type:"button",role:"menuitemradio","aria-checked":$,className:classNames("charactersCreate__paramOption",$&&"charactersCreate__paramOption_active",_&&"charactersCreate__paramOption_ratio"),onClick:()=>{I(qe=>({...qe,[a.key]:b}))},children:_?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"charactersCreate__ratioShapeSlot","aria-hidden":"true",children:e.jsx("span",{className:"charactersCreate__ratioShape",style:{width:`${ee?.width??20}px`,height:`${ee?.height??20}px`}})}),e.jsx("span",{className:"charactersCreate__ratioLabel",children:L})]}):L},`${a.key}-${String(b)}-${y}`)})}),_&&se?e.jsxs("div",{className:"charactersCreate__paramRatioSizeWrap","aria-label":s("composer.aria.sizePreview"),children:[e.jsx("p",{className:"charactersCreate__paramTitle",children:s("composer.fields.size")}),e.jsxs("div",{className:"charactersCreate__paramRatioSizeRow",children:[e.jsxs("span",{className:"charactersCreate__paramRatioSizeValue",children:["W ",se.width]}),e.jsx("img",{className:"charactersCreate__paramRatioSizeLink",src:new URL("/assets/ic_link-BaYntrUJ.png",import.meta.url).href,alt:""}),e.jsxs("span",{className:"charactersCreate__paramRatioSizeValue",children:["H ",se.height]})]})]}):null]},a.key)})}),children:e.jsx("button",{type:"button",className:"charactersCreate__pill charactersCreate__pill--spec","aria-label":s("composer.paramPreset"),children:e.jsx("span",{className:"charactersCreate__paramPresetItem",children:Oe})})}),e.jsx(Pe,{trigger:"click",position:"tl",popupVisible:W,onVisibleChange:G,getPopupContainer:()=>document.body,triggerProps:{className:"charactersCreate__modelDropdownTrigger"},droplist:e.jsxs("div",{className:"charactersCreate__modelDropdown",role:"menu","aria-label":s("pages.charactersCreate.modelListAria"),children:[e.jsx("p",{className:"charactersCreate__modelDropdownTitle",children:s("composer.modelLibrary")}),e.jsx("div",{className:"charactersCreate__modelDropdownList",children:E.map((a,r)=>{const c=p===a;return e.jsxs("button",{type:"button",role:"menuitem",className:classNames("charactersCreate__modelDropdownItem",c&&"charactersCreate__modelDropdownItem_active"),onClick:()=>{z(a),I({}),G(!1)},children:[a.icon?e.jsx("img",{alt:"",className:"charactersCreate__modelDropdownItemIcon",src:a.icon}):null,e.jsxs("span",{className:"charactersCreate__modelDropdownItemText",children:[e.jsx("span",{className:"charactersCreate__modelDropdownItemName",children:a.name}),a.description?e.jsx("span",{className:"charactersCreate__modelDropdownItemDesc",children:a.description}):null]})]},a.id??r)})})]}),children:e.jsxs("button",{type:"button",className:"charactersCreate__pill charactersCreate__pill--model","aria-haspopup":"menu","aria-expanded":W,"aria-label":s("composer.actions.selectModel"),children:[e.jsx("img",{alt:"",className:"charactersCreate__modelIcon",src:p?.icon}),e.jsx("span",{className:"charactersCreate__pillText",children:p?.name??s("pages.assetDetails.model")})]})})]}),e.jsxs("div",{className:"charactersCreate__composerActions",children:[B?e.jsx("img",{className:"charactersCreate__langSwitchIcon",src:new URL(Object.assign({"/src/assets/images/AiCategories_template.png":Wt,"/src/assets/images/action-mimic-card-bg.png":Ht,"/src/assets/images/action-mimic-card-icon.png":Vt,"/src/assets/images/action-mimic-play-icon.png":zt,"/src/assets/images/addImage.png":Ot,"/src/assets/images/app-store.png":Bt,"/src/assets/images/audio.png":Ft,"/src/assets/images/avatar.png":$t,"/src/assets/images/check.png":Ut,"/src/assets/images/copy-icon.png":Dt,"/src/assets/images/diy-role-card.png":Pt,"/src/assets/images/dot.png":Et,"/src/assets/images/download.png":Lt,"/src/assets/images/explore-cat-icon.png":It,"/src/assets/images/fav.png":At,"/src/assets/images/flash.png":Tt,"/src/assets/images/google-play.png":Mt,"/src/assets/images/hero-image1.png":St,"/src/assets/images/hero-image2.png":kt,"/src/assets/images/heroTitleIcon1.png":Rt,"/src/assets/images/heroTitleIcon2.png":wt,"/src/assets/images/ic_AI.png":Le,"/src/assets/images/ic_AI_active.png":Ie,"/src/assets/images/ic_arrow_bottom_white.png":jt,"/src/assets/images/ic_arrow_right_gray.png":yt,"/src/assets/images/ic_arrow_right_purple.png":Nt,"/src/assets/images/ic_artist.png":vt,"/src/assets/images/ic_avatar_add.png":xt,"/src/assets/images/ic_character_edit.png":bt,"/src/assets/images/ic_character_edit_white.png":Ct,"/src/assets/images/ic_chat_magic.png":ft,"/src/assets/images/ic_checkbox.png":ut,"/src/assets/images/ic_checkbox_agreement_off.png":mt,"/src/assets/images/ic_checkbox_agreement_on.png":pt,"/src/assets/images/ic_checkbox_checked.png":ht,"/src/assets/images/ic_close.png":gt,"/src/assets/images/ic_collapse.png":dt,"/src/assets/images/ic_collect.png":_t,"/src/assets/images/ic_collect_active.png":ot,"/src/assets/images/ic_copy.png":lt,"/src/assets/images/ic_copyright.png":nt,"/src/assets/images/ic_crown.png":it,"/src/assets/images/ic_delete.png":ct,"/src/assets/images/ic_download.png":rt,"/src/assets/images/ic_empty.png":st,"/src/assets/images/ic_eye.png":tt,"/src/assets/images/ic_gout.png":at,"/src/assets/images/ic_help.png":et,"/src/assets/images/ic_key.png":Za,"/src/assets/images/ic_lamp.png":Ja,"/src/assets/images/ic_language.png":Xa,"/src/assets/images/ic_like.png":Qa,"/src/assets/images/ic_like_active.png":qa,"/src/assets/images/ic_like_white.png":Ka,"/src/assets/images/ic_link.png":Ya,"/src/assets/images/ic_look.png":Ga,"/src/assets/images/ic_menu.png":Wa,"/src/assets/images/ic_model.png":Ha,"/src/assets/images/ic_more.png":Va,"/src/assets/images/ic_plus.png":za,"/src/assets/images/ic_publish.png":Oa,"/src/assets/images/ic_refresh.png":Ba,"/src/assets/images/ic_search.png":Fa,"/src/assets/images/ic_share.png":$a,"/src/assets/images/ic_stars_active.png":Ua,"/src/assets/images/ic_stars_white.png":Da,"/src/assets/images/ic_template_chip.png":Pa,"/src/assets/images/ic_user.png":Ea,"/src/assets/images/icon-version.png":La,"/src/assets/images/installl.png":Ia,"/src/assets/images/lang_en.png":Aa,"/src/assets/images/lang_zh.png":Ta,"/src/assets/images/logo-full-white.png":Ma,"/src/assets/images/logo.png":Sa,"/src/assets/images/nav-arrow.png":ka,"/src/assets/images/official-main-card.png":Ra,"/src/assets/images/pending.png":wa,"/src/assets/images/popiart.png":ja,"/src/assets/images/powered-icon.png":ya,"/src/assets/images/scene1.png":Na,"/src/assets/images/scene2.png":va,"/src/assets/images/scene3.png":xa,"/src/assets/images/scene4.png":ba,"/src/assets/images/sceneCharacter1.png":Ca,"/src/assets/images/sceneCharacter2.png":fa,"/src/assets/images/sceneCharacter3.png":ua,"/src/assets/images/sceneCharacter4.png":ma,"/src/assets/images/search.png":pa,"/src/assets/images/social-media-card.png":ha,"/src/assets/images/star.png":ga,"/src/assets/images/wxgh_loading.png":da})[`/src/assets/images/${P==="ZH"?"lang_zh":"lang_en"}.png`],import.meta.url).href,alt:"",onClick:()=>m(a=>a==="ZH"?"EN":"ZH")}):null,e.jsxs("button",{type:"button",className:classNames("charactersCreate__composerExpandBtn",B&&"charactersCreate__composerExpandBtn_active"),"aria-pressed":B,"aria-label":s("composer.actions.aiExpand"),onClick:()=>ae(a=>!a),children:[e.jsx("img",{src:new URL(Object.assign({"/src/assets/images/ic_AI.png":Le,"/src/assets/images/ic_AI_active.png":Ie})[`/src/assets/images/ic_AI${B?"_active":""}.png`],import.meta.url).href,alt:""}),e.jsx("span",{children:s("composer.actions.expand")}),e.jsx("img",{src:new URL("/assets/ic_stars_active-qa63FBqE.png",import.meta.url).href,alt:""})]}),e.jsxs("button",{type:"button",className:"charactersCreate__composerCostBtn",onClick:()=>We(),disabled:oe,children:[e.jsx("img",{src:new URL("/assets/ic_stars_white-CxqAv7TF.png",import.meta.url).href,alt:""}),e.jsx("span",{children:ze})]})]})]})]})]})]}),e.jsxs("aside",{className:"charactersCreate__right",children:[e.jsxs("div",{className:"charactersCreate__rightStack",children:[e.jsx("section",{className:"charactersCreate__svc",children:e.jsxs("div",{className:"charactersCreate__svcBlock",children:[e.jsxs("div",{className:"charactersCreate__svcHeader",children:[e.jsx("div",{className:"charactersCreate__svcHeaderMain",children:e.jsx("span",{className:"charactersCreate__svcTitle",children:h.title})}),e.jsx("img",{alt:"",className:"charactersCreate__svcChevron",src:new URL("/assets/ic_arrow_bottom_white-CUyO9U1y.png",import.meta.url).href})]}),e.jsxs("div",{className:"charactersCreate__svcBody",children:[e.jsx("p",{className:"charactersCreate__svcDesc",children:h.desp}),e.jsx("div",{className:"charactersCreate__svcFigure",children:e.jsx("img",{alt:"",className:"charactersCreate__svcImg",src:h.coverUrl})})]}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",onClick:()=>{q(h.prompt)},children:s("pages.charactersCreate.rightCards.realToAnime.cta")})]})}),e.jsx("section",{className:"charactersCreate__svc",children:e.jsxs("div",{className:"charactersCreate__svcBlock",children:[e.jsxs("div",{className:"charactersCreate__svcHeader",children:[e.jsx("div",{className:"charactersCreate__svcHeaderMain",children:e.jsx("span",{className:"charactersCreate__svcTitle",children:s("pages.charactersCreate.rightCards.oneToOne.title")})}),e.jsx("img",{alt:"",className:"charactersCreate__svcChevron",src:new URL("/assets/ic_arrow_bottom_white-CUyO9U1y.png",import.meta.url).href})]}),e.jsxs("div",{className:"charactersCreate__svcBody",children:[e.jsx("p",{className:"charactersCreate__svcDesc",children:s("pages.charactersCreate.rightCards.oneToOne.desc")}),e.jsx("div",{className:"charactersCreate__svcFigure",children:e.jsx("img",{alt:"",className:"charactersCreate__svcImg",src:new URL("/assets/ic_artist-BCuSw5iQ.png",import.meta.url).href})})]}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",onClick:()=>{Gt()},children:s("pages.charactersCreate.rightCards.oneToOne.cta")})]})}),e.jsx("section",{className:"charactersCreate__svc",children:e.jsxs("div",{className:"charactersCreate__svcBlock",children:[e.jsxs("div",{className:"charactersCreate__svcHeader",children:[e.jsx("div",{className:"charactersCreate__svcHeaderMain",children:e.jsx("span",{className:"charactersCreate__svcTitle",children:s("pages.charactersCreate.rightCards.copyright.title")})}),e.jsx("img",{alt:"",className:"charactersCreate__svcChevron",src:new URL("/assets/ic_arrow_bottom_white-CUyO9U1y.png",import.meta.url).href})]}),e.jsxs("div",{className:"charactersCreate__svcBody",children:[e.jsx("p",{className:"charactersCreate__svcDesc",children:s("pages.charactersCreate.rightCards.copyright.desc")}),e.jsx("div",{className:"charactersCreate__svcFigure",children:e.jsx("img",{alt:"",className:"charactersCreate__svcImg",src:new URL("/assets/ic_copyright-DIOngrEt.png",import.meta.url).href})})]}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",children:s("pages.charactersCreate.rightCards.copyright.cta")})]})}),e.jsx("section",{className:"charactersCreate__svc charactersCreate__svc--diy",children:e.jsxs("div",{className:"charactersCreate__svcBlock charactersCreate__svcBlock--diy",children:[e.jsx("div",{className:"charactersCreate__svcHeader charactersCreate__svcHeader--diyCap",children:e.jsx("span",{className:"charactersCreate__svcTitleCenter",children:s("pages.charactersCreate.diyTitle")})}),e.jsx("div",{className:"charactersCreate__diyGrid",children:R.slice(0,4).map((a,r)=>e.jsxs("button",{type:"button",className:"charactersCreate__diyItem",onClick:()=>{Ee({initialCategoryId:Number(a.id),onSelect:c=>{Re(c)}})},children:[e.jsx("div",{className:"charactersCreate__diyThumb",children:e.jsx("img",{alt:"",className:"charactersCreate__diyThumbImg",src:String(a.icon)})}),e.jsx("span",{className:"charactersCreate__diyLabel",children:String(a.name??"")})]},String(a.id??r)))}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",onClick:()=>{Ee({onSelect:a=>{Re(a)}})},children:s("index.explore_more")})]})})]}),e.jsx("button",{type:"button",className:classNames("charactersCreate__createGlobal",Ae&&"charactersCreate__createGlobal_active"),disabled:!Ae,onClick:()=>{ve(null),_e(!0)},children:s("pages.charactersCreate.createRole")})]})]}),xe&&e.jsx(es,{visible:xe,taskList:Ge,onClose:()=>_e(!1),onCreated:a=>void Ye(a)}),e.jsx(as,{visible:Z.visible,steps:Z.steps,currentStep:Z.currentStep,onClose:Z.hide,onComplete:Z.complete,onStepChange:Z.goToStep,showSkip:!0,showStepIndicator:!0})]})}export{bs as default};
|
|
//# sourceMappingURL=index-neZGhFpy.js.map
|
|
|