drill.define(async i=>{await i("./p-box.css"),$.register({tag:"p-box",data:{hor:"",ver:""},proto:{refreshActive(){let{hor:i,ver:t}=this,n=this.$btncon.que(".active");n&&n.class.remove("active");let d=this.$btncon.que(`[data-hor="${i}"][data-ver="${t}"]`);d&&d.class.add("active")}},watch:{hor(i){this.refreshActive()},ver(i){this.refreshActive()}},temp:'\n        <div class="box_outter">\n            <div class="box_point point1"></div>\n            <div class="box_point point2"></div>\n            <div class="box_point point3"></div>\n            <div class="box_point point4"></div>\n            <div class="box_point point6"></div>\n            <div class="box_point point7"></div>\n            <div class="box_point point8"></div>\n            <div class="box_point point9"></div>\n            <div class="box_inner">\n                <div class="box_point point1"></div>\n                <div class="box_point point2"></div>\n                <div class="box_point point3"></div>\n                <div class="box_point point4"></div>\n                <div class="box_point point5"></div>\n                <div class="box_point point6"></div>\n                <div class="box_point point7"></div>\n                <div class="box_point point8"></div>\n                <div class="box_point point9"></div>\n            </div>\n            <div class="btncon" xv-tar="btncon">\n                <div class="posibtn" data-ver="start" data-hor="start"></div>\n                <div class="posibtn" data-ver="start" data-hor="center"></div>\n                <div class="posibtn" data-ver="start" data-hor="end"></div>\n                <div class="posibtn" data-ver="center" data-hor="start"></div>\n                <div class="posibtn" data-ver="center" data-hor="center"></div>\n                <div class="posibtn" data-ver="center" data-hor="end"></div>\n                <div class="posibtn" data-ver="end" data-hor="start"></div>\n                <div class="posibtn" data-ver="end" data-hor="center"></div>\n                <div class="posibtn" data-ver="end" data-hor="end"></div>\n            </div>\n        </div>\n        <div xv-content></div>',inited(){this.$btncon.on("click",i=>{let{target:t}=i,{ver:n,hor:d}=t.data;n&&(this.ver=n,this.hor=d)})}})});