vue3-scale-ruler
Version:
2 lines (1 loc) • 1.15 kB
JavaScript
;const e=require("vue"),i={key:0},c=e.defineComponent({__name:"RulerLine",props:{start:{default:0},offset:{default:0},h:{type:Boolean,default:!0},value:{default:0},isHover:{type:Boolean,default:!1},thick:{default:0},lineCloseIcon:{}},emits:["del"],setup(o,{emit:n}){const t=o,r=n,a=()=>{r("del")},s=e.computed(()=>({[t.h?"left":"top"]:`${t.start}px`,transform:`translate${t.h?"X":"Y"}(${t.offset}px)`}));return(l,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ruler-line",[l.h?"ruler-line-h":"ruler-line-v",{"ruler-line-hover":l.isHover}]]),style:e.normalizeStyle(s.value)},[l.isHover?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(Math.ceil(l.value)),1)):(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle({[l.h?"top":"left"]:`${l.thick}px`})},[e.createElementVNode("i",{onClick:a},[l.lineCloseIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.lineCloseIcon),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(" X ")],64))]),e.createElementVNode("span",null,e.toDisplayString(Math.ceil(l.value)),1)],4))],6))}});module.exports=c;