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
5.6 KiB
2 lines
5.6 KiB
import{j as a}from"./markdown-vendor-DnN-_XEd.js";import{u as U,r as c}from"./data-vendor-DOiUz3Tw.js";import{g as P}from"./react-vendor-B8OyfHW2.js";import{E as R,a as L,f as I}from"./index-BKk2Zt4l.js";import{M,D as O}from"./arco-vendor-Cm-ntj-q.js";function C(r){return typeof r.avatar=="string"&&r.avatar?r.avatar:typeof r.coverUrl=="string"&&r.coverUrl?r.coverUrl:typeof r.imageUrl=="string"&&r.imageUrl?r.imageUrl:typeof r.image=="string"&&r.image?r.image:""}function v(r){return typeof r.title=="string"&&r.title?r.title:typeof r.name=="string"&&r.name?r.name:""}function T(r){const s=r;return s?.data?.list??s?.list??[]}const o="keyword",A=350;function B({showDiyEntry:r=!0}){const{t:s}=U(),[_,g]=P(),p=c.useRef(null),h=_.get(o)?.trim()??"",[d,m]=c.useState(()=>_.get(o)??""),[w,b]=c.useState([]),[u,f]=c.useState([]),[i,x]=c.useState(null),[j,y]=c.useState(!1),[S]=c.useState([]);c.useEffect(()=>{R().then(e=>{const t=e.data,n=Array.isArray(t)?t:[];n.sort((l,E)=>(l.sortNum??0)-(E.sortNum??0)),f(n)}).catch(()=>{f([])})},[]),c.useEffect(()=>{m(_.get(o)??"")},[_]),c.useEffect(()=>{const e=window.setTimeout(()=>{const t=d.trim();g(n=>{const l=new URLSearchParams(n);return t?l.set(o,t):l.delete(o),l},{replace:!0})},A);return()=>window.clearTimeout(e)},[d,g]),c.useEffect(()=>{const e={type:1,page:1,pageSize:120};i!=null&&(e.categoryId=i),h&&(e.keyword=h);let t=!1;return L(e).then(n=>{t||b(T(n))}).catch(()=>{t||b([])}),()=>{t=!0}},[i,h]);const k=c.useMemo(()=>i==null?s("pages.characters.category_all"):u.find(t=>t.id===i)?.name??s("pages.characters.category_label"),[u,i,s]),N=c.useCallback(e=>{I({props:{characterDetailData:e}})},[]),D=c.useCallback(()=>{M.info("功能暂未开放....")},[]);return a.jsxs("div",{className:"character_library_sections",children:[a.jsxs("section",{className:"character_library_sections__section","aria-labelledby":"character-library-my-heading",children:[a.jsxs("div",{className:"character_library_sections__section_head",children:[a.jsx("div",{className:"character_library_sections__title_wrap",children:a.jsx("h2",{id:"character-library-my-heading",className:"character_library_sections__section_title",children:s("pages.characters.my_section")})}),a.jsxs("label",{className:"character_library_sections__search",children:[a.jsx("img",{className:"character_library_sections__search_icon",src:new URL("/assets/ic_search-DREI2NzL.png",import.meta.url).href,alt:""}),a.jsx("input",{className:"character_library_sections__search_input",type:"search",placeholder:s("pages.characters.search_placeholder"),name:"keyword",value:d,onChange:e=>{m(e.target.value)},"aria-label":s("pages.characters.search_aria")})]})]}),a.jsxs("div",{className:"character_library_sections__grid",children:[r?a.jsxs("button",{type:"button",className:"character_library_sections__card character_library_sections__diy_card",onClick:()=>{D()},"aria-label":s("pages.characters.diy_aria"),children:[a.jsx("img",{className:"character_library_sections__diy_icon",src:new URL("/assets/ic_plus-DsKUbTM-.png",import.meta.url).href,alt:""}),a.jsx("p",{className:"character_library_sections__diy_label",children:s("pages.characters.diy_label")})]}):null,S.map((e,t)=>a.jsxs("button",{type:"button",className:"character_library_sections__card",onClick:()=>{N(e)},children:[a.jsx("img",{className:"character_library_sections__card_image",src:C(e),alt:""}),a.jsx("span",{className:"character_library_sections__card_tag",children:v(e)})]},String(e.id??t)))]})]}),a.jsxs("section",{className:"character_library_sections__section","aria-labelledby":"character-library-official-heading",children:[a.jsxs("div",{className:"character_library_sections__section_head",children:[a.jsx("div",{className:"character_library_sections__title_wrap",children:a.jsx("h2",{id:"character-library-official-heading",className:"character_library_sections__section_title",children:s("pages.characters.official_section")})}),a.jsx("div",{ref:p,children:a.jsx(O,{trigger:"click",position:"br",popupVisible:j,onVisibleChange:y,triggerProps:{style:{zIndex:2e3}},getPopupContainer:()=>p.current??document.body,droplist:a.jsxs("div",{className:"character_library_sections__category_dropdown",role:"menu","aria-label":s("pages.characters.category_aria"),children:[a.jsx("button",{type:"button",className:["character_library_sections__category_menu_item",i===null?"character_library_sections__category_menu_item_active":""].filter(Boolean).join(" "),role:"menuitem",onClick:()=>{x(null),y(!1)},children:s("pages.characters.category_all")}),u.map(e=>a.jsx("button",{type:"button",className:["character_library_sections__category_menu_item",i===e.id?"character_library_sections__category_menu_item_active":""].filter(Boolean).join(" "),role:"menuitem",onClick:()=>{x(e.id),y(!1)},children:e.name},e.id))]}),children:a.jsxs("button",{type:"button",className:"character_library_sections__category","aria-label":s("pages.characters.category_aria"),"aria-expanded":j,"aria-haspopup":"menu",children:[a.jsx("span",{children:k}),a.jsx("img",{className:"character_library_sections__category_icon",src:new URL("/assets/ic_arrow_right_gray-DM6GPP4g.png",import.meta.url).href,alt:""})]})})})]}),a.jsx("div",{className:"character_library_sections__grid",children:w.map((e,t)=>a.jsxs("div",{className:"character_library_sections__card",onClick:()=>{N(e)},children:[a.jsx("img",{className:"character_library_sections__card_image",src:C(e),alt:""}),a.jsx("span",{className:"character_library_sections__card_tag",children:v(e)})]},String(e.id??t)))})]})]})}function H(){return a.jsx("div",{className:"charactersPage",children:a.jsx(B,{})})}export{B as CharacterLibrarySections,H as default};
|
|
//# sourceMappingURL=index-B15Pt-bU.js.map
|
|
|