| 12345678 |
- "use strict";/*!
- * vue2 v1.3.6
- * 2022年11月Fri Nov 04 2022 18:18:10 GMT+0800 (中国标准时间)
- * 制作
- */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var l=require("vue-demi"),D=l.defineComponent({name:"LineRuler",props:{scale:Number,thick:Number,palette:Object,index:Number,start:Number,vertical:Boolean,value:Number,isShowReferLine:Boolean},emits:["onMouseDown","onRelease","onRemove"],setup(e,{emit:n}){const t=l.ref(0),i=l.ref(!0);l.onMounted(()=>{t.value=e.value});const s=o=>{i.value=o>=0},d=l.computed(()=>{const o=(t.value-e.start)*e.scale;s(o);const v=o+"px";return e.vertical?{top:v}:{left:v}}),u=l.computed(()=>{var f;const o=`1px solid ${(f=e.palette)==null?void 0:f.lineColor}`,v=e.vertical?{borderTop:o}:{borderLeft:o};return{cursor:e.isShowReferLine?e.vertical?"ns-resize":"ew-resize":"none",...v}}),h=l.computed(()=>e.vertical?{left:e.thick+"px"}:{top:e.thick+"px"});return{startValue:t,showLine:i,offset:d,borderCursor:u,actionStyle:h,handleDown:o=>{const v=e.vertical?o.clientY:o.clientX,c=t.value;n("onMouseDown");const f=C=>{const w=e.vertical?C.clientY:C.clientX,A=Math.round(c+(w-v)/e.scale);t.value=A},g=()=>{n("onRelease",t.value,e.index),document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",g)};document.addEventListener("mousemove",f),document.addEventListener("mouseup",g)},handleRemove:()=>{n("onRemove",e.index)}}}}),I=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{directives:[{name:"show",rawName:"v-show",value:e.showLine,expression:"showLine"}],staticClass:"line",style:[e.offset,e.borderCursor],on:{mousedown:e.handleDown}},[t("div",{staticClass:"action",style:e.actionStyle},[t("span",{staticClass:"del",on:{click:e.handleRemove}},[e._v("\xD7")]),t("span",{staticClass:"value"},[e._v(e._s(e.startValue))])])])},T=[];function y(e,n,t,i,s,d,u,h){var r=typeof e=="function"?e.options:e;n&&(r.render=n,r.staticRenderFns=t,r._compiled=!0),i&&(r.functional=!0),d&&(r._scopeId="data-v-"+d);var a;if(u?(a=function(c){c=c||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!c&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(c=__VUE_SSR_CONTEXT__),s&&s.call(this,c),c&&c._registeredComponents&&c._registeredComponents.add(u)},r._ssrRegister=a):s&&(a=h?function(){s.call(this,(r.functional?this.parent:this).$root.$options.shadowRoot)}:s),a)if(r.functional){r._injectStyles=a;var o=r.render;r.render=function(f,g){return a.call(g),o(f,g)}}else{var v=r.beforeCreate;r.beforeCreate=v?[].concat(v,a):[a]}return{exports:e,options:r}}const B={};var $=y(D,I,T,!1,F,"1672e414",null,null);function F(e){for(let n in B)this[n]=B[n]}var M=function(){return $.exports}();const Q=e=>e<=.25?40:e<=.5?20:e<=1?10:e<=2?5:e<=4?2:1,x=.83,z=(e,n,t,i,s,d)=>{const{scale:u,width:h,height:r,ratio:a,palette:o}=s,{bgColor:v,fontColor:c,shadowColor:f,longfgColor:g,shortfgColor:C}=o;if(e.scale(a,a),e.clearRect(0,0,h,r),e.fillStyle=v,e.fillRect(0,0,h,r),i){const p=(t-n)*u,_=i*u;e.fillStyle=f,d?e.fillRect(p,0,_,r*3/8):e.fillRect(0,p,h*3/8,_)}const w=Q(u),A=w*u,b=w*10,R=b*u,S=Math.floor(n/w)*w,N=Math.floor(n/b)*b,V=(S-n)/w*A,X=(N-n)/b*R,E=n+Math.ceil((d?h:r)/u);e.beginPath(),e.fillStyle=c,e.strokeStyle=g;for(let p=N,_=0;p<E;p+=b,_++){const m=X+_*R+.5;d?e.moveTo(m,0):e.moveTo(0,m),e.save(),d?e.translate(m,r*.4):e.translate(h*.4,m),d||e.rotate(-Math.PI/2),e.scale(x/a,x/a),e.fillText(p.toString(),4*a,7*a),e.restore(),d?e.lineTo(m,r*9/16):e.lineTo(h*9/16,m)}e.stroke(),e.closePath(),e.beginPath(),e.strokeStyle=C;for(let p=S,_=0;p<E;p+=w,_++){const m=V+_*A+.5;d?e.moveTo(m,0):e.moveTo(0,m),p%b!==0&&(d?e.lineTo(m,r*1/4):e.lineTo(h*1/4,m))}e.stroke(),e.closePath(),e.setTransform(1,0,0,1,0,0)};var K=l.defineComponent({name:"CanvasRuler",props:{showIndicator:Boolean,valueNum:Number,scale:Number,ratio:Number,palette:Object,vertical:Boolean,start:Number,width:Number,height:Number,selectStart:Number,selectLength:Number},emits:["onAddLine","update:showIndicator","update:valueNum"],setup(e,{emit:n}){const t=l.reactive({canvasContext:null});let i=1;const s=l.ref(null);l.onMounted(()=>{i=e.ratio||window.devicePixelRatio||1,d(),u(i),h(i)});const d=()=>{t.canvasContext=s.value&&s.value.getContext("2d")},u=a=>{if(s.value){s.value.width=e.width*a,s.value.height=e.height*a;const o=t.canvasContext;o&&(o.font=`${12*a}px -apple-system,
- "Helvetica Neue", ".SFNSText-Regular",
- "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB",
- "Microsoft YaHei", "WenQuanYi Zen Hei", sans-serif`,o.lineWidth=1,o.textBaseline="middle")}},h=a=>{const o={scale:e.scale,width:e.width,height:e.height,palette:e.palette,ratio:a};t.canvasContext&&z(t.canvasContext,e.start,e.selectStart,e.selectLength,o,!e.vertical)};return l.watch(()=>e.start,()=>h(i)),l.watch([()=>e.width,()=>e.height],()=>{u(i),h(i)}),{handle:(a,o)=>{const v=(g,C,w)=>Math.round(C+g/w),c=e.vertical?a.offsetY:a.offsetX,f=v(c,e.start,e.scale);switch(o){case"click":n("onAddLine",f);break;case"enter":n("update:valueNum",f),n("update:showIndicator",!0);break;default:n("update:valueNum",f);break}},canvas:s}}}),Y=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("canvas",{ref:"canvas",staticClass:"ruler",on:{click:function(i){return e.handle(i,"click")},mouseenter:function(i){return e.handle(i,"enter")},mousemove:function(i){return e.handle(i,"move")},mouseleave:function(i){return e.$emit("update:showIndicator",!1)}}})},P=[];const L={};var W=y(K,Y,P,!1,q,null,null,null);function q(e){for(let n in L)this[n]=L[n]}var G=function(){return W.exports}();const H={scale:Number,ratio:Number,thick:Number,palette:Object,vertical:{type:Boolean,default:!0},width:{type:Number,default:200},height:{type:Number,default:200},start:{type:Number,default:0},lines:{type:Array,default:()=>[]},selectStart:{type:Number},selectLength:{type:Number},isShowReferLine:{type:Boolean}};var Z=l.defineComponent({name:"RulerWrapper",components:{CanvasRuler:G,RulerLine:M},props:H,setup(e){const n=l.ref(!1),t=l.ref(0),i=l.computed(()=>e.vertical?"v-container":"h-container"),s=l.computed(()=>{const a={width:`calc(100% - ${e.thick}px)`,height:`${e.thick+1}px`,left:`${e.thick}px`},o={width:`${e.thick&&e.thick+1}px`,height:`calc(100% - ${e.thick}px)`,top:`${e.thick}px`};return e.vertical?o:a}),d=l.computed(()=>{var c;const a=(t.value-e.start)*e.scale;let o="top",v="borderLeft";return o=e.vertical?"top":"left",v=e.vertical?"borderBottom":"borderLeft",{[o]:a+"px",[v]:`1px solid ${(c=e.palette)==null?void 0:c.lineColor}`}}),u=a=>{e.lines.push(a)},h=(a,o)=>{const v=a-e.start,c=(e.vertical?e.height:e.width)/e.scale;v<0||v>c?r(o):e.lines[o]=a},r=a=>{e.lines.splice(a,1)};return{showIndicator:n,valueNum:t,rwClassName:i,rwStyle:s,indicatorStyle:d,handleNewLine:u,handleLineRelease:h,handleLineRemove:r}}}),j=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{class:e.rwClassName,style:e.rwStyle},[t("CanvasRuler",{attrs:{vertical:e.vertical,scale:e.scale,width:e.width,height:e.height,start:e.start,ratio:e.ratio,"select-start":e.selectStart,"select-length":e.selectLength,palette:e.palette},on:{onAddLine:e.handleNewLine},model:{value:e.showIndicator,callback:function(i){e.showIndicator=i},expression:"showIndicator"}}),t("div",{directives:[{name:"show",rawName:"v-show",value:e.isShowReferLine,expression:"isShowReferLine"}],staticClass:"lines"},e._l(e.lines,function(i,s){return t("RulerLine",{key:i+s,attrs:{index:s,value:i>>0,scale:e.scale,start:e.start,thick:e.thick,palette:e.palette,vertical:e.vertical,"is-show-refer-line":e.isShowReferLine},on:{onRemove:e.handleLineRemove,onRelease:e.handleLineRelease}})}),1),t("div",{directives:[{name:"show",rawName:"v-show",value:e.showIndicator,expression:"showIndicator"}],staticClass:"indicator",style:e.indicatorStyle},[t("div",{staticClass:"value"},[e._v(e._s(e.valueNum))])])],1)},J=[];const k={};var ee=y(Z,j,J,!1,te,"042af537",null,null);function te(e){for(let n in k)this[n]=k[n]}var ne=function(){return ee.exports}();const ae="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAopJREFUOE/FlE9IVEEcx7+/N9ouds1Mu0QUSFZYdIgoUqQoKPBQHsKozpXE7jbTO/U8xLJvn6usBHWQ6hBFXupSkQeVbh0KJEPp0sH+eLGTsKs77xcj78m0ax0E8cHjzZv5zef3/c33xxA24KENYGJzoEEQbNNaN4Zh2OQ4znwYhr9c1/39vwrXVDo0NNS0tLR0GYB5D64BmAMwzMyvlFKz1es10Hw+f4mZ7wHYBeA9gNdENFepVOaEEM3M3OI4Thczn41gt6WUgQ3+C+r7/h0AWQD3mXnYqPA8L9nQ0HCemduIaFpKOWoAhUJhT6VSuQXgOjP3K6W8GLwKzeVyp4jonR0QBEErM48w8zFLyayUsjX+z+VyHhHdZebTSqkxM78CHRgYOKS1/ghgVErZY214RkQ7ADyRUj72ff8qgCtmXUrZGcf5vv8CwEUhxOF0Ov1pBRpla5dSdseBhUJhpznH6tIsZb1KqacW+BGArUaUXX63UuplHJTNZjuEEONSyhozfd/n6mQ1RkXZL2itz7mu+80EDA4ONi8vL/8AcM2UbikyR2BU9cSmmTU70YqKIAj2hWFo2uenlHK/BRg3Y2aeNO5GyU8S0ZbFxcUuz/NKEXAGQKPjOCcymcyX1dIi8DSAiWQyeaavr68cbSgCuBknYubnQoj+TCYzUywWE6VS6S2ADsdx2gxw1X3L7SNENMbMnwE8qK+vf5NKpRaMaeVyeW8ikfiaSqW+R7BuZr5BRMe11p2u607U9Gk8kc/ntzPzQwCmExYATDLzVBiGE0KIowAOADDf3QA+aK2VDaxRajto3K+rq+tl5nYAzQBamHmeiOYBTGmtR6ph/1Rqg9c73pz7dD1qN0TpHyNQRCUDJXrAAAAAAElFTkSuQmCC",oe="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAjtJREFUOE/NlD9oFEEUxn9v9ghC0hpRUogIAUmniGAT/5Q2FrETPSNRJILg7RwimI0ox85eQFCEBGIUO1PYpFM0jSConQoBEZGgGPsgl+w+2eM2bC57SopAFqYZ3v7m+977ZoQt+GQLmGxPaBiGgYiMWWvXBHZUGoZhH3BERPYC+4F+4Keq/urt7b1RLpf/ZEBVHa9Wq0HWyg3QKIoGVPU8cA7wgK/pUtXPQJ8xZk+pVBpuNBqXUoUiEvi+P56fzTpo6+SbwHNg1lo7WzTITGEKXFlZeeB53tVCpa3CK8AFa+1cBgvD8LKIXAQOJkkyICJDeYVBEJS6u7s/qeoLa+1o+l9TqXNuBLhmjDlbqVQ+5ICjInIfOBPH8W9jzGCR5YmJiRNxHM+papgqzqDvgSlr7VTernPuO3An3c9bBt74vv+yrdaKyLDv+/1Sq9UGPc97nY9EVuycU2AQOA7cAm4Dr4D5TvVxHB9rKo2iaEFVp621Ln96FEUngaOqGmSxabVqsh3a2h+x1h5qQjNrae/yE4+iaCwDJkky73neTuBZe129Xk+H+BS4l7ZqLVIZ2BhzuFKpvMsDVXXWGPMxFdAedOfcKeCRqj7MYrUhpz09PfXl5eXrectFWXXODQHpOq2qd/95o/JXr6ura3J1dXU6SZIfwKKIHAD2tVYMPBGRx77vN10UXtO85fTkmZmZHUtLSzUR2QXsBhaAL6r6DXhbrVYXi1yss59GqOgub/bN3Z7v6X/tb9Zmp/q/kN8s+lJb8oEAAAAASUVORK5CYII=",re={eyeIcon:{type:String},closeEyeIcon:{type:String},scale:{type:Number,default:1},ratio:{type:Number},thick:{type:Number,default:16},palette:Object,startX:{type:Number},startY:{type:Number,default:0},width:{type:Number,default:200},height:{type:Number,default:200},shadow:{type:Object,default:()=>({x:0,y:0,width:0,height:0})},lines:{type:Object,default:()=>({h:[],v:[]})},isShowReferLine:{type:Boolean,default:!0}};var ie=l.defineComponent({name:"SketchRule",components:{RulerWrapper:ne},props:re,emits:["onCornerClick"],setup(e,{emit:n}){let t=l.ref(!0);t.value=e.isShowReferLine;const i=l.computed(()=>{function u(r,a){return Object.keys(r).forEach(o=>{o&&r.hasOwnProperty(o)&&(typeof a.key=="object"?r[o]=u(r[o],a[o]):a.hasOwnProperty(o)&&(r[o]=a[o]))}),r}return u({bgColor:"rgba(225,225,225, 0)",longfgColor:"#BABBBC",shortfgColor:"#C8CDD0",fontColor:"#7D8694",shadowColor:"#E8E8E8",lineColor:"#EB5648",borderColor:"#DADADC",cornerActiveColor:"rgb(235, 86, 72, 0.6)",menu:{bgColor:"#fff",dividerColor:"#DBDBDB",listItem:{textColor:"#415058",hoverTextColor:"#298DF8",disabledTextColor:"rgba(65, 80, 88, 0.4)",bgColor:"#fff",hoverBgColor:"#F2F2F2"}}},e.palette||{})}),s=l.computed(()=>({backgroundImage:t.value?`url(${e.eyeIcon||ae})`:`url(${e.closeEyeIcon||oe})`,width:e.thick+"px",height:e.thick+"px",borderRight:`1px solid ${i.value.borderColor}`,borderBottom:`1px solid ${i.value.borderColor}`})),d=u=>{t.value=!t.value,n("onCornerClick",t.value)};return l.watch([()=>e.isShowReferLine],()=>{t.value=e.isShowReferLine}),{showReferLine:t,paletteCpu:i,cornerStyle:s,onCornerClick:d}}}),le=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"style-ruler mb-ruler",attrs:{id:"mb-ruler"}},[t("RulerWrapper",{attrs:{vertical:!1,width:e.width,height:e.thick,"is-show-refer-line":e.showReferLine,thick:e.thick,ratio:e.ratio,start:e.startX,lines:e.lines.h,"select-start":e.shadow.x,"select-length":e.shadow.width,scale:e.scale,palette:e.paletteCpu}}),t("RulerWrapper",{attrs:{vertical:!0,width:e.thick,height:e.height,"is-show-refer-line":e.showReferLine,thick:e.thick,ratio:e.ratio,start:e.startY,lines:e.lines.v,"select-start":e.shadow.y,"select-length":e.shadow.height,scale:e.scale,palette:e.paletteCpu}}),t("a",{staticClass:"corner",style:e.cornerStyle,on:{click:e.onCornerClick}})],1)},se=[];const U={};var ce=y(ie,le,se,!1,ue,null,null,null);function ue(e){for(let n in U)this[n]=U[n]}var O=function(){return ce.exports}();exports.SketchRule=O;exports.default=O;
|
