vue-bootstrap-datetimepicker - npm Package Compare versions

Comparing version 2.4.3 to 3.0.0

CHANGELOG.md

 # Changelog
 
+## [3.0.0](https://github.com/ankurk91/vue-bootstrap-datetimepicker/compare/2.4.3...3.0.0)
+* Change: `DatetimePicker.vue` file name to `component.vue`
+    - This may be **breaking** for users who were directly importing `.vue` file
+* Add: Ability to pass component name when used a plugin
+* Fix: Handle `false` value and convert them to `null`, [#4](https://github.com/ankurk91/vue-bootstrap-datetimepicker/issues/4)
+
 ## [2.4.3](https://github.com/ankurk91/vue-bootstrap-datetimepicker/compare/2.4.2...2.4.3)
@@ -4,0 +10,0 @@ - Fix: stopped working in non module environment, [#1](https://github.com/ankurk91/vue-bootstrap-datetimepicker/issues/1)

dist/vue-bootstrap-datetimepicker.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("eonasdan-bootstrap-datetimepicker"),require("jquery"),require("moment")):"function"==typeof define&&define.amd?define(["eonasdan-bootstrap-datetimepicker","jquery","moment"],t):"object"==typeof exports?exports.VueBootstrapDatetimePicker=t(require("eonasdan-bootstrap-datetimepicker"),require("jquery"),require("moment")):e.VueBootstrapDatetimePicker=t(e["eonasdan-bootstrap-datetimepicker"],e.jquery,e.moment)}(this,function(e,t,n){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=2)}([function(e,t,n){var r=n(3)(n(1),n(4),null,null,null);e.exports=r.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(5),o=(n.n(r),window.jQuery||n(6)),i=window.moment||n(7);t.default={props:{value:{default:null,required:!0,validator:function(e){return null===e||e instanceof Date||"string"==typeof e||e instanceof String||e instanceof i}},config:{type:Object,default:function(){return{}}},placeholder:{type:String,default:""},inputClass:{type:[String,Object],default:""},name:{type:String,default:"datetime"},required:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},wrap:{type:Boolean,default:!1},id:{type:String}},data:function(){return{dp:null}},mounted:function(){if(!this.dp){var e=this.wrap?this.$el.parentNode:this.$el,t=o(e);t.datetimepicker(this.config),this.dp=t.data("DateTimePicker"),this.dp.date(this.value),t.on("dp.change",this.onChange)}},beforeDestroy:function(){this.dp&&(this.dp.destroy(),this.dp=null)},watch:{value:function(e){this.dp&&this.dp.date(e)},config:function(e){this.dp&&this.dp.options(Object.assign(this.dp.options(),e))}},methods:{onChange:function(e){this.$emit("input",e.date)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"DatetimePickerPlugin",function(){return i});var r=n(0),o=n.n(r);n.d(t,"component",function(){return o.a});var i={install:function(e,t){e.component("date-picker",o.a)}};o.a.install=i.install,t.default=o.a},function(e,t){e.exports=function(e,t,n,r,o){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),r&&(s._scopeId=r);var d;if(o?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},s._ssrRegister=d):n&&(d=n),d){var p=s.functional,c=p?s.render:s.beforeCreate;p?s.render=function(e,t){return d.call(t),c(e,t)}:s.beforeCreate=c?[].concat(c,d):[d]}return{esModule:i,exports:a,options:s}}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("input",{staticClass:"form-control input",class:e.inputClass,attrs:{type:"text",id:e.id,name:e.name,placeholder:e.placeholder,required:e.required,readOnly:e.readOnly,disabled:e.disabled}})},staticRenderFns:[]}},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("eonasdan-bootstrap-datetimepicker"),require("jquery"),require("moment")):"function"==typeof define&&define.amd?define("VueBootstrapDatetimePicker",["eonasdan-bootstrap-datetimepicker","jquery","moment"],t):"object"==typeof exports?exports.VueBootstrapDatetimePicker=t(require("eonasdan-bootstrap-datetimepicker"),require("jquery"),require("moment")):e.VueBootstrapDatetimePicker=t(e["eonasdan-bootstrap-datetimepicker"],e.jquery,e.moment)}(this,function(e,t,n){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=2)}([function(e,t,n){"use strict";var r=n(1),o=n(4),i=n(3),a=i(r.a,o.a,null,null,null);t.a=a.exports},function(e,t,n){"use strict";var r=n(5),o=(n.n(r),window.jQuery||n(6)),i=window.moment||n(7);t.a={props:{value:{default:null,required:!0,validator:function(e){return null===e||e instanceof Date||"string"==typeof e||e instanceof String||e instanceof i}},config:{type:Object,default:function(){return{}}},placeholder:{type:String,default:""},inputClass:{type:[String,Object],default:""},name:{type:String,default:"datetime"},required:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},wrap:{type:Boolean,default:!1},id:{type:String}},data:function(){return{dp:null}},mounted:function(){if(!this.dp){var e=this.wrap?this.$el.parentNode:this.$el,t=o(e);t.datetimepicker(this.config),this.dp=t.data("DateTimePicker"),this.dp.date(this.value),t.on("dp.change",this.onChange)}},beforeDestroy:function(){this.dp&&(this.dp.destroy(),this.dp=null)},watch:{value:function(e){this.dp&&this.dp.date(e||null)},config:function(e){this.dp&&this.dp.options(Object.assign(this.dp.options(),e))}},methods:{onChange:function(e){this.$emit("input",e.date||null)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"DatetimePickerPlugin",function(){return o});var r=n(0);n.d(t,"component",function(){return r.a});var o={install:function(e,t){var n="date-picker";"string"==typeof t&&(n=t),e.component(n,r.a)}};r.a.install=o.install,t.default=r.a},function(e,t){e.exports=function(e,t,n,r,o){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),r&&(s._scopeId=r);var d;if(o?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},s._ssrRegister=d):n&&(d=n),d){var c=s.functional,p=c?s.render:s.beforeCreate;c?s.render=function(e,t){return d.call(t),p(e,t)}:s.beforeCreate=p?[].concat(p,d):[d]}return{esModule:i,exports:a,options:s}}},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement;return(e._self._c||t)("input",{staticClass:"form-control input",class:e.inputClass,attrs:{type:"text",id:e.id,name:e.name,placeholder:e.placeholder,required:e.required,readOnly:e.readOnly,disabled:e.disabled}})},o=[],i={render:r,staticRenderFns:o};t.a=i},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n}])});

package.json

 {
   "name": "vue-bootstrap-datetimepicker",
-  "version": "2.4.3",
+  "version": "3.0.0",
   "description": "Vue.js component for bootstrap-datetimepicker",
   "main": "dist/vue-bootstrap-datetimepicker.min.js",
-  "jsnext:main": "src/index.js",
+  "unpkg": "dist/vue-bootstrap-datetimepicker.min.js",
   "repository": {
@@ -46,5 +46,5 @@ "type": "git",
     "vee-validate": "^2.0.0-rc.6",
-    "vue": "^2.3.4",
-    "vue-loader": "^12.2.1",
-    "vue-template-compiler": "^2.3.4",
+    "vue": "^2.4.2",
+    "vue-loader": "^13.0.4",
+    "vue-template-compiler": "^2.4.2",
     "webpack": "^2.6.1",
@@ -51,0 +51,0 @@ "webpack-dev-server": "~2.4.5"

README.md

@@ -30,4 +30,4 @@ # Vue-Bootstrap-DatetimePicker
 ## Requirements
-* Vue.js ^2.3.0
-* Bootstrap ^3.3.7 
+* Vue.js ^2.4.2
+* Bootstrap ^3.3.7 (only css)
 * jQuery >=1.8.3 || ^3.2.1
@@ -49,5 +49,3 @@ * [Moment.js](https://momentjs.com/) ^2.18
 <script>
-  // Import required dependencies
-  import moment from 'moment';
-  import jQuery from "jquery";  
+  // Import required dependencies 
   import 'bootstrap/dist/css/bootstrap.css';
@@ -113,3 +111,3 @@
 <!-- Vue js -->
-<script src="https://unpkg.com/vue@2.4.1/dist/vue.min.js"></script>
+<script src="https://unpkg.com/vue@2.4.2/dist/vue.min.js"></script>
 <!-- Lastly add this package -->
@@ -116,0 +114,0 @@ <script src="https://unpkg.com/vue-bootstrap-datetimepicker"></script>

src/index.js

@@ -1,6 +0,9 @@
-import component from './DatetimePicker.vue';
+import component from './component.vue';
 
 const DatetimePickerPlugin = {
-  install: function (Vue, options) {
-    Vue.component('date-picker', component);
+  install: function (Vue, params) {
+    let name = 'date-picker';
+    if (typeof params === 'string') name = params;
+
+    Vue.component(name, component);
   }
@@ -7,0 +10,0 @@ };

Fixed alerts

Trivial Package

Supply chain risk

Packages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

17079

increased by3.16%

Lines of code

11

increased by22.22%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of lines in readme file

157

decreased by-1.26%

No dependency changes