vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 2.43 kB
JavaScript
"use strict";const e=require("vue"),E=require("./hook/useInputNumber.cjs"),t=require("@vuux/icons"),I=["placeholder","readonly","disabled","min","max","step"],B=e.defineComponent({name:"InputNumber",__name:"index",props:e.mergeModels({step:{default:1},min:{default:0},max:{default:100},precision:{},focusSelect:{type:Boolean},disabled:{type:Boolean},clear:{type:Boolean},placeholder:{default:"请输入"},readonly:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["blur","focus","clear","input"],["update:modelValue"]),setup(s,{emit:c}){const u=s,N=c,i=e.useTemplateRef("inputNumberEl"),a=e.useTemplateRef("inputEl"),r=e.useModel(s,"modelValue"),{isFocus:d,isClear:b,classNames:y,onFocus:p,onBlur:m,onInput:f,onPlus:v,onMinus:M,handleClear:V,onClearTimer:l}=E.useInputNumber(u,i,a,r,N);return(k,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"inputNumberEl",ref:i,class:e.normalizeClass(["app-input-number",e.unref(y)])},[e.withDirectives(e.createElementVNode("input",{ref_key:"inputEl",ref:a,"onUpdate:modelValue":n[0]||(n[0]=o=>r.value=o),title:"",type:"number",placeholder:u.placeholder,readonly:u.readonly,disabled:u.disabled,min:u.min,max:u.max,step:u.step,onInput:n[1]||(n[1]=(...o)=>e.unref(f)&&e.unref(f)(...o)),onBlur:n[2]||(n[2]=(...o)=>e.unref(m)&&e.unref(m)(...o)),onFocus:n[3]||(n[3]=(...o)=>e.unref(p)&&e.unref(p)(...o))},null,40,I),[[e.vModelText,r.value]]),e.createElementVNode("div",{class:"input-operation",onMouseenter:n[10]||(n[10]=o=>d.value=!0),onMouseleave:n[11]||(n[11]=o=>d.value=!1)},[e.createElementVNode("div",{class:"input-plus",onMousedown:n[4]||(n[4]=(...o)=>e.unref(v)&&e.unref(v)(...o)),onMouseup:n[5]||(n[5]=(...o)=>e.unref(l)&&e.unref(l)(...o)),onMouseleave:n[6]||(n[6]=(...o)=>e.unref(l)&&e.unref(l)(...o))},[e.createVNode(e.unref(t.Icon),{name:"Icon2569559",size:14})],32),e.createElementVNode("div",{class:"input-minus",onMousedown:n[7]||(n[7]=(...o)=>e.unref(M)&&e.unref(M)(...o)),onMouseup:n[8]||(n[8]=(...o)=>e.unref(l)&&e.unref(l)(...o)),onMouseleave:n[9]||(n[9]=(...o)=>e.unref(l)&&e.unref(l)(...o))},[e.createVNode(e.unref(t.Icon),{name:"Icon1336922",size:14})],32)],32),u.clear?(e.openBlock(),e.createBlock(e.unref(t.Icon),{key:0,name:"Icon9176904",size:13,opacity:.9,class:e.normalizeClass({"is-active":e.unref(b)}),onClick:e.withModifiers(e.unref(V),["stop"])},null,8,["class","onClick"])):e.createCommentVNode("",!0)],2))}});module.exports=B;