vue-filepond - npm Package Compare versions

Comparing version 4.0.2 to 4.0.3

dist/vue-filepond.esm.js

 /*!
- * vue-filepond v4.0.2
+ * vue-filepond v4.0.3
  * A handy FilePond adapter component for Vue
  * 
- * Copyright (c) 2018 PQINA
+ * Copyright (c) 2019 PQINA
  * https://pqina.nl/filepond
@@ -149,2 +149,3 @@ *
                 Object.assign(
+                    {},
                     globalOptions,
@@ -151,0 +152,0 @@ options,

dist/vue-filepond.js

 /*!
- * vue-filepond v4.0.2
+ * vue-filepond v4.0.3
  * A handy FilePond adapter component for Vue
  * 
- * Copyright (c) 2018 PQINA
+ * Copyright (c) 2019 PQINA
  * https://pqina.nl/filepond
@@ -161,3 +161,3 @@ *
                 // Create our pond
-                this._pond = (0, _filepond.create)(this._element, Object.assign(globalOptions, options, attrs, this.$options.propsData));
+                this._pond = (0, _filepond.create)(this._element, Object.assign({}, globalOptions, options, attrs, this.$options.propsData));
 
@@ -164,0 +164,0 @@ // Copy instance method references to component instance

dist/vue-filepond.min.js

 /*!
- * vue-filepond v4.0.2
+ * vue-filepond v4.0.3
  * A handy FilePond adapter component for Vue
  * 
- * Copyright (c) 2018 PQINA
+ * Copyright (c) 2019 PQINA
  * https://pqina.nl/filepond
@@ -10,2 +10,2 @@ *
  */
-!function(global,factory){if("function"==typeof define&&define.amd)define("vueFilePond",["exports","vue","filepond"],factory);else if("undefined"!=typeof exports)factory(exports,require("vue"),require("filepond"));else{var mod_exports={};factory(mod_exports,global.Vue,global.FilePond),global.vueFilePond=mod_exports}}(this,function(exports,_vue,_filepond){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setOptions=void 0;var obj,_vue2=(obj=_vue)&&obj.__esModule?obj:{default:obj};var filteredComponentMethods=["setOptions","on","off","onOnce","appendTo","insertAfter","insertBefore","isAttachedTo","replaceElement","restoreElement","destroy"],isSupported=(0,_filepond.supported)(),props={},events=[],watch={},instances=[],globalOptions={};exports.setOptions=function(options){globalOptions=Object.assign(globalOptions,options),instances.forEach(function(instance){instance.setOptions(globalOptions)})};exports.default=function(){_filepond.registerPlugin.apply(void 0,arguments),events.length=0;var _loop=function(prop){if(/^on/.test(prop))return events.push(prop),"continue";var type;props[prop]=[String,(type=_filepond.OptionTypes[prop],{string:String,boolean:Boolean,array:Array,function:Function,int:Number,serverapi:Object,object:Object}[type])],watch[prop]=function(value){this._pond[prop]=value}};for(var prop in _filepond.OptionTypes)_loop(prop);return _vue2.default.component("FilePond",{name:"FilePond",props:props,watch:watch,render:function(h){return h("div",{class:{"filepond--wrapper":!0}},[h("input",{attrs:{id:this.id,name:this.name,type:"file",class:this.className,required:this.required,multiple:this.allowMultiple,accept:this.acceptedFileTypes,capture:this.captureMethod}})])},mounted:function(){var _this=this;if(isSupported){this._element=this.$el.querySelector("input");var options=events.reduce(function(obj,value){return obj[value]=function(){for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];_this.$emit.apply(_this,[value.substr(2)].concat(args))},obj},{}),attrs=Object.assign({},this.$attrs);this._pond=(0,_filepond.create)(this._element,Object.assign(globalOptions,options,attrs,this.$options.propsData)),Object.keys(this._pond).filter(function(key){return!filteredComponentMethods.includes(key)}).forEach(function(key){_this[key]=_this._pond[key]}),instances.push(this._pond)}},beforeDestroy:function(){if(this._pond){this._pond.destroy();var index=instances.indexOf(this._pond);0<=index&&instances.splice(index,1)}}})}});
+!function(global,factory){if("function"==typeof define&&define.amd)define("vueFilePond",["exports","vue","filepond"],factory);else if("undefined"!=typeof exports)factory(exports,require("vue"),require("filepond"));else{var mod_exports={};factory(mod_exports,global.Vue,global.FilePond),global.vueFilePond=mod_exports}}(this,function(exports,_vue,_filepond){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setOptions=void 0;var obj,_vue2=(obj=_vue)&&obj.__esModule?obj:{default:obj};var filteredComponentMethods=["setOptions","on","off","onOnce","appendTo","insertAfter","insertBefore","isAttachedTo","replaceElement","restoreElement","destroy"],isSupported=(0,_filepond.supported)(),props={},events=[],watch={},instances=[],globalOptions={};exports.setOptions=function(options){globalOptions=Object.assign(globalOptions,options),instances.forEach(function(instance){instance.setOptions(globalOptions)})};exports.default=function(){_filepond.registerPlugin.apply(void 0,arguments),events.length=0;var _loop=function(prop){if(/^on/.test(prop))return events.push(prop),"continue";var type;props[prop]=[String,(type=_filepond.OptionTypes[prop],{string:String,boolean:Boolean,array:Array,function:Function,int:Number,serverapi:Object,object:Object}[type])],watch[prop]=function(value){this._pond[prop]=value}};for(var prop in _filepond.OptionTypes)_loop(prop);return _vue2.default.component("FilePond",{name:"FilePond",props:props,watch:watch,render:function(h){return h("div",{class:{"filepond--wrapper":!0}},[h("input",{attrs:{id:this.id,name:this.name,type:"file",class:this.className,required:this.required,multiple:this.allowMultiple,accept:this.acceptedFileTypes,capture:this.captureMethod}})])},mounted:function(){var _this=this;if(isSupported){this._element=this.$el.querySelector("input");var options=events.reduce(function(obj,value){return obj[value]=function(){for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];_this.$emit.apply(_this,[value.substr(2)].concat(args))},obj},{}),attrs=Object.assign({},this.$attrs);this._pond=(0,_filepond.create)(this._element,Object.assign({},globalOptions,options,attrs,this.$options.propsData)),Object.keys(this._pond).filter(function(key){return!filteredComponentMethods.includes(key)}).forEach(function(key){_this[key]=_this._pond[key]}),instances.push(this._pond)}},beforeDestroy:function(){if(this._pond){this._pond.destroy();var index=instances.indexOf(this._pond);0<=index&&instances.splice(index,1)}}})}});

lib/index.js

@@ -139,2 +139,3 @@ import Vue from 'vue';
                 Object.assign(
+                    {},
                     globalOptions,
@@ -141,0 +142,0 @@ options,

package.json

 {
     "name": "vue-filepond",
-    "version": "4.0.2",
+    "version": "4.0.3",
     "description": "A handy FilePond adapter component for Vue",
@@ -5,0 +5,0 @@ "homepage": "https://pqina.nl/filepond",

README.md

@@ -7,2 +7,3 @@ # Vue FilePond
 [![npm version](https://badge.fury.io/js/vue-filepond.svg)](https://www.npmjs.com/package/vue-filepond)
+[![Support on Patreon](https://img.shields.io/badge/support-patreon-salmon.svg)](https://www.patreon.com/rikschennink)
 
@@ -79,24 +80,33 @@ <img src="https://github.com/pqina/filepond-github-assets/blob/master/filepond-animation-01.gif?raw=true" width="370" alt=""/>
 ```html
+<!doctype html>
+<html>
+  <head>
+    <title>Vue in Browser</title>
+    
+    <link rel="stylesheet" href="https://unpkg.com/filepond/dist/filepond.min.css">
+    <link rel="stylesheet" href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css">
 
-<link rel="stylesheet" href="https://unpkg.com/filepond/dist/filepond.min.css">
-<link rel="stylesheet" href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css">
-
-<script src="https://unpkg.com/filepond-plugin-image-preview"></script>
-<script src="https://unpkg.com/filepond"></script>
-<script src="https://unpkg.com/vue"></script>
-<script src="https://unpkg.com/vue-filepond"></script>
-
-<div id="app">
-    <file-pond></file-pond>
-</div>
-
-<script>
-new Vue({
-    el: '#app',
-    components: {
-        FilePond: vueFilePond.default(FilePondPluginImagePreview)
-    }
-})
-</script>
-
+  </head>
+  <body>
+    
+    <div id="app">
+        <file-pond></file-pond>
+    </div>
+    
+    <script src="https://unpkg.com/filepond-plugin-image-preview"></script>
+    <script src="https://unpkg.com/filepond"></script>
+    <script src="https://unpkg.com/vue"></script>
+    <script src="https://unpkg.com/vue-filepond"></script>
+    
+    <script>
+    new Vue({
+        el: '#app',
+        components: {
+            FilePond: vueFilePond.default(FilePondPluginImagePreview)
+        }
+    })
+    </script>
+    
+  </body>
+</html>
 ```
@@ -103,0 +113,0 @@

No alert changes

Improved metrics

Total package byte prevSize

25664

increased by1.45%

Lines of code

481

increased by0.42%

Number of lines in readme file

114

increased by9.62%

No dependency changes