https://static.lark.ai/static/_next/static/chunks/template_search_popover.f035208c68b3211f.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="dfd0731e-1e28-4af6-bec2-cab67ba435d6",e._sentryDebugIdIdentifier="sentry-dbid-dfd0731e-1e28-4af6-bec2-cab67ba435d6")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3597],{30537:function(e,l,r){let a;r.r(l),r.d(l,{default:function(){return T}});var s=r(29099),n=r(11955),o=r(62260),i=r(77291);r(25769);var c=r(11570),p=Object.defineProperty,u=(e,l,r)=>l in e?p(e,l,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[l]=r,m=(e,l,r)=>u(e,"symbol"!=typeof l?l+"":l,r),h=["className","shadowed","bordered","shadow","borderRadius","noHoverState"],d=(0,s.forwardRef)(function(e,l){var r,a=e.className,n=e.shadowed,o=e.bordered,c=e.shadow,p=e.borderRadius,u=e.noHoverState,m=(0,i.o1)(e,h),d=(0,i.o2)("card"),_=(0,i.tk)(void 0===c?"medium":c,"medium"),f=(0,i.tk)(void 0===p?"small":p,"small"),g=(0,i.o9)(d(),(r={},(0,i.tj)(r,d("--shadow-".concat(_)),_),(0,i.tj)(r,d("--br-".concat(f)),f),(0,i.tj)(r,d("--noborder"),!(void 0===o||o)),(0,i.tj)(r,d("--noshadows"),!(void 0===n||n)),(0,i.tj)(r,d("--no-hover-state"),void 0!==u&&u),r),a);return s.createElement("div",(0,i.o7)({ref:l,className:g},m))});class _ extends s.Component{componentDidMount(){this.pageLoaded=this.props.pageStart,this.options=this.eventListenerOptions(),this.attachScrollListener()}componentDidUpdate(){if(this.props.isReverse&&this.loadMore){let e=this.getParentElement(this.scrollComponent);e.scrollTop=e.scrollHeight-this.beforeScrollHeight+this.beforeScrollTop,this.loadMore=!1}this.attachScrollListener()}componentWillUnmount(){this.detachScrollListener(),this.detachMousewheelListener()}isPassiveSupported(){let e=!1,l={get passive(){e=!0}};try{document.addEventListener("test",null,l),document.removeEventListener("test",null,l)}catch(e){}return e}eventListenerOptions(){return this.props.useCapture,this.isPassiveSupported()?{useCapture:this.props.useCapture,passive:!0}:{passive:!1}}setDefaultLoader(e){this.defaultLoader=e}detachMousewheelListener(){let e=window;!1===this.props.useWindow&&(e=this.scrollComponent.parentNode),e.removeEventListener("mousewheel",this.mousewheelListener,this.options?this.options:this.props.useCapture)}detachScrollListener(){let e=window;!1===this.props.useWindow&&(e=this.getParentElement(this.scrollComponent)),e.removeEventListener("scroll",this.scrollListener,this.options?this.options:this.props.useCapture),e.removeEventListener("resize",this.scrollListener,this.options?this.options:this.props.useCapture)}getParentElement(e){let l=this.props.getScrollParent&&this.props.getScrollParent();return null!=l?l:e&&e.parentNode}filterProps(e){return e}attachScrollListener(){let e=this.getParentElement(this.scrollComponent);if(!this.props.hasMore||!e)return;let l=window;!1===this.props.useWindow&&(l=e),l.addEventListener("mousewheel",this.mousewheelListener,this.options?this.options:this.props.useCapture),l.addEventListener("scroll",this.scrollListener,this.options?this.options:this.props.useCapture),l.addEventListener("resize",this.scrollListener,this.options?this.options:this.props.useCapture),this.props.initialLoad&&this.scrollListener()}mousewheelListener(e){1!==e.deltaY||this.isPassiveSupported()||e.preventDefault()}scrollListener(){let e;let l=this.scrollComponent,r=window,a=this.getParentElement(l);if(this.props.useWindow){let a=document.documentElement||document.body.parentNode||document.body,s=void 0!==r.pageYOffset?r.pageYOffset:a.scrollTop;e=this.props.isReverse?s:this.calculateOffset(l,s)}else e=this.props.isReverse?a.scrollTop:l.scrollHeight-a.scrollTop-a.clientHeight;e<Number(this.props.threshold)&&l&&null!==l.offsetParent&&(this.detachScrollListener(),this.beforeScrollHeight=a.scrollHeight,this.beforeScrollTop=a.scrollTop,"function"==typeof this.props.loadMore&&(this.props.loadMore(this.pageLoaded+=1),this.loadMore=!0))}calculateOffset(e,l){return e?this.calculateTopPosition(e)+(e.offsetHeight-l-window.innerHeight):0}calculateTopPosition(e){return e?e.offsetTop+this.calculateTopPosition(e.offsetParent):0}render(){let{children:e,element:l,hasMore:r,initialLoad:a,isReverse:n,loader:o,loadMore:i,pageStart:c,ref:p,threshold:u,useCapture:m,useW

1indow:h,getScrollParent:d,..._}=this.filterProps(this.props);_.ref=e=>{this.scrollComponent=e,p&&p(e)};let f=[e];return r&&(o?n?f.unshift(o):f.push(o):this.defaultLoader&&(n?f.unshift(this.defaultLoader):f.push(this.defaultLoader))),s.createElement(l,_,f)}constructor(e){super(e),this.scrollListener=this.scrollListener.bind(this),this.eventListenerOptions=this.eventListenerOptions.bind(this),this.mousewheelListener=this.mousewheelListener.bind(this)}}m(_,"propTypes",{children:i.tl.node.isRequired,element:i.tl.node,hasMore:i.tl.bool,initialLoad:i.tl.bool,isReverse:i.tl.bool,loader:i.tl.node,loadMore:i.tl.func.isRequired,pageStart:i.tl.number,ref:i.tl.func,getScrollParent:i.tl.func,threshold:i.tl.number,useCapture:i.tl.bool,useWindow:i.tl.bool}),m(_,"defaultProps",{element:"div",hasMore:!1,initialLoad:!0,pageStart:0,ref:null,threshold:250,useWindow:!0,isReverse:!1,useCapture:!1,loader:null,getScrollParent:null});let f=e=>{var l;let{type:r,setItemRef:a,activeIndex:n,index:o,handleTemplateItemClick:c,handleMoreTemplateClick:p,handleItemMouseEnter:u,templateList:m}=e,h=(0,s.useCallback)(e=>{a(o,e)},[o]);if("more"===r)return s.createElement("div",{ref:h,className:"template-search-panel__menu__item"},s.createElement("li",{key:"more",className:(0,i.jY)("template-search-panel__menu__item__li",{"template-search-panel__menu__item__li--active":n===o}),onClick:p,onMouseEnter:()=>u(m.length)},s.createElement("div",{className:"template-search-panel__menu__item__content"},n===m.length&&s.createElement("div",{className:"template-search-panel__menu__item__icon"},i.tm[i.tn.More]),t("CreationDoc_PartialTemplate_Menu_ViewMore"))));{let e=m[o];return s.createElement("div",{ref:h,className:"template-search-panel__menu__item"},s.createElement("li",{key:e.id,className:(0,i.jY)("template-search-panel__menu__item__li",{"template-search-panel__menu__item__li--active":n===o}),onMouseEnter:()=>u(o),onClick:()=>c(e)},s.createElement("div",{className:"template-search-panel__menu__item__content"},n===o&&s.createElement("div",{className:"template-search-panel__menu__item__icon"},i.tm[i.tn.Template]),null!=(l=e.name)&&l.trim()?e.name:t("default_doc"))))}};async function g(e){let{cancelTokenSource:l}=e,{data:r}=await i.iE.fetchRecommendBlockTemplate({cancelTokenSource:l});return r.template_list}async function v(e){let{text:l,pageCount:r=10,offset:a=0,lastBuffer:s,cancelTokenSource:n}=e,{data:o}=await i.iE.searchBlockTemplate({keyword:l,token:(0,i.ih)(),pageCount:r,offset:a,buffer:s,cancelTokenSource:n}),{data:c,total:p,has_more:u,buffer:m}=o;return{templateList:c,total:p,hasMore:u,buffer:m}}var E=((a=E||{})[a.PENDING=0]="PENDING",a[a.LOADED=1]="LOADED",a[a.FAILED=2]="FAILED",a);let L=s.createElement("div",null,"empty"),b=s.createElement("div",null,"error");async function C(e,l){(0,i.cX)(e,[l.model])}let k=e=>{let{blocks:l,blockManager:r,fold:a,isInlineInput:c,maxHeight:p,range:u,selectionAPI:m,onClose:h}=e,{searchKey:k,templateList:y,loadMore:w,hasMoreResult:T,retry:S,fetchStatus:M}=function(e){let[l,r]=(0,s.useState)(0),[a,n]=(0,s.useState)([]),[o,c]=(0,s.useState)(!1),p=(0,s.useRef)(!1),u=(0,s.useRef)("0"),m=(0,s.useRef)(""),h=(0,s.useRef)(""),d=(0,s.useRef)(i.tp.source());d.current=i.tp.source();let _=(0,s.useCallback)(()=>{g({cancelTokenSource:d.current}).then(e=>(n(e),r(1),e)).catch(e=>{null!=e&&e.__CANCEL__||r(2)})},[]),f=(0,s.useCallback)(l=>{v({text:l,pageCount:20,cancelTokenSource:d.current}).then(l=>{let{templateList:a,hasMore:s,buffer:o}=l;return c(s),u.current=a.length,m.current=o,r(1),n(a),e.editorAPI.get

1Service(i.C).collectEvent("ccm_doc_block_template_panel_click",{click:"search",target:"none",search_result:a.length>0?"has_result":"no_result"}),l}).catch(l=>{null!=l&&l.__CANCEL__||(r(2),e.editorAPI.getService(i.C).collectEvent("ccm_doc_block_template_panel_click",{click:"search",target:"none",search_result:"others"}))})},[]),E=async()=>{if(!(!o||p.current||1!==l)){p.current=!0;try{let{templateList:e,hasMore:l,buffer:r}=await v({text:h.current,offset:u.current,lastBuffer:m.current,cancelTokenSource:d.current}),s=[...a,...e];n(s),c(l),u.current=s.length,m.current=r,p.current=!1}catch(e){p.current=!1,null!=e&&e.__CANCEL__||r(2)}}},L=(0,s.useCallback)(()=>{c(!1),d.current.cancel(),d.current=i.tp.source(),r(0),h.current?f(h.current):_()},[]);return(0,s.useEffect)(()=>{_()},[]),{searchKey:h,templateList:a,loadMore:E,hasMoreResult:o,retry:L,fetchStatus:l}}(r),[N,P]=(0,s.useState)(i.tr),[I,A]=(0,s.useState)(i.tr),D=(0,s.useRef)(null),H=(0,s.useRef)(new Map),x=(e,l)=>{l?H.current.set(e,l):H.current.delete(e)},R=(0,s.useCallback)((0,i.a_)(e=>{k.current=e,P(i.tr),A(i.tr),S()},400),[]),O=(e,s)=>{let n=l[l.length-1];i.pi.selectedBlocks=l.map(e=>({id:e.id,type:i.aL.BLOCK})),i.pi.isTriggerredByClick=!0,(0,i.tx)({context:{blockManager:r,fold:a,selectionAPI:m,isAppend:c},template:e,beforeApply:e=>!c&&C(e,n),applyFrom:s,isFromSearch:u&&u.len>1})},B=()=>{i.gO.dispatch((0,i.ty)({objType:o.rz.DOCX,from:n.Og.BLOCK_TEMPLATE_SLASH_PANEL,recommendType:n.Xx.PERSONAL,templateSource:n.W.BLOCK_TEMPLATE_SLASH_PANEL}))},j=(0,s.useCallback)(e=>{h(),O(e,i.ts.SLASH),function(e){let{template:l,query:r}=e,{source:a,extra:s,id:o}=l,c=JSON.stringify({query:r,score:null==s?void 0:s.search_score,algorithm_id:null==s?void 0:s.algorithm_id,template_id:o,scene_id:n.a4.SLASH_PANEL,source:a,operation_type:n.hC.INSERT});i.bI.post(i.to.reportTemplateAlgorithmData,{data:c,report_type:1},{headers:{"Content-Type":"application/x-www-form-urlencoded"}})}({template:e,query:k.current}

1),r.editorAPI.getService(i.C).collectEvent("ccm_doc_block_template_panel_click",{click:"insert_template",target:"none"})},[]),W=(0,s.useCallback)(()=>{h(),B(),r.editorAPI.getService(i.C).collectEvent("ccm_doc_block_template_panel_click",{click:"more_template",target:"ccm_template_system_view"}),r.editorAPI.getService(i.C).collectEvent("ccm_doc_slash_panel_click",{click:i.gC.block_action,target:"ccm_template_system_view",action_type:i.s$.more_template,is_search_result:u&&u.len>1?"true":"false"})},[]),$=(0,s.useCallback)(()=>{h(),B(),r.editorAPI.getService(i.C).collectEvent("ccm_doc_block_template_panel_click",{click:"view_popular_template",target:"ccm_template_system_view"})},[]),q=(0,i.a_)(e=>{A(e)},200),F=e=>{P(e),q(e)},z=(e,l)=>{var r;let a;let s=(r=T||i.b7.isLarkTemplate()?y.length:y.length+1,(a=N+("prev"===l?-1:1))>=r?a-=r:a<0&&(a+=r),a);if(N!==s){let e=H.current.get(s);e&&function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:i.tq,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:5,a=e.closest(".".concat(l));a&&(a.scrollTop>e.offsetTop-r?a.scrollTo(0,Math.max(e.offsetTop-r,0)):a.scrollTop+a.offsetHeight<e.offsetTop+e.offsetHeight+r&&a.scrollTo(0,e.offsetTop+e.offsetHeight+r-a.offsetHeight))}(e)}P(s),q(s),e.preventDefault()};(0,s.useEffect)(()=>

1{r.editorAPI.getService(i.C).collectEvent("ccm_doc_block_template_panel_view",{open_type:u&&u.len>1?"slash_search":"slash_panel"});let e=window.setTimeout(()=>{var e;null==(e=D.current)||e.focus()});return()=>{window.clearTimeout(e)}},[]);let K=s.useMemo(()=>({maxHeight:p-i.tt}),[p]),X=(0,s.useMemo)(()=>0===y.length?s.createElement("div",{style:K,className:"template-search-panel__menu--empty"},s.createElement(L,null),s.createElement("div",{className:"template-search-panel__menu--empty__tip"},t("CreationDoc_Template_Feedback_NoTemplateSearch")),!i.b7.isLarkTemplate()&&s.createElement(i.jX,{type:"text",color:"primary",className:"template-search-panel__menu--empty__button",onClick:$},t("LarkCCM_PartialTemplate_ViewTrending_Button"))):s.createElement("div",{style:K,className:i.tq},s.createElement(_,{useWindow:!1,initialLoad:!1,loadMore:w,hasMore:T,className:"template-search-panel__menu__wrapper",loader:s.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"}},s.createElement(i.tu,{size:"small"}))},y.map((e,l)=>s.createElement(i.tv,{visible:N===l&&I===l,key:e.id,overlayClassName:"template-search-panel__menu__preview__content",overlayStyle:{zIndex:1100},placement:"right",destroyOnHide:!0},s.createElement(f,{type:"item",setItemRef:x,activeIndex:N,index:l,handleTemplateItemClick:j,handleMoreTemplateClick:W,handleItemMouseEnter:F,templateList:y}))),!i.b7.isLarkTemplate()&&!T&&s.createElement(s.Fragment,null,s.createElement("li",{className:"template-search-panel__menu__driver"}),s.createElement(f,{type:"more",setItemRef:x,activeIndex:N,index:y.length,handleTemplateItemClick:j,handleMoreTemplateClick:W,handleItemMouseEnter:F,templateList:y})))),[T,y,N,I,K]),Y=(0,s.useMemo)(()=>

1{switch(M){case E.PENDING:return s.createElement("div",{className:"template-search-panel__menu--loading"},s.createElement(i.tu,null));case E.LOADED:return X;case E.FAILED:return s.createElement("div",{className:"template-search-panel__menu--error"},s.createElement(b,null),s.createElement("div",{className:"template-search-panel__menu--error__tip"},t("LarkCCM_PartialTemplate_LoadingFailed_Empty"),s.createElement(i.jX,{type:"text",color:"primary",className:"template-search-panel__menu--error__tip__button",onClick:S},t("LarkCCM_PartialTemplate_Retry_Button"))));default:return null}},[M,X]);return s.createElement(d,{style:{width:360},className:"template-search-panel",shadowed:!0,onKeyDown:e=>{if(M===E.LOADED)switch(e.keyCode){case i.cv.UP:z(e,"prev");break;case i.cv.DOWN:z(e,"next");break;case i.cv.ENTER:N===y.length?W():j(y[N]);break;case i.cv.ESC:h();break;case i.cv.TAB:e.preventDefault()}}},s.createElement("div",{className:"template-search-panel__input__wrapper"},s.createElement(i.tw.Search,{style:{width:348,borderStyle:"none"},placeholder:t("template.search.placeholder"),ref:D,shape:"square",onCh

1ange:e=>{e.target&&R(e.target.value)},allowClear:!0})),s.createElement("div",{className:"template-search-panel__content__wrapper"},s.createElement("ul",{style:K,className:"template-search-panel__content__menu"},Y)))},y=[i.f$.BottomLeft,i.f$.TopLeft],w=i.sf.None,T=e=>{let{blocks:l,target:r,boundary:a,blockManager:n,fold:o,isInlineInput:p,range:u,selectionAPI:m,onClose:h}=e,d=(0,i.tz)(r,n,!0,{scrollContainer:a}),_=(0,i.tA)(a,n,!0),[f,g]=(0,s.useState)(420),v=(0,i.tB)(!0),E=(0,c.u)({minHeight:160,maxHeight:420,defaultPanelHeight:v,thresholdHeight:220,setMaxHeight:g});return s.createElement(i.tC,{visible:!0,animation:w,targetRect:d,boundaryRect:_,allowDirections:y,calcDirection:E,mask:!0,blockManager:n,selectionAPI:m,ignoreTriggerTargetClass:"template-period-dropdown",onClose:h},s.createElement(k,{blocks:l,range:u,fold:o,isInlineInput:p,selectionAPI:m,blockManager:n,maxHeight:f,onClose:h}))}},11570:function(e,l,r){r.d(l,{u:function(){return n}});var a=r(29099),s=r(77291);function n(e){let{maxHeight:l,defaultPanelHeight:r,minHeight:n,thresholdHeight:o,setMaxHeight:i}=e;return(0,a.useCallback)(e=>{let{adaptiveSize:a}=e,c=Math.max(Math.min(a[s.f$.BottomLeft].height,l,r),n);return a[s.f$.BottomLeft].height<o&&a[s.f$.TopLeft].height>a[s.f$.BottomLeft].height?(i(Math.max(Math.min(a[s.f$.TopLeft].height,null!=l?l:r,r),n)),s.f$.TopLeft):(i(c),s.f$.BottomLeft)},[l,n,r,o,i])}}}]);