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