1 line
6.7 KiB
JavaScript
1 line
6.7 KiB
JavaScript
var VueSignaturePad=function(t,e){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(t),a=n(e);function i(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function o(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?i(Object(n),!0).forEach((function(e){s(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function s(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function u(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,s=!1;try{for(n=n.call(t);!(o=(r=n.next()).done)&&(i.push(r.value),!e||i.length!==e);o=!0);}catch(t){s=!0,a=t}finally{try{o||null==n.return||n.return()}finally{if(s)throw a}}return i}(t,e)||d(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(t){return function(t){if(Array.isArray(t))return f(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||d(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(t,e){if(t){if("string"==typeof t)return f(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(t,e):void 0}}function f(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var h=["image/png","image/jpeg","image/svg+xml"],l=function(t){return h.includes(t)},g={dotSize:1.5,minWidth:.5,maxWidth:2.5,throttle:16,minDistance:5,backgroundColor:"rgba(0,0,0,0)",penColor:"black",velocityFilterWeight:.7,onBegin:function(){},onEnd:function(){}},m=function(t){return JSON.parse(JSON.stringify(t))},p={src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",x:0,y:0};function y(t,e,n,r,a,i,o,s,u,c){"boolean"!=typeof o&&(u=s,s=o,o=!1);const d="function"==typeof n?n.options:n;let f;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,a&&(d.functional=!0)),r&&(d._scopeId=r),i?(f=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,u(t)),t&&t._registeredComponents&&t._registeredComponents.add(i)},d._ssrRegister=f):e&&(f=o?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,s(t))}),f)if(d.functional){const t=d.render;d.render=function(e,n){return f.call(n),t(e,n)}}else{const t=d.beforeCreate;d.beforeCreate=t?[].concat(t,f):[f]}return n}var v=y({},undefined,{name:"VueSignaturePad",props:{width:{type:String,default:"100%"},height:{type:String,default:"100%"},customStyle:{type:Object,default:function(){return{}}},options:{type:Object,default:function(){return{}}},images:{type:Array,default:function(){return[]}}},data:function(){return{signaturePad:{},cacheImages:[],signatureData:p,onResizeHandler:null}},computed:{propsImagesAndCustomImages:function(){var t=m(this.images),e=m(this.cacheImages);return[].concat(c(t),c(e))}},watch:{options:function(t){var e=this;Object.keys(t).forEach((function(n){e.signaturePad[n]&&(e.signaturePad[n]=t[n])}))}},mounted:function(){var t=this.options,e=this.$refs.signaturePadCanvas,n=new r.default(e,o(o({},g),t));this.signaturePad=n,t.resizeHandler&&(this.resizeCanvas=t.resizeHandler.bind(this)),this.onResizeHandler=this.resizeCanvas.bind(this),window.addEventListener("resize",this.onResizeHandler,!1),this.resizeCanvas()},beforeDestroy:function(){this.onResizeHandler&&window.removeEventListener("resize",this.onResizeHandler,!1)},methods:{resizeCanvas:function(){var t=this.$refs.signaturePadCanvas,e=this.signaturePad.toData(),n=Math.max(window.devicePixelRatio||1,1);t.width=t.offsetWidth*n,t.height=t.offsetHeight*n,t.getContext("2d").scale(n,n),this.signaturePad.clear(),this.signatureData=p,this.signaturePad.fromData(e)},saveSignature:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:h[0],e=arguments.length>1?arguments[1]:void 0,n=this.signaturePad,r={isEmpty:!1,data:void 0};if(!l(t)){var a=h.join(", ");throw new Error("The Image type is incorrect! We are support ".concat(a," types."))}return n.isEmpty()?o(o({},r),{},{isEmpty:!0}):(this.signatureData=n.toDataURL(t,e),o(o({},r),{},{data:this.signatureData}))},undoSignature:function(){var t=this.signaturePad,e=t.toData();if(e)return t.fromData(e.slice(0,-1))},mergeImageAndSignature:function(t){return this.signatureData=t,a.default([].concat(c(this.images),c(this.cacheImages),[this.signatureData]))},addImages:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return this.cacheImages=[].concat(c(this.cacheImages),c(t)),a.default([].concat(c(this.images),c(this.cacheImages),[this.signatureData]))},fromDataURL:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return this.signaturePad.fromDataURL(t,e,n)},fromData:function(t){return this.signaturePad.fromData(t)},toData:function(){return this.signaturePad.toData()},lockSignaturePad:function(){return this.signaturePad.off()},openSignaturePad:function(){return this.signaturePad.on()},isEmpty:function(){return this.signaturePad.isEmpty()},getPropImagesAndCacheImages:function(){return this.propsImagesAndCustomImages},clearCacheImages:function(){return this.cacheImages=[],this.cacheImages},clearSignature:function(){return this.signaturePad.clear()}},render:function(t){var e=this.width,n=this.height;return t("div",{style:o({width:e,height:n},this.customStyle)},[t("canvas",{style:{width:e,height:n},ref:"signaturePadCanvas"})])}},undefined,undefined,undefined,!1,void 0,void 0,void 0),b=Object.freeze({__proto__:null,VueSignaturePad:v}),A=function(t){Object.entries(b).forEach((function(e){var n=u(e,2),r=n[0],a=n[1];t.component(r,a)}))},P=Object.freeze({__proto__:null,default:A,VueSignaturePad:v});return Object.entries(P).forEach((function(t){var e=u(t,2),n=e[0],r=e[1];"default"!==n&&(A[n]=r)})),A}(SignaturePad,mergeImages); |