https://cs-c1.yiketu.com/assets/index-5f6b5dc7.js

1import{o as F,ac as ue,r as w,am as Me,C as de,_ as pe,I as A,p as s,q as r,N as d,M as L,s as y,bp as Fe,bo as Re,a9 as Ve,aa as ze,K,ab as Pe,y as b,z as S,F as x,t as M,w as N,x as R,j as Z,a6 as Ne,a7 as We,a4 as ye,R as he,A as me,B as ve,P as Ke,n as Ge,a5 as He,u as qe,a3 as De,aK as Oe}from"./vender-6fd14064.js";import{M as Ue,a as E}from"./material-5b1bda19.js";import{an as Be,_ as V,be as Ye,y as fe,R as ee,bD as Xe,ai as je,P as Je,am as Qe,aj as Ze,cb as et}from"./global-0d0d0236.js";import{A as tt}from"./AutoItemSizeScroll-e6907737.js";import{W as at}from"./index-f654bc31.js";import{V as _e}from"./VipIcon-c0b4b89e.js";import{v as nt,C as st}from"./longpress-2c3ea1e3.js";import{a as le,s as re,b as it}from"./RaiseTemplateDemand-02c0c5b6.js";import{x as ot,y as lt}from"./bg_3-c5a1bc83.js";import{S as rt}from"./index-2c77667f.js";const ct={class:"material-search"},ut={class:"material-search-types"},dt=["onClick"],pt={class:"material-search-type-label"},yt=F({emits:["search","changeType"],setup(n,{expose:k,emit:v}){const _=ue(Ue),f=w("material"),i=w(""),o=w(!1),a=Me(()=>v("search",{searchType:f.value,keyword:i.value}),50);de(()=>{window.addEventListener("scroll",l)}),pe(()=>{window.removeEventListener("scroll",l)});

1function l(){o.value=document.documentElement.scrollTop>116}function c(h){f.value=h,v("changeType"),a()}return k({reset(){i.value=""}}),(h,u)=>{const g=A("SvgIcon");return s(),r("div",ct,[d(y(ze),{modelValue:i.value,"onUpdate:modelValue":u[0]||(u[0]=m=>i.value=m),placeholder:h.$t("xx.material.searchbar-placehodler"),class:"search-ipt",size:"large",onKeydown:Ve(y(a),["enter"])},{prefix:L(()=>[d(y(Fe),{class:"material-search-input-icon",onClick:y(a)},{default:L(()=>[d(y(Re))]),_:1},8,["onClick"])]),_:1},8,["modelValue","placeholder","onKeydown"]),o.value?(s(),K(Pe,{key:0,to:"#header-extend"},[d(Be,{modelValue:i.value,"onUpdate:modelValue":u[1]||(u[1]=m=>i.value=m),class:"search-input",width:"350px",placeholder:h.$t("xx.material.searchbar-placehodler"),plain:"",size:"large",onSearch:y(a)},null,8,["modelValue","placeholder","onSearch"])])):b("",!0),S("div",ut,[(s(!0),r(x,null,M(y(_),m=>(s(),r("div",{key:m.key,class:N([{"is-active":m.key===f.value},"material-search-type"]),onClick:G=>c(m.key)},[S("div",{class:N([m.key,"material-search-type-icon"])},[d(g,{"icon-name":m.icon},null,8,["icon-name"])],2),S("div",pt,R(h.$t(m.label)),1)],10,dt))),128))])])}}});const ht=n=>(Ne("data-v-0bc132bf"),n=n(),We(),n),mt={class:"material-type-image"},vt=["onClick"],ft={class:"material-type-image-contents"},_t=ht(()=>S("div",{class:"material-type-image-shadow"},null,-1)),gt={class:"material-type-image-label"},wt=F({props:{list:{type:Array,default:()=>[]}},emits:["search"],setup(n,{emit:k}){const v=n,_=Z(()=>[{label:"全部",key:"",previews:v.list.slice(0,4).map(o=>o.dataList[0].preview.url)},...v.list.map(o=>({label:o.label,key:o.key,previews:o.dataList.slice(0,4).map(a=>a.preview.url)}))]);function f(i){k("search",{childType:i.key})}return(i,o)=>{const a=A("Image");return s(),r("div",mt,[d(tt,{watchData:y(_),autoCalc:!0},{default:L(()=>[(s(!0),r(x,null,M(y(_),l=>(s(),r("div",{key:l.key,class:"material-type-image-item",onClick:c=>f(l)},[S("div",ft,[(s(!0),r(x,null,M(l.previews,c=>(s(),r("div",{key:c,class:"material-type-image-pic"},[d(a,{fit:"cover",src:c,alt:l.label,lazy:!1},null,8,["src","alt"])]))),128))]),_t,S("div",gt,R(l.label),1)],8,vt))),128))]),_:1},8,["watchData"])])}}}),kt=V(wt,[["__scopeId","data-v-0bc132bf"]]);const It={ref:"containerRef",class:"material-content-list"},Ct=["onClick"],Tt=F({props:{list:{type:Array,default:()=>[]},type:{type:String,default:E.MATERIAL},contentWidth:{type:Number,default:0}},setup(n){const k=n,v=new Map,_=w({});function f(l){var c;(c=v.get(l))==null||c.preview()}async function i(l,c){var h;l.preventDefault(),console.log(_.value),(h=_.value[c])==null||h.setAttribute("in-longpress","true")}function o(l){var c;(c=_.value[l])==null||c.removeAttribute("in-longpress")}function a(){return Xe()}return(l,c)=>{const h=A("Image");return s(),r("div",It,[d(at,{primaryKey:"id",list:n.list,itemHeightKey:"width"},{item:L(({item:u})=>[d(Ye,{width:100,height:100},{default:L(()=>[ye((s(),r("div",{ref:g=>_.value[u.id]=g,class:"material-item",onClick:g=>f(u.id)},[S("div",{class:"material-item-content",onContextmenu:c[0]||(c[0]=he(()=>{},["prevent"]))},[d(h,{fit:"scale-down",lazy:"",alt:u.title,src:u.url},null,8,["alt","src"])],32),d(fe,{ref:g=>y(v).set(u.id,g),tplId:u.id,type:k.type===y(E).TEXT_EFFECT?y(ee).TE

1MPLATE:y(ee).MATERIAL,supportTouch:a(),showRecommendList:!1,onCoverClick:g=>o(u.id),isVisitorPreview:!0},null,8,["tplId","type","supportTouch","onCoverClick"]),d(_e,{isChosen:u.isChosen},null,8,["isChosen"]),u.isCommercial!=="0"?(s(),K(st,{key:0,supportTouch:a()},null,8,["supportTouch"])):b("",!0)],8,Ct)),[[y(nt),g=>i(g,u.id)]])]),_:2},1024)]),_:1},8,["list"])],512)}}}),St=V(Tt,[["__scopeId","data-v-5ae95584"]]);const xt=F({props:{list:{type:Array,default:()=>[]},itemHeight:{type:Number,default:198},contentWidth:{type:Number,default:0}},setup(n,{expose:k}){const v=n,_=Z(()=>{let i=0,o=1,a=0,l=!1,c=0;const h=v.list.map(g=>{const m=g.width*v.itemHeight/g.height;return{...g,showWidth:m}}),u=[];for(;i<h.length;){for(;o<h.length&&(c=v.contentWidth-20*(o-i-1),a=h.slice(i,o).reduce((g,m)=>g+(m.showWidth||0),0),l=a>=c,!l);)o++;u.push(h.slice(i,o)),i=o,o++}return u}),f=Z(()=>_.value.flat());return k({list:f}),(i,o)=>(s(!0),r(x,null,M(y(_),(a,l)=>(s(),r("div",{key:"imageLine"+l,class:"row"},[(s(!0),r(x,null,M(a,c=>(s(),r("div",{key:c.id,class:"row-item",style:me({width:c.showWidth+"px",height:n.itemHeight+"px"})},[ve(i.$slots,"default",{item:c},void 0,!0)],4))),128))]))),128))}}),$t=V(xt,[["__scopeId","data-v-4fc7d299"]]);const Et={class:"image-container"},bt=["onClick"],At=F({props:{list:{type:Array,default:()=>[]},contentWidth:{type:Number,default:0}},setup(n){const k=n,v=new Map;function _(f){var i;(i=v.get(f))==null||i.preview()}return(f,i)=>{const o=A("Image");return s(),r("div",Et,[d($t,{contentWidth:n.contentWidth,list:k.list},{default:L(({item:a})=>[S("div",{class:"item",onClick:l=>_(a.id),onContextmenu:i[0]||(i[0]=he(()=>{},["prevent"]))},[d(o,{fit:"cover",lazy:"",src:a.url},null,8,["src"]),d(fe,{ref:l=>y(v).set(a.id,l),tplId:a.id,type:y(ee).MATERIAL,isVisitorPreview:!0},null,8,["tplId","type"]),d(_e,{isChosen:a.isChosen},null,8,["isChosen"])],40,bt)]),_:1},8,["contentWidth","list"])])}}}),Lt=V(At,[["__scopeId","data-v-64513ff4"]]);const Mt=["onClick"],Ft=F({props:{modelValue:{type:[String,Number],required:!0},options:{type:Array,required:!0},primaryKey:{type:String,required:!0},labelKey:{type:String,required:!0},textAll:{type:String,default:"全部"},textOpen:{type:String,default:"收起"},textUnopen:{type:String,default:"更多"}},emits:["update:modelValue"],setup(n,{emit:k}){const v=n,_=w(),f=w(),i=w(!1),o=w(!1),a=w(47);Ke(()=>v.options,()=>{o.value=!1,l()},{immediate:!0});async function l(){var u;await Ge();const h=((u=f.value)==null?void 0:u.scrollHeight)||0;i.value=h>a.value}function c(){o.value=!o.value}return(h,u)=>{const g=A("SvgIcon");return s(),r("div",{ref_key:"wrapRef",ref:_,class:N(["category-selector-wrap",{open:o.value}]),style:me(`--cate-height:${a.value}px`)},[S("div",{ref_key:"innerRef",ref:f,class:"category-selector"},[S("span",{class:N({active:!n.modelValue}),onClick:u[0]||(u[0]=m=>h.$emit("update:modelValue",""))},R(n.textAll),3),(s(!0),r(x,null,M(n.options,m=>(s(),r("span",{key:m[n.primaryKey],class:N({active:n.modelValue===m[n.primaryKey]}),onClick:G=>h.$emit("update:modelValue",m[n.primaryKey])},R(m[n.labelKey]),11,Mt))),128))],512),i.value?(s(),r("div",{key:0,class:"action",onClick:c},[S("span",null,R(o.value?n.textOpen:n.textUnopen),1),ve(h.$slots,"icon",{},()=>[d(g,{iconName:"icon-zhankai"})],!0)])):b("",!0)],6)}}}),ce=V(Ft,[["__scopeId","data-v-09d00202"]]);const Rt={class:"material-filter"},Vt={class:"sort-wrap"},zt=["onClick"],Pt={key:0,class:"pagination-wrap"},Nt=["onClick"],Wt=F({props:{sortField:{type:String,default:""},sortOptions:{type:Array,required:!0},isShowPagination:{type:Boolean,default:!0},paginationType:{type:String,default:""},paginationOptions:{type:Array,default:()=>[]}},emits:["update:sortField","update:paginationType","change"],setup(n,{emit:k}){function v(f){k("update:sortField",f),k("change")}function _(f){k("update:paginationType",f),k("change")}return(f,i)=>{const o=A("SvgIcon");return s(),r("div",Rt,[S("div",Vt,[(s(!0),r(x,null,M(n.sortOptions,a=>(s(),r("span",{key:a.key,class:N(["sort-tag",{active:n.sortField===a.key}]),onClick:l=>v(a.key)},R(a.label),11,zt))),128))]),n.isShowPagination?(s(),r("div",Pt,[d(o,{"icon-name":"icon-qiehuan",class:"pagination-icon"}),(s(!0),r(x,null,M(n.paginationOptions,a=>ye((s(),r("span",{key:a.key,class:"pagination-tag",onClick:l=>_(a.key)},R(a.label),9,Nt)),[[He,n.paginationType!==a.key]])),128))])):b("",!0)])}}}),Kt=V(Wt,[["__scopeId","data-v-29907127"]]);const Gt={key:0},Ht=F({setup(n){const{sequenceStart:k,checkSequence:v}=je(),{onServerPrefetchDataSSR:_,onServerBeforeMountedSSR:f,onClientBeforeMountedSSR:i}=Je({uid:"materialCenter"}),{initTplIds:o,initMaterialIds:a}=Qe(),{t:l}=qe(),c=[{label:l("xx.filter-util.comprehensive"),key:"comprehensive"},{label:l("xx.filter-util.newest"),key:"tplId"}],h=De(),u=w(),g=w(),m=w(0),G=w([]),W=w([]),H=w([]),z=w(!0),I={keyword:"",searchType:E.MATERIAL,childType:"",sortField:"comprehensive",secondChildType:""},q=w([]),O=w(),te={pageSize:100,pageNo:0,total:0},U=ue(te),{loadMoreList:ge,isInfiniteInitial:B,infiniteScrollDisabled:we,resetInfinite:ae,isEmpty:ne}=Ze(q,U,ke,{autoLoad:!0});_(async({javaServerFetch:e})=>{const[t,p]=await Promise.all([le({filterType:"material_widget"},e),re({...te,type:E.MATERIAL},e)]);return{group:t,content:p}}),f(async e=>{se(e)}),i(e=>{se(e)}),de(async()=>{window.addEventListener("resize",Y),Y(),o(),a(),W.value.length||await oe(),z.value=!1}),pe(()=>{window.removeEventListener("resize",Y)});function Y(){m.value=g.value.clientWidth}function se(e){var $;const{group:t,content:p}=e||{};if(!(($=p==null?void 0:p.dataList)!=null&&$.length)||!(t!=null&&t.length))return;const{total:C,dataList:T}=p;q.value=ie(T),U.total=C,W.value=t,U.pageNo=1,z.value=!1}async function ke(e){const{searchType:t,childType:p,secondChildType:C,keyword:T,sortField:$}=I;if(t===E.TEXT_EFFECT){const{pageNo:P,pageSize:X,total:j,tplList:J}=await lt({...e,filterGroupId:p,filterId:C,keyword:T,sortField:$});return{pageNo:P,pageSize:X,total:j,data:J.map(Q=>{const{tplId:$e,title:Ee,previewImg:be,width:Ae,height:Le}=Q;return{id:$e,title:Ee,width:+Ae,height:+Le,url:be}})}}else{const P=await re({...e,filterGroupId:p,filterId:C,type:t,systemMaterialName:T,s

1ortField:$}),{pageNo:X,pageSize:j,total:J,dataList:Q}=P;return O.value=P.searchLogId,{pageNo:X,pageSize:j,total:J,data:ie(Q)}}}function Ie(e){const t=[];return e.forEach(({filterGroupId:p,filterGroupName:C,dataList:T})=>{T.length&&t.push({key:p,label:C,dataList:T})}),t}function ie(e){return(e==null?void 0:e.map(t=>{var p,C;return{id:t.systemMaterialId,title:t.name,isChosen:(p=t.isChosen)==null?void 0:p.toString(),isCommercial:(C=t.isCommercial)==null?void 0:C.toString(),...t.preview,width:+t.preview.width,height:+t.preview.height}}))||[]}async function D(e){z.value=!0;const t=e.searchType,p=I.searchType;if(Object.assign(I,e),t&&t!==p){const C=E.TEXT_EFFECT;t===C!=(p===C)&&(I.keyword="",u.value.reset()),I.childType="",I.secondChildType="",await oe()}ae(),z.value=!1}async function oe(){const{sequenceId:e}=k(),{searchType:t}=I,{IMAGE:p,TEXT_EFFECT:C,MATERIAL:T}=E;if(t===p){const P=await it(t);if(!v(e))return;G.value=Ie(P);return}let $=[];t===C&&($=await ot()),t===T&&($=await le({filterType:"material_widget"})),v(e)&&(W.value=$,H.value=[])}function Ce(e){I.childType=e,I.secondChildType="",D({childType:e,secondChildType:""});const t=W.value.find(p=>p.filterGroupId===e);H.value=(t==null?void 0:t.children)||[]}function Te(e){I.secondChildType=e,D({secondChildType:e})}function Se(){const{fullPath:e}=h.resolve({name:"aiModule",params:{module:"material"},query:{searchLogId:O.value,comeFrom:"search"}});window.open(e),et("emptySearchAiGuide",{searchLogId:O.value,action:"jumpAi"})}function xe(){I.sortField="comprehensive"}return(e,t)=>{const p=A("SvgIcon"),C=A("InfiniteScroll");return s(),r("div",{ref_key:"contentRef",ref:g,class:"material-center"},[d(yt,{ref_key:"searchRef",ref:u,onSearch:D,onChangeType:xe},null,512),z.value?b("",!0):(s(),r("div",Gt,[I.searchType===y(E).IMAGE?(s(),r(x,{key:0},[d(kt,{list:G.value,onSearch:D},null,8,["list"]),d(Lt,{contentWidth:m.value,list:q.value},null,8,["contentWidth","list"])],64)):(s(),r(x,{key:1},[d(ce,{modelValue:I.childType,options:W.value,"label-key":"filterGroupName","primary-key":"filterGroupId","text-all":e.$t("xx.material.typelist-all"),"text-open":e.$t("xx.material.typelist-packup"),"text-unopen":e.$t("xx.material.typelist-more"),"onUpdate:modelValue":Ce},{icon:L(()=>[d(p,{"icon-name":"icon-zhankai_xia"})]),_:1},8,["modelValue","options","text-all","text-open","text-unopen"]),H.value.length>1?(s(),K(ce,{key:0,modelValue:I.secondChildType,options:H.value,"label-key":"filterName","primary-key":"filterId","text-all":e.$t("xx.material.typelist-all"),"text-open":e.$t("xx.material.typelist-packup"),"text-unopen":e.$t("xx.material.typelist-more"),"onUpdate:modelValue":Te},{icon:L(()=>[d(p,{"icon-name":"icon-zhankai_xia"})]),_:1},8,["modelValue","options","text-all","text-open","text-unopen"])):b("",!0),d(Kt,{sortField:I.sortField,"onUpdate:sortField":t[0]||(t[0]=T=>I.sortField=T),sortOptions:c,isShowPagination:!1,onChange:y(ae)},null,8,["sortField","onChange"]),d(St,{list:q.value,type:I.searchType},null,8,["list","type"])],64))])),y(ne)?(s(),K(rt,{key:1,type:"material",onGenerate:Se})):b("",!0),!y(ne)&&!y(we)&&!z.value?(s(),K(C,{key:2,"is-initial":y(B),"onUpdate:is-initial":t[1]||(t[1]=T=>Oe(B)?B.value=T:null),load:y(ge)},null,8,["is-initial","load"])):b("",!0)],512)}}}),Zt=V(Ht,[["__scopeId","data-v-5f10ff5d"]]);export{Zt as default};