debounce-B3Qpd3mX.js 1.6 KB

1
  1. import{i as d}from"./mock-api-D7KvI7jP.js";import{P as s}from"./index-DFZzXBuh.js";import{bj as a,G as p,aF as i,E as F,R as f}from"./antd-FjOLgRLC.js";import{d as r,k as u,f as m,G as e}from"./vue-ByATgq5d.js";import{u as c}from"./index-CswC7jl2.js";import"./entry/index-C7JiT1GB.js";import"./useContentViewHeight-D3StoxVV.js";import"./useWindowSizeFn-JqODWlR_.js";import"./onMountedOrActivated-BDlj7Upy.js";const E=r({setup(){const t=m(""),{data:l,loading:n}=c(d,{debounceWait:1e3,refreshDeps:[t]});return()=>u(f,{title:"防抖"},{default:()=>[u(a,null,{default:()=>[u(a.Paragraph,null,{default:()=>[e("通过设置"),u(a.Text,{type:"danger"},{default:()=>[e(" options.debounceWait ")]}),e(",进入防抖模式,此时如果频繁触发"),u(a.Text,{code:!0},{default:()=>[e(" run ")]}),e("或者"),u(a.Text,{code:!0},{default:()=>[e(" runAsync ")]}),e("则会以防抖策略进行请求。")]}),u(a.Paragraph,null,{default:()=>[u(a.Text,{code:!0},{default:()=>["const { data, run } = useRequest(imitateApi, { debounceWait: 300, manual: true });"]})]}),u(a.Paragraph,null,{default:()=>[e("如上示例代码,频繁触发"),u(a.Text,{code:!0},{default:()=>[e(" run ")]}),e(", 300ms 执行一次。")]}),u(a.Paragraph,null,{default:()=>[e("你可以在下面 input 框中快速输入文本,体验效果")]})]}),u(p,{spinning:n.value},{default:()=>[u(i,{direction:"vertical"},{default:()=>[u(F,{value:t.value,"onUpdate:value":o=>t.value=o,placeholder:"Please enter username"},null),u("div",null,[e("Username: "),l.value])]})]})]})}}),T=r({setup(){return()=>u(s,null,{default:()=>[u(E,null,null)]})}});export{T as default};