vue-modal-viewer - npm Package Compare versions

Comparing version 0.1.6 to 0.1.7

dist/vue-modal-viewer.common.js

@@ -278,8 +278,27 @@ module.exports =
             },
+            value: {
+                type: Boolean,
+                default: false
+            }
         },
         data: function () {
             return {
-                isShowed: false,
+                showed: false,
             };
         },
+        watch: {
+            value: function (value) {
+                this.showed = value;
+            }
+        },
+        computed: {
+            isShowed: {
+                get: function () {
+                    return this.showed;
+                },
+                set: function (value) {
+                    this.$emit("input", this.showed = value);
+                }
+            }
+        },
         created: function () {
@@ -304,3 +323,3 @@ this.$modalviewer.register(this);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4f5490f2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/Modal.vue?vue&type=template&id=d5bbdea6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e7266d80-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/Modal.vue?vue&type=template&id=d5bbdea6&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"modal"},[_vm._t("default",null,null,{ isShowed: _vm.isShowed })],2)}
@@ -307,0 +326,0 @@ var staticRenderFns = []

dts/ModalViewer.d.ts

 import Vue from "vue";
-import { ComponentOptions } from "vue/types/options";
+import { ThisTypedComponentOptionsWithRecordProps } from "vue/types/options";
 declare module 'vue/types/vue' {
@@ -15,3 +15,13 @@ interface Vue {
 declare class ModalViewer {
-    static readonly mixin: ComponentOptions<Vue>;
+    static readonly mixin: ThisTypedComponentOptionsWithRecordProps<Modal, {
+        showed: boolean;
+    }, {
+        show(): void;
+        hide(): void;
+    }, {
+        isShowed: boolean;
+    }, {
+        name: string;
+        value: boolean;
+    }>;
     private modals;
@@ -18,0 +28,0 @@ register(modal: Modal): void;

package.json

 {
   "name": "vue-modal-viewer",
   "description": "Show and hide your content in Vue",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "main": "dist/vue-modal-viewer.common.js",
@@ -6,0 +6,0 @@ "types": "dts/index.d.ts",

No alert changes

Improved metrics

Total package byte prevSize

39991

increased by4.06%

Lines of code

503

increased by6.12%

No dependency changes