2 lines
1.3 KiB
JavaScript
2 lines
1.3 KiB
JavaScript
import{u as v}from"./BqtpcZoZ.js";import{B as o}from"./CLVXcsFb.js";import{C as x}from"./BV3uzJPF.js";import{d as _,k as h,y as b,z as t,a4 as r,H as c,C as g,D as y,A as i,F as u,B as A}from"./DE-gAEY9.js";const C={class:"flex justify-between items-center"},k={class:"text-center w-10 font-semibold select-none"},j=_({__name:"StepNumber",props:{value:{default:0},countAdd:{default:1},min:{},max:{}},emits:["update:value","change"],setup(l,{emit:d}){const{prefixCls:m}=v("steper-number"),e=l,a=h({get:()=>parseInt(e.value.toString()),set:s=>{n("update:value",s),n("change",s)}}),n=d;function p(){e.max?a.value+e.countAdd<=e.max&&(a.value+=e.countAdd):a.value+=e.countAdd}function f(){e.min?a.value-e.countAdd>=e.min&&(a.value-=e.countAdd):a.value-=e.countAdd}return(s,B)=>(t(),b("div",{class:r([[c(m)],"select-none"])},[g(c(x),{class:"card-padding-4 bg-gray-50 border border-1 border-solid border-gray-200 stepNumber py-1px"},{default:y(()=>[i("div",C,[(t(),u(o,{key:a.value,icon:"vuesax-linear:add",class:"w-7 !h-7 cursor-pointer items-center",onClick:p})),i("span",k,A(a.value),1),(t(),u(o,{key:a.value,icon:a.value===1?"vuesax-linear:trash":"vuesax-linear:minus",class:r(["w-7 !h-7 cursor-pointer items-center justify-end",[{"text-red-600":a.value==1}]]),size:"20",onClick:f},null,8,["icon","class"]))])]),_:1})],2))}});export{j as _};
|