vudal - npm Package Compare versions

Comparing version 1.6.10 to 1.7.11

dist/plugin.js

@@ -246,3 +246,3 @@ 'use strict';
             render: function render(h) {
-              return h(_vudal2.default, { props: { name: 'alertModal' }, on: { hide: this.onOk } }, [h('div', { class: 'header' }), h('div', { class: 'content' }, [message]), h('div', { class: 'actions' }, [h('button', { class: 'vudal-btn', on: { click: this.onOk } }, ['OK'])])]);
+              return h(_vudal2.default, { class: 'narrow', props: { name: 'alertModal' }, on: { hide: this.onOk } }, [h('div', { class: 'header main center' }, [message]), h('div', { class: 'actions' }, [h('button', { class: 'vudal-btn', on: { click: this.onOk } }, ['OK'])])]);
             },
@@ -249,0 +249,0 @@ data: function data() {

dist/vudalConfirm.js

@@ -31,9 +31,7 @@ 'use strict';
     },
-    approveBtnColor: {
-      type: String,
-      default: 'primary'
+    approveBtnClass: {
+      type: String
     },
-    cancelBtnColor: {
-      type: String,
-      default: 'default'
+    cancelBtnClass: {
+      type: String
     }
@@ -44,8 +42,22 @@ },
 
+  data: function data() {
+    return {
+      approveBtnColor: 'primary',
+      cancelBtnColor: 'default'
+    };
+  },
+
+
   computed: {
-    approveBtnClass: function approveBtnClass() {
-      return 'vudal-btn-' + this.approveBtnColor;
+    approveClass: function approveClass() {
+      if (this.approveBtnClass != null) {
+        return this.approveBtnClass;
+      }
+      return 'vudal-btn vudal-btn-' + this.approveBtnColor;
     },
-    cancelBtnClass: function cancelBtnClass() {
-      return 'vudal-btn-' + this.cancelBtnColor;
+    cancelClass: function cancelClass() {
+      if (this.cancelBtnClass != null) {
+        return this.cancelBtnColor;
+      }
+      return 'vudal-btn vudal-btn-' + this.cancelBtnColor;
     }
@@ -52,0 +64,0 @@ },

package.json

 {
   "name": "vudal",
-  "version": "1.6.10",
+  "version": "1.7.11",
   "description": "Another modal window for vue",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/plugin.js

@@ -265,5 +265,4 @@ import $ from 'jquery';
           render(h) {
-            return h(Vudal, { props: { name: 'alertModal' }, on: { hide: this.onOk } }, [
-              h('div', { class: 'header' }),
-              h('div', { class: 'content' }, [message]),
+            return h(Vudal, { class: 'narrow', props: { name: 'alertModal' }, on: { hide: this.onOk } }, [
+              h('div', { class: 'header main center' }, [message]),
               h('div', { class: 'actions' }, [
@@ -270,0 +269,0 @@ h('button', { class: 'vudal-btn', on: { click: this.onOk } }, ['OK']),

src/vudalConfirm.js

@@ -21,9 +21,7 @@ import Vudal from './vudal.vue';
     },
-    approveBtnColor: {
+    approveBtnClass: {
       type: String,
-      default: 'primary',
     },
-    cancelBtnColor: {
+    cancelBtnClass: {
       type: String,
-      default: 'default',
     },
@@ -34,9 +32,22 @@ },
 
+  data() {
+    return {
+      approveBtnColor: 'primary',
+      cancelBtnColor: 'default',
+    };
+  },
+
   computed: {
-    approveBtnClass() {
-      return `vudal-btn-${this.approveBtnColor}`;
+    approveClass() {
+      if (this.approveBtnClass != null) {
+        return this.approveBtnClass;
+      }
+      return `vudal-btn vudal-btn-${this.approveBtnColor}`;
     },
 
-    cancelBtnClass() {
-      return `vudal-btn-${this.cancelBtnColor}`;
+    cancelClass() {
+      if (this.cancelBtnClass != null) {
+        return this.cancelBtnColor;
+      }
+      return `vudal-btn vudal-btn-${this.cancelBtnColor}`;
     },
@@ -43,0 +54,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

258546

increased by0.27%

Lines of code

1198

increased by1.61%

No dependency changes