import{h as Xe,i as Je,R as ue,A as Ze,j as oe,a as ea,k as aa,l as ta,m as sa,n as ra,p as ca,q as ia,r as na,s as oa,t as la,v as _a,w as da,_ as ha,x as ga,y as pa,z as ma,B as ua,C as fa,D as Ca,E as ba,F as xa,G as va,H as Na,I as ya,J as wa,K as ja,L as Ra,M as ka,N as Sa,O as Ma,P as Ta,Q as Aa,S as Ia,T as La,U as Ea,V as Pa,W as Da,X as Ua,Y as $a,Z as Fa,$ as Ba,a0 as Oa,a1 as za,a2 as Va,a3 as Ha,a4 as Wa,a5 as Ga,a6 as Ya,a7 as qa,a8 as Ka,a9 as Qa,aa as Xa,ab as Ja,ac as Za,ad as et,ae as at,af as tt,ag as st,ah as rt,ai as ct,aj as it,ak as nt,al as ot,am as lt,an as _t,ao as dt,ap as ht,aq as gt,ar as pt,as as mt,at as ut,au as ft,av as Ct,aw as bt,ax as xt,ay as vt,az as Nt,aA as yt,aB as wt,aC as jt,aD as Le,aE as Ee,aF as Rt,aG as kt,aH as St,aI as Mt,aJ as Tt,aK as At,aL as It,aM as Lt,aN as Et,aO as Pt,aP as Dt,aQ as Ut,aR as $t,aS as Ft,aT as Bt,aU as Ot,aV as zt,aW as Vt,aX as Ht,aY as Wt,aZ as Gt,a_ as Yt,a$ as Pe}from"./index-D2jM1hO2.js";import{j as e}from"./markdown-vendor-BZI_VWzW.js";import{u as Be,r as t}from"./data-vendor-BOGugMqL.js";import{c as qt}from"./imageDragTransfer-DvFDfKg6.js";import{a as Kt}from"./react-vendor-wlKWdfEb.js";import{M as T,E as Qt,I as Xt,D as De}from"./arco-vendor-CAnKnMnO.js";const Jt=new URL("/assets/ic_checkbox_agreement_off-DYbDLFis.png",import.meta.url).href,Zt=new URL("/assets/ic_checkbox_agreement_on-CfQo_XPS.png",import.meta.url).href;function es(s){const _=s?.createTime;if(_==null||_==="")return"";const f=Number(_),R=Number.isFinite(f)?String(_).length===10?f*1e3:f:Number.NaN,y=Number.isFinite(R)?new Date(R):new Date(String(_));if(Number.isNaN(y.getTime()))return"";const o=y.getFullYear(),S=`${y.getMonth()+1}`.padStart(2,"0"),d=`${y.getDate()}`.padStart(2,"0"),M=`${y.getHours()}`.padStart(2,"0"),E=`${y.getMinutes()}`.padStart(2,"0");return`${o}-${S}-${d} ${M}:${E}`}function as({visible:s,taskList:_,initialTaskId:f,onClose:R,onCreated:y}){const{t:o}=Be(),S=Kt(),[d,M]=t.useState(null),[E,O]=t.useState(d?.resultList?.[0]?.images?.[0]??""),[p,z]=t.useState(d?.resultList?.[0]?.images?.[0]??""),[A,I]=t.useState(""),[W,G]=t.useState(""),[Y,k]=t.useState(""),[x,v]=t.useState(!1),[B,J]=t.useState(!1),[V,K]=t.useState(!1),U=t.useRef(null),ae=Xe(),P=d?.userCreatedCharacter,u=Number(P?.id)>0,h=t.useCallback(()=>{window.requestAnimationFrame(()=>{const g=U.current;g&&g.scrollTo({left:g.scrollWidth,behavior:"smooth"})})},[]);t.useEffect(()=>{s||(M(null),O(""),z(""),I(""),G(""),k(""),v(!1),J(!1),K(!1))},[s]),t.useEffect(()=>{if(s){if(f){const g=_.find(m=>String(m.id)===String(f));if(g){M(g);return}}M(_[_.length-1]??null),h()}},[s,f,_,h]),t.useEffect(()=>{if(!s||!d)return;if(!_.some(N=>String(N.id)===String(d.id))){M(_[_.length-1]??null),h();return}const m=_.find(N=>String(N.id)===String(d.id));m&&m!==d&&M(m)},[s,_,d,h]),t.useEffect(()=>{const g=u?P?.avatar??"":d?.resultList?.[0]?.images?.[0]??"";I(""),z(g),O(g),G(u?P?.characterName??"":""),k(u?P?.description??"":"")},[d,u,P?.avatar,P?.characterName,P?.description]);const $=t.useCallback(()=>{if(!p)return;const g=p.split("#")[0];I(`${g}#crop=${Date.now()}`)},[p]),n=t.useCallback(async()=>{if(u){T.warning(o("pages.charactersCreate.createRoleModal.alreadyCreated"));return}if(!E){T.warning(o("pages.charactersCreate.createRoleModal.uploadAvatarFirst"));return}if(!W.trim()){T.warning(o("pages.charactersCreate.createRoleModal.inputName"));return}if(!Y.trim()){T.warning(o("pages.charactersCreate.createRoleModal.inputDescription"));return}if(!B){T.warning(o("pages.charactersCreate.createRoleModal.agreementRequired"));return}if(!d?.id){T.warning(o("pages.charactersCreate.createRoleModal.taskNotFound"));return}K(!0);try{await Je({taskId:d.id,avatar:E,characterName:W,description:Y,isPublic:x}),T.success(o("pages.charactersCreate.createRoleModal.createSuccess")),y?.(String(d.id)),R(),S(ue.CHARACTERS)}catch{T.error(o("pages.charactersCreate.createRoleModal.createFailed"))}finally{K(!1)}},[d?.id,B,E,W,Y,u,x,S,R,y,o]);if(!s)return null;const w=g=>{const m=U.current;if(!m)return;const N=g==="left"?-121:121;m.scrollBy({left:N,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":o("pages.charactersCreate.createRoleModal.dialogAria"),children:[e.jsxs("section",{className:"charactersCreateRoleModal__previewSection",children:[e.jsx("div",{className:"charactersCreateRoleModal__previewMain",children:d?.resultList?.[0]?.images?.[0]?e.jsx("img",{alt:"",className:"charactersCreateRoleModal__previewMainImage",src:d.resultList[0].images[0]}):null}),e.jsxs("div",{className:"charactersCreateRoleModal__thumbSection",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__thumbArrow ",onClick:()=>w("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:U,className:"charactersCreateRoleModal__thumbList",children:_.map((g,m)=>{const N=String(g.id??m),D=g.resultList[0]?.images?.[0]??"",te=String(g.id)===String(d?.id);return e.jsxs("button",{type:"button",className:`charactersCreateRoleModal__thumbItem${te?" charactersCreateRoleModal__thumbItem_active":""}`,onClick:()=>{M(g)},children:[D?e.jsx("img",{alt:"",className:"charactersCreateRoleModal__thumbImage",src:D}):null,te?null:e.jsx("span",{className:"charactersCreateRoleModal__thumbMask"})]},N)})}),e.jsx("button",{type:"button",className:"charactersCreateRoleModal__thumbArrow ",onClick:()=>w("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":o("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:$,disabled:u,children:"修改头像"})}),e.jsxs("div",{className:"charactersCreateRoleModal__formBody",children:[e.jsxs("div",{className:"charactersCreateRoleModal__fieldRow",children:[e.jsx("label",{className:"charactersCreateRoleModal__fieldLabel",children:o("character_detail.name_label")}),e.jsx("input",{className:"charactersCreateRoleModal__nameInput",value:W,onChange:g=>G(g.target.value),placeholder:o("pages.charactersCreate.createRoleModal.required"),disabled:u})]}),e.jsxs("div",{className:"charactersCreateRoleModal__fieldBlock",children:[e.jsx("label",{className:"charactersCreateRoleModal__fieldLabel",children:o("pages.charactersCreate.createRoleModal.descriptionLabel")}),e.jsx("textarea",{className:"charactersCreateRoleModal__introInput",value:Y,onChange:g=>k(g.target.value),placeholder:o("pages.charactersCreate.createRoleModal.descriptionPlaceholder"),disabled:u})]}),e.jsxs("div",{className:"charactersCreateRoleModal__toggleRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:o("pages.charactersCreate.createRoleModal.publicDisplay")}),e.jsxs("button",{type:"button",className:`charactersCreateRoleModal__toggle${x?" charactersCreateRoleModal__toggle_on":""}`,onClick:()=>v(g=>!g),"aria-label":o("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:o("pages.assetDetails.promptLabel")}),e.jsx("p",{className:"charactersCreateRoleModal__promptText",children:d?.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(d?.chatPrompt)})]}),e.jsx("div",{className:"charactersCreateRoleModal__materialsBlock",children:e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:o("pages.assetDetails.useMaterial")})}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:o("pages.assetDetails.model")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:d?.aiModelName??""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:o("pages.assetDetails.ratio")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:d?.aspectRatio??""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:o("pages.assetDetails.size")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:d?.width&&d?.height?`${d.width}x${d.height}`:""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:o("pages.charactersCreate.createRoleModal.createDate")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:es(d)})]})]})]})]}),e.jsxs("div",{className:"charactersCreateRoleModal__footer",children:[e.jsxs("div",{className:"charactersCreateRoleModal__agreement",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__agreementCheckbox","aria-label":o("pages.charactersCreate.createRoleModal.agreeTermsAria"),"aria-checked":B,onClick:()=>J(g=>!g),children:e.jsx("img",{alt:"",className:"charactersCreateRoleModal__agreementCheckboxIcon",src:B?Zt:Jt})}),e.jsxs("p",{className:"charactersCreateRoleModal__agreementText",children:[o("pages.charactersCreate.createRoleModal.uploadMeansAgree"),e.jsx("a",{href:ue.LEGAL+"#user-agreement",target:"_blank",rel:"noreferrer",children:o("app.user_terms")}),o("auth.agreement_sub2"),e.jsx("a",{href:ue.LEGAL+"#privacy-policy",target:"_blank",rel:"noreferrer",children:o("app.privacy_policy")})]})]}),e.jsx("button",{type:"button",className:"charactersCreateRoleModal__submitBtn",onClick:()=>{if(u){T.warning(o("pages.charactersCreate.createRoleModal.alreadyCreated"));return}n()},disabled:V,"aria-disabled":u||V,style:u?{opacity:.5,cursor:"not-allowed"}:void 0,children:o("pages.charactersCreate.createRole")})]})]})]}),e.jsx(Ze,{image:A,onUploaded:g=>{O(g),I("")},onClose:()=>I("")})]})}function ts({visible:s,steps:_,currentStep:f,showSkip:R=!0,showStepIndicator:y=!0,maskOpacity:o=.5,onClose:S,onStepChange:d,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=_[x],B=()=>{if(!v?.target){z(null),I(null);return}let u=null;if(typeof v.target=="string"?u=document.querySelector(v.target):v.target instanceof HTMLElement&&(u=v.target),!u){z(null),I(null);return}const h=u.getBoundingClientRect();z(h);const $=v.placement||"bottom",n=v.offset||[0,0],w=k.current?.offsetWidth||400,g=k.current?.offsetHeight||200;let m=0,N=0;switch($){case"top":m=h.top-g-20+n[1],N=h.left+(h.width-w)/2+n[0];break;case"top-left":m=h.top-g-20+n[1],N=h.left+n[0];break;case"top-right":m=h.top-g-20+n[1],N=h.right-w+n[0];break;case"bottom":m=h.bottom+20+n[1],N=h.left+(h.width-w)/2+n[0];break;case"bottom-left":m=h.bottom+20+n[1],N=h.left+n[0];break;case"bottom-right":m=h.bottom+20+n[1],N=h.right-w+n[0];break;case"left":m=h.top+(h.height-g)/2+n[1],N=h.left-w-20+n[0];break;case"left-top":m=h.top+n[1],N=h.left-w-20+n[0];break;case"left-bottom":m=h.bottom-g+n[1],N=h.left-w-20+n[0];break;case"right":m=h.top+(h.height-g)/2+n[1],N=h.right+20+n[0];break;case"right-top":m=h.top+n[1],N=h.right+20+n[0];break;case"right-bottom":m=h.bottom-g+n[1],N=h.right+20+n[0];break;case"center":m=window.innerHeight/2-g/2+n[1],N=window.innerWidth/2-w/2+n[0];break}const D=20;m<D&&(m=D),m+g>window.innerHeight-D&&(m=window.innerHeight-g-D),N<D&&(N=D),N+w>window.innerWidth-D&&(N=window.innerWidth-w-D),I({top:m,left:N});const te=J($,w,g);G(te)},J=(u,h,$)=>{const n={position:"absolute",width:"0",height:"0",borderStyle:"solid"};switch(u){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:`${$/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:`${$/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=u=>{u<0||u>=_.length||(f===void 0&&O(u),d?.(u))},K=()=>{x<_.length-1?V(x+1):P()},U=()=>{x>0&&V(x-1)},ae=()=>{M?.(),S?.()},P=()=>{M?.(),S?.()};return t.useEffect(()=>{if(!s||!v)return;B();const u=()=>{B()},h=()=>{B()};window.addEventListener("resize",u),window.addEventListener("scroll",h,!0);let $=null;if(v.target){let w=null;typeof v.target=="string"?w=document.querySelector(v.target):v.target instanceof HTMLElement&&(w=v.target),w&&($=new MutationObserver(()=>{B()}),$.observe(w,{attributes:!0,attributeFilter:["style","class"],childList:!0,subtree:!0}))}const n=setTimeout(B,100);return()=>{window.removeEventListener("resize",u),window.removeEventListener("scroll",h,!0),$?.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:u=>{u.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, ${o})`}}),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, ${o})`}}),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, ${o})`}}),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, ${o})`}}),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, ${o})`}})}),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:[y&&e.jsxs("span",{className:"user-guide__step-indicator",children:[x+1,"/",_.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:U,children:"上一步"}),e.jsx("button",{className:"user-guide__btn user-guide__btn--next",onClick:K,children:x<_.length-1?"下一步":"完成"})]})]})]})]})}function ss(s){const{steps:_,storageKey:f="user-guide-completed",delay:R=500,autoShow:y=!0}=s,[o,S]=t.useState(!1),[d,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(!y||E)return;const k=setTimeout(()=>{S(!0)},R);return()=>clearTimeout(k)},[y,E,R]);const p=t.useCallback(()=>{M(0),S(!0)},[]),z=t.useCallback(()=>{S(!1)},[]),A=t.useCallback(k=>{k>=0&&k<_.length&&M(k)},[_.length]),I=t.useCallback(()=>{d<_.length-1&&M(k=>k+1)},[d,_.length]),W=t.useCallback(()=>{d>0&&M(k=>k-1)},[d]),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:o,currentStep:d,show:p,hide:z,goToStep:A,nextStep:I,prevStep:W,complete:G,reset:Y,steps:_,isCompleted:E}}const rs=[{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}]}],cs=new Set(["ratio"]),is=[{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}],Ue="popiart.charactersCreate.aiExpand",$e="popiart.charactersCreate.expandLang",X=5,ns=3e3,os=24,le=12;function ls(s){if(typeof s!="string"||s.trim()==="")return{};try{return JSON.parse(s)}catch{return{}}}function _s(s,_){const f=_?.width,R=_?.height;if(typeof f!="number"||typeof R!="number"||!Number.isFinite(f)||!Number.isFinite(R))return{};const y=s==="2K";return{width:y?f*2:f,height:y?R*2:R}}function ds(s){const _=s;return _?.data?.list??_?.list??[]}function Fe(s,_){return cs.has(s.trim().toLowerCase())?!0:(_??"").trim().toLowerCase()==="ratio"}function hs(s){if(!s)return null;const _=is.find(d=>d.ratio===s);if(_)return _;const[f,R]=s.split(":"),y=Number(f),o=Number(R);if(!Number.isFinite(y)||!Number.isFinite(o)||y<=0||o<=0)return null;const S=720;return y>=o?{ratio:s,width:Math.round(y/o*S),height:S}:{ratio:s,width:S,height:Math.round(o/y*S)}}function H(s){const _=s?.id??s?.taskId;return _==null||_===""?null:String(_)}function xs(){const{t:s}=Be(),[_,f]=t.useState([]),[R,y]=t.useState([]),[o,S]=t.useState([]),[d,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([]),[B,J]=t.useState([]),[V,K]=t.useState(""),[U,ae]=t.useState(()=>{if(typeof window>"u")return!1;try{return localStorage.getItem(Ue)==="1"}catch{return!1}}),[P,u]=t.useState(()=>{if(typeof window>"u")return"ZH";try{const a=localStorage.getItem($e);if(a==="EN"||a==="ZH")return a}catch{}return"ZH"}),[h,$]=t.useState({}),[n,w]=t.useState([]),[g,m]=t.useState(1),[N,D]=t.useState(!0),[te,fe]=t.useState(!1),[_e,Ce]=t.useState(!1),[be,xe]=t.useState(le),[ve,de]=t.useState(!1),[gs,Ne]=t.useState(null),Q=t.useMemo(()=>qt({maxCacheCount:32,maxWarmupPerCall:os,disableCanvasPreview:!0,enableCanvasWarmup:!1}),[]),ye=t.useRef(null),he=t.useRef(null),ce=t.useRef(!1),se=t.useRef(!0),ie=t.useRef(1),we=t.useRef(0),Z=ss({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}),ge=t.useMemo(()=>new Set(B),[B]),je=t.useCallback(a=>{const r=a?.id;if(r==null)return;const c=String(r),i=ge.has(c);if(!i&&x.length>=X){T.warning(s("composer.maxUploadReached",{max:X}));return}J(C=>i?C.filter(j=>j!==c):[...C,c]);const l={type:"character",id:a?.id,threeViewImage:String(a?.threeViewImage??""),avatar:a?.avatar};v(C=>{const j=C.findIndex(b=>typeof b=="object"&&b.type==="character"&&String(b.id)===c);return j>=0?C.filter((b,L)=>L!==j):[...C,l]})},[x.length,ge,s]),Re=t.useCallback(a=>{v(r=>{const c=[...r,String(a.url??"")];return c.length>X?c.slice(0,X):c})},[]),Oe=t.useCallback((a,r,c)=>{Q.startImageDrag({evt:a,dragUrl:r,previewUrl:c??r})},[Q]),ne=t.useCallback(async()=>{try{const r=await oe({page:1,pageSize:5,type:1,subType:106,status_min:0}),c=Array.isArray(r?.data?.list)?r.data.list:[];w(c),m(1),ie.current=1,D(c.length>=5),se.current=c.length>=5}catch{w([]),m(1),ie.current=1,D(!1),se.current=!1}},[]),ke=t.useCallback(async()=>{if(ce.current||!se.current)return;const a=ie.current+1,r=5;ce.current=!0,fe(!0);const c=++we.current;try{const i=await oe({page:a,pageSize:r,type:1,subType:106,status_min:0}),l=Array.isArray(i?.data?.list)?i.data.list:[];if(w(j=>{if(l.length===0)return j;const b=new Set(j.map(F=>H(F)).filter(F=>!!F)),L=l.filter(F=>{const ee=H(F);return ee?b.has(ee)?!1:(b.add(ee),!0):!0});return[...j,...L]}),c!==we.current)return;m(a),ie.current=a;const C=l.length>=r;D(C),se.current=C}catch{}finally{ce.current=!1,fe(!1)}},[]);t.useEffect(()=>{let a=!1;return ea({type:1,page:1,pageSize:120}).then(r=>{a||f(r?.data?.list??[])}).catch(()=>{a||f([])}),()=>{a=!0}},[]),t.useEffect(()=>{const a=_.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)}},[_,Q]),t.useEffect(()=>()=>{Q.dispose()},[Q]),t.useEffect(()=>{(async()=>await ne())()},[ne]),t.useEffect(()=>{let a=!1;return aa().then(r=>{a||y(ds(r))}).catch(()=>{a||y([])}),()=>{a=!0}},[]),t.useEffect(()=>{let a=!1;return ta({code:"characterCreate-personToAnime"}).then(r=>{a||$(r?.data??{})}).catch(()=>{a||$({})}),()=>{a=!0}},[]),t.useEffect(()=>{sa().then(a=>{const r=a.data?.list?[...a.data?.list].filter(c=>c.taskSubType===106):[];S(r)}).catch(()=>{S([])})},[]),t.useEffect(()=>{o.length!==0&&M(a=>a!=null&&o.some(r=>r.taskSubType===a)?a:o[0].taskSubType)},[o]),t.useEffect(()=>{if(d==null)return;let a=!1;return ra({subType:d}).then(r=>{if(a)return;const i=(Array.isArray(r?.data)?r.data:[]).map(l=>({...l,displayDimensions:ls(l?.displayDimensions)}));O(i),z(i[0]??null),I({})}).catch(()=>{a||(O([]),z(null),I({}))}),()=>{a=!0}},[d]);const q=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??[]})),...rs]},[p]);t.useEffect(()=>{q.length!==0&&I(a=>{const r={};return q.forEach(c=>{const i=c.options[0]?.value,l=a[c.key];if(c.options.some(j=>j.value===l)){r[c.key]=l;return}i!==void 0&&(r[c.key]=i)}),r})},[q]);const ze=t.useMemo(()=>{const a=q.map(r=>{const c=A[r.key],i=r.options.find(C=>C.value===c)??r.options[0],l=i?.label??String(i?.value??"");return{key:r.key,label:l}}).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))})},[q,A,s]),re=t.useMemo(()=>{const a=q.find(l=>Fe(l.key,l.name));if(!a)return null;const r=A[a.key],c=a.options[0]?.value,i=String(r??c??"");return i?hs(i):null},[q,A]),Ve=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=q.reduce((i,l)=>{const C=A[l.key],j=l.options.find(L=>L.value===C)??l.options[0],b=Number(j?.factor??1);return!Number.isFinite(b)||b<=0?i:i*b},1);return Math.ceil(a*c*r)},[p,q,A]);t.useEffect(()=>{try{localStorage.setItem(Ue,U?"1":"0"),localStorage.setItem($e,P)}catch{}},[U,P]);const Se=t.useCallback(()=>{ye.current?.click()},[]),He=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 l=await ca(c.slice(0,i));v(C=>[...C,...l]),c.length>i&&T.warning(s("composer.maxUploadReached",{max:X}))}catch{T.error(s("composer.uploadFailed"))}})(),a.target.value=""},[x.length,s]),We=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(l=>l.filter(C=>C!==i))}return r.filter((i,l)=>l!==a)})},[]);t.useCallback((a,r,c)=>{const i=a?.images?.[0];if(!i){T.error(s("pages.charactersCreate.noDownloadImage"));return}const l=H(r)??"task";ia(String(i),`character-${l}-${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 na(r),w(c=>c.filter(i=>H(i)!==r)),T.success(s("pages.assetDetails.deleteSuccess"))}catch{T.error(s("pages.assetDetails.deleteFailed"))}}})},[]);const Me=t.useCallback(()=>{window.requestAnimationFrame(()=>{const a=he.current;a&&a.scrollTo({top:a.scrollHeight,behavior:"smooth"})})},[]),Ge=t.useCallback(async()=>{if(!_e){Ce(!0);try{if(V.trim()===""){T.error(s("composer.promptRequired"));return}let a=V.trim();if(U)try{const l=(await oa({text:V,lang:P}))?.data?.text||V;a=String(l).trim()}catch{return}const r={subType:d,aiModelName:p?.name,aiPlatform:p?.code,aiModelId:p?.id,model:p?.code,aiModelCode:p?.code,aiModelCodeAlias:p?.aiModelCodeAlias,type:1,...A,..._s(A.resolution,re),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 ne(),setTimeout(()=>{Me()},100)}catch{}finally{Ce(!1)}}},[p,d,U,V,x,_e,P,re,ne,Me,A,s]),Te=t.useCallback(()=>{const a=he.current;if(!a)return;const r=60,c=a.scrollHeight-a.scrollTop-a.clientHeight;c<=r&&xe(i=>Math.min(n.length,i+le)),!(ce.current||!se.current)&&c<=r&&ke()},[ke,n.length]),Ae=t.useMemo(()=>n.filter(a=>a?.status==0||a?.status==1).map(a=>H(a)).filter(a=>!!a),[n]),pe=t.useMemo(()=>Ae.join(","),[Ae]),me=t.useMemo(()=>n.slice(0,be),[n,be]),Ie=t.useMemo(()=>n.length>0&&n.some(a=>Number(a?.status)===2),[n]),Ye=t.useMemo(()=>n.filter(a=>Array.isArray(a?.resultList)&&a?.status>=0),[n]);t.useCallback(a=>{Ne(String(a?.id??"")),de(!0)},[]);const qe=t.useCallback(async a=>{if(n.some(c=>H(c)===String(a)))try{const c=await oe({ids:String(a),type:1,subType:106}),i=Array.isArray(c?.data?.list)?c.data.list:[];if(i.length===0)return;const l=new Map;if(i.forEach(C=>{const j=H(C);j&&l.set(j,C)}),l.size===0)return;w(C=>C.map(j=>{const b=H(j);return b?l.get(b)??j:j}))}catch{}},[n]);t.useEffect(()=>{if(pe==="")return;let a=!1;const r=pe,c=async()=>{if(!document.hidden)try{const l=await oe({ids:r,type:1,subType:106});if(a)return;const C=Array.isArray(l?.data?.list)?l.data.list:[];if(C.length===0)return;const j=new Map;if(C.forEach(b=>{const L=H(b);if(!L)return;const F=Number(b?.status);if(F<0){T.error(b?.userErrorTipMsg?String(b.userErrorTipMsg):s("pages.charactersCreate.taskGenerateFailed")),j.set(L,b);return}F===2&&j.set(L,b)}),j.size===0)return;w(b=>b.map(L=>{const F=H(L);return F?j.get(F)??L:L}))}catch{}};c();const i=window.setInterval(()=>{c()},ns);return()=>{a=!0,window.clearInterval(i)}},[pe,s]),t.useEffect(()=>{xe(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:he,className:"charactersCreate__taskPreview","aria-label":s("pages.charactersCreate.taskPreviewAria"),onScroll:Te,children:[me.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,l)=>e.jsx("div",{className:"charactersCreate__taskPreviewStyleCard",children:e.jsx("img",{alt:"",className:"charactersCreate__taskPreviewStyleImage",src:i,loading:"lazy",decoding:"async"})},`task-image-${c}-${l}`))}),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,l)=>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}-${l}`)):null]},`task-preview-${c}`)}),me.length<n.length?e.jsx("div",{className:"charactersCreate__taskPreviewLoadHint",children:s("index.explore_more")}):null]}),[Te,me,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:_.map((a,r)=>e.jsx("button",{type:"button",className:classNames("charactersCreate__styleCell",ge.has(String(a.id))&&"charactersCreate__styleCell_selected"),draggable:!0,onMouseEnter:()=>{Q.ensurePreviewImage(a.threeViewImage)},onDragStart:c=>{Oe(c,a.threeViewImage)},onClick:()=>{je(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:()=>{_a({onSelect:a=>{je(a)}})},children:s("index.explore_more")})]})}),e.jsxs("main",{className:"charactersCreate__center",children:[Ke,e.jsxs("div",{className:"charactersCreate__composer",children:[o.map((a,r)=>{const c=d===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",l=typeof a=="string"?a:a.threeViewImage;return e.jsxs("div",{className:"charactersCreate__composerUploadCard charactersCreate__composerUploadCard_preview",children:[e.jsx("img",{className:"charactersCreate__composerUploadPreview",src:l,alt:"",loading:"lazy",decoding:"async"}),e.jsx("button",{type:"button",className:"charactersCreate__composerUploadDeleteBtn","aria-label":s(i?"pages.charactersCreate.deleteRoleAria":"composer.actions.deleteImage"),onClick:()=>We(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:ye,className:"charactersCreate__composerUploadInput",type:"file",accept:"image/*",multiple:!0,onChange:He,tabIndex:-1,"aria-hidden":"true"}),e.jsx(Xt.TextArea,{className:"charactersCreate__composerTextarea",value:V,onChange:a=>K(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(De,{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:q.map(a=>{const r=A[a.key],c=a.options[0]?.value,i=r??c,l=Fe(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",l&&"charactersCreate__paramOptions_ratio"),role:"group","aria-label":a.name,children:a.options.map((C,j)=>{const b=C.value,L=C.label??String(b),F=i===b,ee=l?da(L):null;return e.jsx("button",{type:"button",role:"menuitemradio","aria-checked":F,className:classNames("charactersCreate__paramOption",F&&"charactersCreate__paramOption_active",l&&"charactersCreate__paramOption_ratio"),onClick:()=>{I(Qe=>({...Qe,[a.key]:b}))},children:l?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)}-${j}`)})}),l&&re?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 ",re.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 ",re.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:ze})})}),e.jsx(De,{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:[U?e.jsx("img",{className:"charactersCreate__langSwitchIcon",src:new URL(Object.assign({"/src/assets/images/AiCategories_template.png":Gt,"/src/assets/images/action-mimic-card-bg.png":Wt,"/src/assets/images/action-mimic-card-icon.png":Ht,"/src/assets/images/action-mimic-play-icon.png":Vt,"/src/assets/images/addImage.png":zt,"/src/assets/images/app-store.png":Ot,"/src/assets/images/audio.png":Bt,"/src/assets/images/avatar.png":Ft,"/src/assets/images/check.png":$t,"/src/assets/images/copy-icon.png":Ut,"/src/assets/images/diy-role-card.png":Dt,"/src/assets/images/dot.png":Pt,"/src/assets/images/download.png":Et,"/src/assets/images/explore-cat-icon.png":Lt,"/src/assets/images/fav.png":It,"/src/assets/images/flash.png":At,"/src/assets/images/google-play.png":Tt,"/src/assets/images/hero-image1.png":Mt,"/src/assets/images/hero-image2.png":St,"/src/assets/images/heroTitleIcon1.png":kt,"/src/assets/images/heroTitleIcon2.png":Rt,"/src/assets/images/ic_AI.png":Ee,"/src/assets/images/ic_AI_active.png":Le,"/src/assets/images/ic_arrow_bottom_white.png":jt,"/src/assets/images/ic_arrow_right_gray.png":wt,"/src/assets/images/ic_arrow_right_purple.png":yt,"/src/assets/images/ic_artist.png":Nt,"/src/assets/images/ic_avatar_add.png":vt,"/src/assets/images/ic_character_edit.png":xt,"/src/assets/images/ic_character_edit_white.png":bt,"/src/assets/images/ic_chat_magic.png":Ct,"/src/assets/images/ic_checkbox.png":ft,"/src/assets/images/ic_checkbox_agreement_off.png":ut,"/src/assets/images/ic_checkbox_agreement_on.png":mt,"/src/assets/images/ic_checkbox_checked.png":pt,"/src/assets/images/ic_close.png":gt,"/src/assets/images/ic_collapse.png":ht,"/src/assets/images/ic_collect.png":dt,"/src/assets/images/ic_collect_active.png":_t,"/src/assets/images/ic_copy.png":lt,"/src/assets/images/ic_copyright.png":ot,"/src/assets/images/ic_crown.png":nt,"/src/assets/images/ic_delete.png":it,"/src/assets/images/ic_download.png":ct,"/src/assets/images/ic_empty.png":rt,"/src/assets/images/ic_eye.png":st,"/src/assets/images/ic_gout.png":tt,"/src/assets/images/ic_help.png":at,"/src/assets/images/ic_key.png":et,"/src/assets/images/ic_lamp.png":Za,"/src/assets/images/ic_language.png":Ja,"/src/assets/images/ic_like.png":Xa,"/src/assets/images/ic_like_active.png":Qa,"/src/assets/images/ic_like_white.png":Ka,"/src/assets/images/ic_link.png":qa,"/src/assets/images/ic_look.png":Ya,"/src/assets/images/ic_menu.png":Ga,"/src/assets/images/ic_model.png":Wa,"/src/assets/images/ic_more.png":Ha,"/src/assets/images/ic_plus.png":Va,"/src/assets/images/ic_publish.png":za,"/src/assets/images/ic_refresh.png":Oa,"/src/assets/images/ic_search.png":Ba,"/src/assets/images/ic_share.png":Fa,"/src/assets/images/ic_stars_active.png":$a,"/src/assets/images/ic_stars_white.png":Ua,"/src/assets/images/ic_template_chip.png":Da,"/src/assets/images/ic_user.png":Pa,"/src/assets/images/icon-version.png":Ea,"/src/assets/images/installl.png":La,"/src/assets/images/lang_en.png":Ia,"/src/assets/images/lang_zh.png":Aa,"/src/assets/images/logo-full-white.png":Ta,"/src/assets/images/logo.png":Ma,"/src/assets/images/nav-arrow.png":Sa,"/src/assets/images/official-main-card.png":ka,"/src/assets/images/pending.png":Ra,"/src/assets/images/popiart.png":ja,"/src/assets/images/powered-icon.png":wa,"/src/assets/images/scene1.png":ya,"/src/assets/images/scene2.png":Na,"/src/assets/images/scene3.png":va,"/src/assets/images/scene4.png":xa,"/src/assets/images/sceneCharacter1.png":ba,"/src/assets/images/sceneCharacter2.png":Ca,"/src/assets/images/sceneCharacter3.png":fa,"/src/assets/images/sceneCharacter4.png":ua,"/src/assets/images/search.png":ma,"/src/assets/images/social-media-card.png":pa,"/src/assets/images/star.png":ga,"/src/assets/images/wxgh_loading.png":ha})[`/src/assets/images/${P==="ZH"?"lang_zh":"lang_en"}.png`],import.meta.url).href,alt:"",onClick:()=>u(a=>a==="ZH"?"EN":"ZH")}):null,e.jsxs("button",{type:"button",className:classNames("charactersCreate__composerExpandBtn",U&&"charactersCreate__composerExpandBtn_active"),"aria-pressed":U,"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":Ee,"/src/assets/images/ic_AI_active.png":Le})[`/src/assets/images/ic_AI${U?"_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:()=>Ge(),disabled:_e,children:[e.jsx("img",{src:new URL("/assets/ic_stars_white-CxqAv7TF.png",import.meta.url).href,alt:""}),e.jsx("span",{children:Ve})]})]})]})]})]})]}),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:()=>{K(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:()=>{Yt()},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:()=>{Pe({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:()=>{Pe({onSelect:a=>{Re(a)}})},children:s("index.explore_more")})]})})]}),e.jsx("button",{type:"button",className:classNames("charactersCreate__createGlobal",Ie&&"charactersCreate__createGlobal_active"),disabled:!Ie,onClick:()=>{Ne(null),de(!0)},children:s("pages.charactersCreate.createRole")})]})]}),ve&&e.jsx(as,{visible:ve,taskList:Ye,onClose:()=>de(!1),onCreated:a=>void qe(a)}),e.jsx(ts,{visible:Z.visible,steps:Z.steps,currentStep:Z.currentStep,onClose:Z.hide,onComplete:Z.complete,onStepChange:Z.goToStep,showSkip:!0,showStepIndicator:!0})]})}export{xs as default};
//# sourceMappingURL=index-Bj8npALk.js.map