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