import{d as D,r as n,a as f,b as U,c as F,w as $,o as k,e as t,f as a,g as s,h as o,i as g,t as N,m as d}from"./index-591b3534.js";const z=t("div",{class:"card-header"},[t("span",{class:"font-medium"},"自定义防抖、截流、文本复制指令")],-1),S={class:"mb-2"},E={class:"mb-2"},j={class:"mb-2"},q={class:"mb-2"},A={class:"text-sky-500"},J=D({name:"Directives",__name:"directives",setup(G){const r=n(""),m=n(""),v=n(""),p=n(""),_=n(""),V=n("copy"),x=n("可复制的文本");function w(){d(r.value)}function y(){d(m.value)}function I({name:c,sex:e}){d(`${c}${e}${v.value}`)}function T(){d(p.value)}function B({name:c,sex:e}){d(`${c}${e}${_.value}`)}return(c,e)=>{const u=f("el-input"),h=f("el-divider"),C=f("el-card"),i=U("optimize"),b=U("copy");return k(),F(C,{shadow:"never"},{header:$(()=>[z]),default:$(()=>[t("div",S,[a(" 防抖指令(连续输入,只会执行第一次点击事件,立即执行) "),s(o(u,{modelValue:r.value,"onUpdate:modelValue":e[0]||(e[0]=l=>r.value=l),class:"!w-[200px]",clearable:"",onClear:w},null,8,["modelValue"]),[[i,{event:"input",fn:w,immediate:!0,timeout:1e3}]])]),t("div",E,[a(" 防抖指令(连续输入,只会执行最后一次事件,延后执行) "),s(o(u,{modelValue:m.value,"onUpdate:modelValue":e[1]||(e[1]=l=>m.value=l),class:"!w-[200px]",clearable:""},null,8,["modelValue"]),[[i,{event:"input",fn:y,timeout:400}]])]),t("div",null,[a(" 防抖指令(连续输入,只会执行最后一次事件,延后执行,传参用法) "),s(o(u,{modelValue:v.value,"onUpdate:modelValue":e[2]||(e[2]=l=>v.value=l),class:"!w-[200px]",clearable:""},null,8,["modelValue"]),[[i,{event:"input",fn:I,timeout:400,params:{name:"小明",sex:"男"}}]])]),o(h),t("div",j,[a(" 节流指令(连续输入,每一秒只会执行一次事件) "),s(o(u,{modelValue:p.value,"onUpdate:modelValue":e[3]||(e[3]=l=>p.value=l),class:"!w-[200px]",clearable:""},null,8,["modelValue"]),[[i,{event:"input",fn:T,timeout:1e3},"throttle"]])]),t("div",null,[a(" 节流指令(连续输入,每一秒只会执行一次事件,传参用法) "),s(o(u,{modelValue:_.value,"onUpdate:modelValue":e[4]||(e[4]=l=>_.value=l),class:"!w-[200px]",clearable:""},null,8,["modelValue"]),[[i,{event:"input",fn:B,params:{name:"小明",sex:"男"}},"throttle"]])]),o(h),t("div",q,[a(" 文本复制指令(双击输入框内容即可复制) "),s(o(u,{modelValue:V.value,"onUpdate:modelValue":e[5]||(e[5]=l=>V.value=l),class:"!w-[200px]"},null,8,["modelValue"]),[[b,V.value]])]),t("div",null,[a(" 文本复制指令(自定义触发事件,单击复制) "),s((k(),g("span",A,[a(N(x.value),1)])),[[b,x.value,"click"]])])]),_:1})}}});export{J as default};