https://www.flexispot.jp/assets/js/chunk-pages-blog-category-310ea1dbb54e0171fad6.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4685],{67133:(function(z,q,u){u.r(q),u.d(q,{default:function(){return et}});var e=u(67294),_=u(11382),ye=u(50970),Ee=u(6700),pe=u(93488),be=u(48290),Ne=u(11239),E=u(66518),Ce=u(64812),ee=u(47933),Se=u(26703),j=u(33432),W=u(21566),k=u(56359);const Pe=u(11900),Le=u(46891),Oe=u(74087),Ae=u(45450);var we=(a=>{var t;const{onChange:l,sort:s,setCurrentHeadMode:m,defaultMode:v}=a,h=(0,e.useRef)(null),[c,n]=(0,e.useState)(null),[g,b]=(0,e.useState)(v||"mode-detail"),S=(0,e.useRef)(),D=(0,W.Z)();function w(y){l({sort:y.target.value})}const p=y=>{var r;if(y.key==="Enter"&&c){const f=(r=window.location.pathname)==null?void 0:r.split("/")[3];window.location.href=f?`/blog/search/${f}?page=1&sort=${s}&keywords=${c}`:`/blog/search?page=1&sort=${s}&keywords=${c}`}},P=y=>{n(y.target.value)},O=y=>{b(y),m(y)},x=()=>{var y;if(c){const r=(y=window.location.pathname)==null?void 0:y.split("/")[3];window.location.href=r?`/blog/search/${r}?page=1&sort=${s}&keywords=${c}`:`/blog/search?page=1&sort=${s}&keywords=${c}`}};return e.createElement("div",{className:"blog-list-header-New",ref:h},e.createElement("div",{className:"blog-header-container"},e.createElement("div",{className:"operation"},e.createElement("span",{className:"sort-by"},(0,j.wv)({id:"bbs.manage.sortBy",defaultMessage:"\u6392\u5E8F"}),"\uFF1A"),e.createElement(ee.ZP.Group,{onChange:w,defaultValue:(t=E.IH[0])==null?void 0:t.key,size:"small"},E.IH.map(({title:y,key:r})=>e.createElement(ee.ZP.Button,{key:r,value:r},y)))),e.createElement("div",{className:"blog-header-right"},e.createElement(Se.Z,{ref:S,className:"blog-search",prefix:e.createElement(Ce.Z,{style:{fontSize:20,color:"#8B8C8B"},type:"search",onClick:()=>x()}),placeholder:(0,j.wv)({id:"user.blog.search.search",defaultMessage:"Search"}),onChange:P,onKeyDown:p,value:c}),e.createElement("div",{className:"blog-header-divider"},e.createElement(k.i,{src:g==="mode-detail"?Ae:Oe,className:"blog-header-right-icon",onClick:()=>O("mode-detail")}),e.createElement(k.i,{src:g==="mode-list"?Le:Pe,className:"blog-header-right-icon",onClick:()=>O("mode-list")})))))}),Be=u(32130),$e=u(65896),te=u(64155),Ie=(a,t,l)=>new Promise((s,m)=>{var v=n=>{try{c(l.next(n))}catch(g){m(g)}},h=n=>{try{c(l.throw(n))}catch(g){m(g)}},c=n=>n.done?s(n.value):Promise.resolve(n.value).then(v,h);c((l=l.apply(a,t)).next())});function le(a,t,l,s,m){return Ie(this,null,function*(){const v={orderBy:t,pageNo:l||1,pageSize:s||9,status:"PUBLISHED",articleTypes:["BLOG"],categoryIds:a,site:E.Kd},{data:h,total:c}=yield(0,te.WY)("/sapi/mall-content/web/article/pageArticle",{method:"POST",data:v,ctx:m});return{total:c,list:h}})}function ot(a,t){return request("/sapi/mall-content/web/article/category/withParent",{method:"POST",data:{id:a},ctx:t})}function rt(a,t){return request("/sapi/mall-content/web/blogSetting/detail",{method:"POST",data:{},ctx:t})}var Me=u(90706),Re=u(30575),G=u(64996),V=u(63036);function Ze(){var a;const[t,l]=(0,e.useState)({}),s=(0,e.useRef)(null),m=(0,e.useRef)(null),[v,h]=(0,e.useState)([]),[c,n]=(0,e.useState)(!1),{currentBreakpoint:g}=(0,W.Z)(),b=g===E.cL.sm,S=g===E.cL.sm||g===E.cL.md,D=200,w=()=>{const o={select:{fields:[{name:"title"},{name:"content"}]}};(0,Re.U)(o).then(i=>{(i==null?void 0:i.length)>0&&i[0]?(h(i||[]),l(i[0]||{})):n(!0)})};(0,e.useEffect)(()=>{w()},[]);const p=o=>{const i=m.current;i&&(S?i.scrollBy({left:o,behavior:"smooth"}):i.scrollBy({top:o,behavior:"smooth"}))},P=o=>{const i=s.current;i&&(o==="right"?i.next():i.prev())},O=o=>{v[o]&&l(v[o])},[x,y]=(0,e.useState)(!1),[r,f]=(0,e.useState)(!1),N=(0,e.useCallback)(()=>{const o=m.current;if(o)if(S){const{scrollLeft:i,scrollWidth:C,clientWidth:K}=o;y(i>0),f(i+K<C)}else{const{scrollTop:i,scrollHeight:C,clientHeight:K}=o;y(i>0),f(i+K<C)}},[S]);(0,e.useEffect)(()=>{const o=m.current;if(!o)return;N();const i=()=>N();o.addEventListener("scroll",i);const C=new ResizeObserver(i);return C.observe(o),()=>{o.removeEventListener("scroll",i),C.disconnect()}},[N]);const I=(0,e.useCallback)(()=>{var o,i;return e.createElement(e.Fragment,null,e.createElement(k.i,{lazyLoad:!0,key:(t==null?void 0:t.t

1itle)||"",className:"scene-list-main-img-active",src:t==null?void 0:t.headImageUrl,alt:(o=t==null?void 0:t.headImageUrlAndAlt)==null?void 0:o.alt,onClick:()=>{var C;window.open(`${(C=E.fh)==null?void 0:C.blogCenterPath}/${t==null?void 0:t.urlKey}`,"_blank")}}),e.createElement("div",{className:"scene-list-main-img-mask"}),e.createElement("div",{className:"scene-list-main-img-active-content"},e.createElement("div",{className:"content-title"},t==null?void 0:t.title),e.createElement("div",{className:"content-other"},(t==null?void 0:t.issuedAt)&&e.createElement("span",{className:"date"},(0,G.Z)((t==null?void 0:t.issuedAt)||new Date,E.tO.blogDate,{locale:E.GA})),((i=t==null?void 0:t.tagList)==null?void 0:i.length)>0&&e.createElement("span",{className:"line"}),e.createElement(V.Z,{tagList:t==null?void 0:t.tagList}))))},[t]),M=(0,e.useCallback)(()=>v==null?void 0:v.map(o=>{var i;return e.createElement("div",{className:(t==null?void 0:t.id)===(o==null?void 0:o.id)?"scene-list-main-img-list-item scene-list-main-img-list-item-active":"scene-list-main-img-list-item",key:o==null?void 0:o.id,onClick:()=>l(o)},e.createElement(k.i,{lazyLoad:!0,className:"scene-list-main-img-list-item-img",src:o==null?void 0:o.headImageUrl,alt:(i=o==null?void 0:o.headImageUrlAndAlt)==null?void 0:i.alt}),(t==null?void 0:t.id)!==(o==null?void 0:o.id)?e.createElement("div",{className:"scene-list-main-img-list-item-mask"}):null)}),[v,t]);return c?null:e.createElement("div",{className:"blog-list-recommend-container"},b?e.createElement("main",{className:"scene-list-main-large"},e.createElement("div",{className:"scene-list-main-img-list-btn scene-list-main-img-list-btn-left",onClick:()=>P("left")}),e.createElement(Me.Z,{dots:!1,ref:s,afterChange:O},v==null?void 0:v.map(o=>{var i;return e.createElement("div",{key:o==null?void 0:o.id,style:{height:"100%",width:"100%"}},e.createElement(k.i,{lazyLoad:!0,className:"scene-list-main-large-img",src:o==null?void 0:o.headImageUrl,alt:(i=o==null?void 0:o.headImageUrlAndAlt)==null?void 0:i.alt,onClick:()=>{var C;window.open(`${(C=E.fh)==null?void 0:C.blogCenterPath}/${t==null?void 0:t.urlKey}`,"_blank")}}))})),e.createElement("div",{className:"scene-list-main-img-list-btn scene-list-main-img-list-btn-right",onClick:()=>P("right")}),e.createElement("div",{className:"scene-list-main-img-active-content"},e.createElement("div",{className:"content-title"},t==null?void 0:t.title),e.createElement("div",{className:"content-other"},(t==null?void 0:t.issuedAt)&&e.createElement("span",{className:"date"},(0,G.Z)(t==null?void 0:t.issuedAt,E.tO.blogDate,{locale:E.GA})),((a=t==null?void 0:t.tagList)==null?void 0:a.length)>0&&e.createElement("span",{className:"line"}),e.createElement(V.Z,{tagList:t==null?void 0:t.tagList})))):e.createElement("main",{className:"scene-list-main"},e.createElement("div",{className:"scene-list-main-img"},I()),e.createElement("div",{className:"scene-list-main-img-list"},x&&!b&&e.createElement("div",{className:"scene-list-main-img-list-btn scene-list-main-img-list-btn-left",onClick:()=>p(-D)}),e.createElement("div",{className:"scene-list-main-img-list-container",ref:m},M()),r&&!b&&e.createElement("div",{className:"scene-list-main-img-list-btn scene-list-main-img-list-btn-right",onClick:()=>p(D)}))))}function De(a){const{category:t,defaultActive:l,onChange:s,selected:m}=a,v=(0,e.useRef)(null),{currentBreakpoint:h}=(0,W.Z)(),c=h===E.cL.sm,[n,g]=(0,e.useState)(!1),[b,S]=(0,e.useState)(!1),D=t.reduce((r,f)=>{var N;return(N=r[f.level-1])==null||N.push(f),r},new Array(3).fill(null).map(()=>[])),[w,p]=(0,e.useState)("all");(0,e.useEffect)(()=>{var r,f,N,I;(r=m==null?void 0:m[0])!=null&&r.id&&w!==((f=m==null?void 0:m[0])==null?void 0:f.id)?p((N=m==null?void 0:m[0])==null?void 0:N.id):(I=m==null?void 0:m[0])!=null&&I.id||p("all")},[m]);const P=r=>{const f=v.current;f&&f.scrollBy({left:r,behavior:"smooth"})},O=(0,e.useCallback)(()=>{const r=v.current;if(!r)return;const{scrollLeft:f,scrollWidth:N,clientWidth:I}=r;g(f>0),S(f+I<N)},[]);(0,e.useEffect)(()=>{const r=v.current;if(!r)return;O();const f=()=>O();r.addEventListener("scroll",f);const N=new ResizeObserver(f);return N.observe(r),()=>{r.removeEventListener("scroll",f),N.disconnect()}},[O]);const x=r=>{p(r==null?void 0:r.id),s&&s({selected:[r]})},y=()=>{p("all"),s&&s({selected:[]})};return e.createElement("div",{className:"blog-list-category-container"},c?null:e.createElement("div",{className:"blog-category-title"},"\u30AB\u30C6\u30B4\u30EA\u30FC"),e.createElement("div",{className:"blog-category-list"}

1,n&&!c&&e.createElement("div",{className:"blog-category-list-btn blog-category-list-btn-left",onClick:()=>P(-100)}),e.createElement("div",{className:"blog-category-list-container",ref:v},e.createElement("div",{className:`blog-category-list-item ${w==="all"?"blog-category-list-item-active":""}`,onClick:y},"\u3059\u3079\u3066\u306E\u8A18\u4E8B"),t.map(r=>e.createElement("div",{key:r==null?void 0:r.id,className:`blog-category-list-item ${w===(r==null?void 0:r.id)?"blog-category-list-item-active":""}`,onClick:()=>x(r)},r==null?void 0:r.name))),b&&!c&&e.createElement("div",{className:"blog-category-list-btn blog-category-list-btn-right",onClick:()=>P(100)})))}var ze=u(29969),xe=u(88036),He=(a=>{var t;const{id:l,urlKey:s,title:m,headImageUrl:v,headImageUrlAndAlt:h,issuedAt:c,tagList:n=[]}=a.item,g=h==null?void 0:h.alt;return e.createElement("a",{key:l,className:"blog-list-item-NEW",target:"_blank",href:`${(t=E.fh)==null?void 0:t.blogCenterPath}/${s}`,rel:"noreferrer"},e.createElement(ze.Z,{src:v||xe,alt:g,lazyLoad:!0,className:"blog-list-item-NEW-img"}),e.createElement("div",{className:"words-container"},e.createElement("div",{className:"title"},m),e.createElement("div",{className:"last-line"},e.createElement("span",{className:"date"},e.createElement("span",null,(0,G.Z)(c,E.tO.blogDate,{locale:E.GA}))),(n==null?void 0:n.length)>0&&e.createElement("span",{className:"line"}),e.createElement(V.Z,{tagList:n}))))}),Te=u(78035),ke=Object.defineProperty,Fe=Object.defineProperties,Ue=Object.getOwnPropertyDescriptors,ae=Object.getOwnPropertySymbols,Ke=Object.prototype.hasOwnProperty,je=Object.prototype.propertyIsEnumerable,ne=(a,t,l)=>t in a?ke(a,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):a[t]=l,H=(a,t)=>{for(var l in t||(t={}))Ke.call(t,l)&&ne(a,l,t[l]);if(ae)for(var l of ae(t))je.call(t,l)&&ne(a,l,t[l]);return a},Y=(a,t)=>Fe(a,Ue(t)),We=(a,t,l)=>new Promise((s,m)=>{var v=n=>{try{c(l.next(n))}catch(g){m(g)}},h=n=>{try{c(l.throw(n))}catch(g){m(g)}},c=n=>n.done?s(n.value):Promise.resolve(n.value).then(v,h);c((l=l.apply(a,t)).next())});const Ge=()=>e.createElement($e.Z,{emptyLabel:e.createElement(be.Z,{id:"user.blog.empty",defaultMessage:"\u62B1\u6B49\uFF0C\u6CA1\u6709\u627E\u5230\u76F8\u5173\u7684\u535A\u5BA2"}),imgOpt:{css:"icon-empty-search"},style:{marginTop:100},hasLink:!0});var Ve=(a=>{var t,l;const{category:s,categoryInfo:m,blogList:v,pagination:h,match:{query:{page:c}}}=a,[n,g]=(0,e.useState)([]),[b,S]=(0,e.useState)((t=E.IH[0])==null?void 0:t.key),D=(0,e.useRef)(!1),w=(0,Be.Z)(),[p,P]=(0,e.useState)("mode-detail"),O=(0,e.useRef)(null),[x,y]=(0,e.useReducer)(d=>d+1,0),[r,f]=(0,e.useState)([]),[N,I]=(0,e.useState)(1),[M,o]=(0,e.useState)(!1),[i,C]=(0,e.useState)(!0),[K,tt]=(0,e.useState)(0),R=w.sm;(0,e.useEffect)(()=>{y()},[]);const Q=(0,e.useCallback)((d=1,L=!1)=>We(null,null,function*(){if(!M){o(!0);try{const A=n.length>0?n.map(({id:$})=>$):s.map(({id:$})=>$),B=yield le(A,b,d,12);L?(f(B.list||[]),I(1)):(f($=>[...$,...B.list||[]]),I(d)),tt(B.total||0),C((B.list||[]).length===12&&(B.list||[]).length<(B.total||0))}catch(A){console.error("Failed to fetch mobile blog data:",A)}finally{o(!1)}}}),[n,b,M]),ue=(0,e.useCallback)(()=>{i&&!M&&Q(N+1,!1)},[Q,N,i,M]),{pagination:ge,data:F,run:ve,params:fe,loading:lt}=(0,Ne.Z)(({categoryIds:d,current:L,pageSize:A,orderBy:B})=>{const $=window.location.pathname+`?page=${L||1}`;window.history.pushState({path:$},"",$);const X=d||(n.length>0?n.map(({id:T})=>T):s.map(({id:T})=>T));return le(X,B||b,L,A=12)},{manual:!0,defaultPageSize:12,total:h==null?void 0:h.total,orderBy:(l=E.IH[0])==null?void 0:l.key});(0,e.useEffect)(()=>{if(!R||!O.current)return;const d=new IntersectionObserver(L=>{const[A]=L;A.isIntersecting&&i&&!M&&ue()},{threshold:.1,rootMargin:"50px"});return d.observe(O.current),()=>{d.disconnect()}},[R,i,M,ue]),(0,e.useEffect)(()=>{R&&Q(1,!0)},[R,n,b]),(0,e.useEffect)(()=>{ve(Y(H({},fe),{categoryIds:n.length>0?n.map(({id:d})=>d):s.map(({id:d})=>d),orderBy:b,current:Number(c)||1}))},[c]),(0,e.useEffect)(()=>{if(!D.current){D.current=!0;return}ve(Y(H({},fe),{categoryIds:n.length>0?n.map(({id:d})=>d):s.map(({id:d})=>d),orderBy:b}))},[n,b]);const at=F!=null&&F.list?ge:H(H(H({},ge),h),{pageSize:12}),Z=R?r:F?F==null?void 0:F.list:v||[],nt=R?M:lt;function he(d){var L,A,B,$;if(d!=null&&d.sort){S(d==null?void 0:d.sort);return}if(g(d==null?void 0:d.selected),R&&(f([]),I(1),C(!0)),(d==null?void 0:d.selected.length)===1){const X=(A=(L=E.w6)==null?void 0:L.titleLast)!=null?A:" | Flexispot",T=((B=d.selected[0])==null?void 0:B.seoTitle)||(($=d.selected[0])==null?void 0:$.name)||"";document.title=T?`${T}${X}`:""}}const st=(d,L,A)=>L==="prev"?e.createElement(Ee.Z,{style:{color:"#000"}}):L==="next"?e.createElement(pe.Z,{style:{color:"#000"}}):A;return e.createElement("div",{className:"blog-category-page-NEW",key:`browser-${x}-${R}`},e.createElement("div",{className:"blog-list-wrap-recommend"},e.createElement(Ze,null)),e.createElement("div",{className:"blog-list-wrap-category"},e.createElement(De,{category:s,selected:n,onChange:he})),e.createElement("div",{className:"blog-list-wrap-head"},e.createElement(we,{menus:s,onChange:he,sort:b,category:s,defaultMode:p,setCurrentHeadMode:P})),e.createElement(_.Z,{size:"large",spinning:nt,tip:"Loading"},e.createElement("div",{className:"blog-list-wrap"},e.createElement("div",{className:`blog-list-body 
2            ${p==="mode-list"&&"vertical"} 
3            ${(Z==null?void 0:Z.length)>

30?"":"no-data"}`},Z!=null&&Z.length?Z==null?void 0:Z.map((d,L)=>p==="mode-detail"?e.createElement(He,{key:d==null?void 0:d.id,item:d}):e.createElement(Te.Z,{key:d==null?void 0:d.id,item:d})):e.createElement(Ge,null)),Z!=null&&Z.length&&!R?e.createElement("div",{className:"blog-list-footer"},e.createElement(ye.Z,Y(H({hideOnSinglePage:!0,showSizeChanger:!1},at),{itemRender:st}))):null,R&&(Z==null?void 0:Z.length)>0&&e.createElement("div",{className:"mobile-load-more"},M?e.createElement("div",{className:"loading-more"},e.createElement(_.Z,{size:"small"}),e.createElement("span",{style:{marginLeft:8}},"Loading")):i?null:e.createElement("div",{className:"no-more"},(0,j.wv)({id:"trade.order.common.inTheEnd",defaultMessage:"no more"})),e.createElement("div",{ref:O,id:"load-more-anchor",style:{height:"1px"}})))))}),se=u(91808),oe=u(72066),Ye=Object.defineProperty,Je=Object.defineProperties,Qe=Object.getOwnPropertyDescriptors,U=Object.getOwnPropertySymbols,re=Object.prototype.hasOwnProperty,ie=Object.prototype.propertyIsEnumerable,ce=(a,t,l)=>t in a?Ye(a,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):a[t]=l,J=(a,t)=>{for(var l in t||(t={}))re.call(t,l)&&ce(a,l,t[l]);if(U)for(var l of U(t))ie.call(t,l)&&ce(a,l,t[l]);return a},Xe=(a,t)=>Je(a,Qe(t)),qe=(a,t)=>{var l={};for(var s in a)re.call(a,s)&&t.indexOf(s)<0&&(l[s]=a[s]);if(a!=null&&U)for(var s of U(a))t.indexOf(s)<0&&ie.call(a,s)&&(l[s]=a[s]);return l},_e=(a,t,l)=>new Promise((s,m)=>{var v=n=>{try{c(l.next(n))}catch(g){m(g)}},h=n=>{try{c(l.throw(n))}catch(g){m(g)}},c=n=>n.done?s(n.value):Promise.resolve(n.value).then(v,h);c((l=l.apply(a,t)).next())});const de=a=>{var t=a,{data:l}=t,s=qe(t,["data"]);return e.createElement(e.Fragment,null,e.createElement(oe.TB,J({partKey:"header"},s)),e.createElement(Ve,Xe(J({},s),{data:l})),e.createElement(oe.TB,J({partKey:"footer"},s)))};function me(a=[],t=[]){a.forEach(l=>{t.push(l),l!=null&&l.subCategoryList&&me(l==null?void 0:l.subCategoryList,t)})}de.getInitialProps=(a,t)=>_e(null,null,function*(){var l,s,m,v;const h=(l=a.match.params)==null?void 0:l.category,c=(s=a.match.query)==null?void 0:s.id,n=[];let g=[];(h||c)&&(g=yield(0,se.In)(h,c,t));const b=yield(0,se.n3)(t);me(b,n);const{seoTitle:S,seoKeyword:D,seoDescription:w,name:p}=g[0]||{},P=(v=(m=E.w6)==null?void 0:m.titleLast)!=null?v:" | FlexiSpot \u516C\u5F0F\u30B9\u30C8\u30A2";return te.jU&&(g!=null&&g.length)&&(document.title=(S?`${S}${P}`:"")||(p?`${p}${P}`:"")),t.seo={title:(S?`${S}${P}`:"")||(p?`${p}${P}`:""),keywords:D||p,description:w||p},{category:n,categoryInfo:g}});var et=de}),45450:(function(z){z.exports="/assets/images/c7d3308d274e4ce7c3f0.svg"}),74087:(function(z){z.exports="/assets/images/169abe1eabf108c5a640.svg"}),46891:(function(z){z.exports="/assets/images/bf904e0450fb938b45e3.svg"}),11900:(function(z){z.exports="/assets/images/45f5c5130eb2e18873b9.svg"})}]);