mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
2 lines
3.5 KiB
JavaScript
2 lines
3.5 KiB
JavaScript
import{d as H,r as n,c as m,w as s,b as d,f as T,g as r,h as u,i as l,l as o,j as t,n as J,t as U,k as K,s as p}from"./index-ppvmDqDn.js";const M=u("div",{class:"card-header"},[u("span",{class:"font-medium"},"自定义防抖、截流、文本复制、长按指令")],-1),O={class:"mb-2"},P={class:"mb-2"},Q={class:"mb-2"},W={class:"mb-2"},X={class:"text-sky-500"},ee=H({name:"Directives",__name:"directives",setup(Y){const x=n(""),b=n(""),g=n(""),w=n(""),h=n(""),y=n("copy"),I=n("可复制的文本"),c=n(!1),_=n(""),k=n(0);function z(){p(x.value)}function F(){p(b.value)}function N({name:f,sex:e}){p(`${f}${e}${g.value}`)}function L(){p(w.value)}function S({name:f,sex:e}){p(`${f}${e}${h.value}`)}function j(){c.value=!0}function E(){c.value=!0}function R(){k.value+=1,c.value=!0,_.value=`持续回调${k.value}次`}function q(){c.value=!1,_.value="",k.value=0}return(f,e)=>{const i=d("el-input"),C=d("el-divider"),V=d("el-button"),B=d("el-tag"),A=d("el-space"),G=d("el-card"),v=T("optimize"),D=T("copy"),$=T("longpress");return r(),m(G,{shadow:"never"},{header:s(()=>[M]),default:s(()=>[u("div",O,[l(" 防抖指令（连续输入，只会执行第一次点击事件，立即执行） "),o(t(i,{modelValue:x.value,"onUpdate:modelValue":e[0]||(e[0]=a=>x.value=a),class:"!w-[200px]",clearable:"",onClear:z},null,8,["modelValue"]),[[v,{event:"input",fn:z,immediate:!0,timeout:1e3}]])]),u("div",P,[l(" 防抖指令（连续输入，只会执行最后一次事件，延后执行） "),o(t(i,{modelValue:b.value,"onUpdate:modelValue":e[1]||(e[1]=a=>b.value=a),class:"!w-[200px]",clearable:""},null,8,["modelValue"]),[[v,{event:"input",fn:F,timeout:400}]])]),u("div",null,[l(" 防抖指令（连续输入，只会执行最后一次事件，延后执行，传参用法） "),o(t(i,{modelValue:g.value,"onUpdate:modelValue":e[2]||(e[2]=a=>g.value=a),class:"!w-[200px]",clearable:""},null,8,["modelValue"]),[[v,{event:"input",fn:N,timeout:400,params:{name:"小明",sex:"男"}}]])]),t(C),u("div",Q,[l(" 节流指令（连续输入，每一秒只会执行一次事件） "),o(t(i,{modelValue:w.value,"onUpdate:modelValue":e[3]||(e[3]=a=>w.value=a),class:"!w-[200px]",clearable:""},null,8,["modelValue"]),[[v,{event:"input",fn:L,timeout:1e3},"throttle"]])]),u("div",null,[l(" 节流指令（连续输入，每一秒只会执行一次事件，传参用法） "),o(t(i,{modelValue:h.value,"onUpdate:modelValue":e[4]||(e[4]=a=>h.value=a),class:"!w-[200px]",clearable:""},null,8,["modelValue"]),[[v,{event:"input",fn:S,params:{name:"小明",sex:"男"}},"throttle"]])]),t(C),u("div",W,[l(" 文本复制指令（双击输入框内容即可复制） "),o(t(i,{modelValue:y.value,"onUpdate:modelValue":e[5]||(e[5]=a=>y.value=a),class:"!w-[200px]"},null,8,["modelValue"]),[[D,y.value]])]),u("div",null,[l(" 文本复制指令（自定义触发事件，单击复制） "),o((r(),J("span",X,[l(U(I.value),1)])),[[D,I.value,"click"]])]),t(C),t(A,{wrap:""},{default:s(()=>[l(" 长按指令 "),o((r(),m(V,null,{default:s(()=>[l("长按（默认500ms）")]),_:1})),[[$,j]]),o((r(),m(V,null,{default:s(()=>[l(" 自定义长按时长（1000ms） ")]),_:1})),[[$,E,"1000"]]),o((r(),m(V,null,{default:s(()=>[l(" 2秒后每200ms持续回调 ")]),_:1})),[[$,R,"2000:200"]]),t(V,{onClick:q},{default:s(()=>[l(" 重置状态 ")]),_:1}),t(B,{type:c.value?"success":"info",class:"ml-2",size:"large"},{default:s(()=>[l(U(c.value?"当前为长按状态":"当前非长按状态"),1)]),_:1},8,["type"]),_.value?(r(),m(B,{key:0,type:"danger",class:"ml-2",size:"large"},{default:s(()=>[l(U(_.value),1)]),_:1})):K("",!0)]),_:1})]),_:1})}}});export{ee as default};
|