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
3.4 KiB
2 lines
3.4 KiB
import{j as a}from"./markdown-vendor-DnN-_XEd.js";import{u as I,r as t}from"./data-vendor-DOiUz3Tw.js";import{k as v,bc as w}from"./index-BF-Ici5R.js";import{D as C}from"./arco-vendor-Cm-ntj-q.js";import"./react-vendor-B8OyfHW2.js";function f(n){const l=n;return l?.data?.list??l?.list??[]}function z({onClose:n,onSelect:l,initialCategoryId:y=null}){const{t:s}=I(),d=t.useRef(null),[o,b]=t.useState(""),[m,k]=t.useState(""),[x,p]=t.useState([]),[u,g]=t.useState([]),[i,P]=t.useState(y),[h,_]=t.useState(!1);t.useEffect(()=>{const e=window.setTimeout(()=>{k(o.trim())},300);return()=>window.clearTimeout(e)},[o]),t.useEffect(()=>{let e=!1;return v().then(r=>{if(e)return;const c=f(r).sort((L,S)=>Number(L.sort??0)-Number(S.sort??0));g(c)}).catch(()=>{e||g([])}),()=>{e=!0}},[]),t.useEffect(()=>{let e=!1;const r={page:1,pageSize:120};return i!=null&&(r.categoryId=i),m&&(r.keyword=m),w(r).then(c=>{e||p(f(c))}).catch(()=>{e||p([])}),()=>{e=!0}},[m,i]);const j=t.useMemo(()=>{if(i==null)return s("pages.create.inspiration.materialLibrary.categoryLabel");const e=u.find(r=>Number(r.id)===i);return String(e?.name??s("pages.create.inspiration.materialLibrary.categoryLabel"))},[u,i,s]),N=e=>{l?.(e),n?.()};return a.jsx("div",{className:"materialPicker",children:a.jsxs("div",{className:"materialPicker__surface",children:[a.jsx("button",{type:"button",className:"materialPicker__close",onClick:()=>n?.(),"aria-label":s("dialog.common.closeAria"),children:a.jsx("img",{src:new URL("/assets/ic_close-C0Ltcj9g.png",import.meta.url).href,alt:""})}),a.jsxs("div",{className:"materialPicker__topBar",children:[a.jsx("h3",{className:"materialPicker__title",children:s("pages.create.inspiration.filters.characterAssets")}),a.jsxs("div",{className:"materialPicker__tools",children:[a.jsxs("label",{className:"materialPicker__search",children:[a.jsx("img",{className:"materialPicker__searchIcon",src:new URL("/assets/ic_search-DREI2NzL.png",import.meta.url).href,alt:""}),a.jsx("input",{className:"materialPicker__searchInput",type:"search",value:o,onChange:e=>{b(e.target.value)},placeholder:s("pages.characters.search_placeholder")})]}),a.jsx("div",{ref:d,children:a.jsx(C,{trigger:"click",position:"br",popupVisible:h,onVisibleChange:_,triggerProps:{style:{zIndex:3e3}},getPopupContainer:()=>d.current??document.body,droplist:a.jsx("div",{className:"materialPicker__categoryDropdown",role:"menu","aria-label":s("pages.create.inspiration.materialLibrary.categoryLabel"),children:u.map(e=>{const r=Number(e.id),c=i===r;return a.jsx("button",{type:"button",className:c?"materialPicker__categoryItem materialPicker__categoryItem--active":"materialPicker__categoryItem",onClick:()=>{P(r),_(!1)},children:String(e.name??"")},String(e.id))})}),children:a.jsxs("button",{type:"button",className:"materialPicker__categoryButton","aria-expanded":h,"aria-haspopup":"menu",children:[a.jsx("span",{children:j}),a.jsx("img",{src:new URL("/assets/ic_arrow_right_gray-DM6GPP4g.png",import.meta.url).href,alt:""})]})})})]})]}),a.jsx("div",{className:"materialPicker__grid",children:x.map((e,r)=>a.jsxs("button",{type:"button",className:"materialPicker__card",onClick:()=>{N(e)},children:[a.jsx("img",{className:"materialPicker__cardImage",src:String(e.url??e.icon??""),alt:String(e.name??"")}),a.jsx("span",{className:"materialPicker__useMask",children:s("pages.create.inspiration.materialLibrary.useMaterial")})]},String(e.id??r)))})]})})}export{z as default};
|
|
//# sourceMappingURL=index-Bw7Ji8YR.js.map
|
|
|