From 3051fc8be736c50da96e166e2befe32e809a30a6 Mon Sep 17 00:00:00 2001
From: RDMStreet <RDMStreetOne@gmail.com>
Date: Fri, 19 Feb 2021 06:54:25 +0000
Subject: [PATCH 1/3] Dialog mixin

---
 src/mixins/DialogMixin.ts | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/mixins/DialogMixin.ts

diff --git a/src/mixins/DialogMixin.ts b/src/mixins/DialogMixin.ts
new file mode 100644
index 00000000..3e7318e5
--- /dev/null
+++ b/src/mixins/DialogMixin.ts
@@ -0,0 +1,23 @@
+import { Vue, Component, Prop, Watch } from 'vue-property-decorator'
+
+@Component
+export default class DialogMixin extends Vue {
+  /**
+   * Dialog visibility
+   *
+   * `false` by default
+   */
+  @Prop({ type: Boolean, default: false, required: true }) readonly visible!: boolean
+
+  isVisible = this.visible
+
+  @Watch('visible')
+  public handleVisibleChange (value: boolean): void {
+    this.isVisible = value
+  }
+
+  @Watch('isVisible')
+  public handleIsVisibleChange (value: boolean): void {
+    this.$emit('update:visible', value)
+  }
+}

From a675c90268e71d668f2580c715664b4baac8959d Mon Sep 17 00:00:00 2001
From: RDMStreet <RDMStreetOne@gmail.com>
Date: Fri, 19 Feb 2021 07:01:05 +0000
Subject: [PATCH 2/3] export

---
 src/index.ts        | 4 +++-
 src/mixins/index.ts | 9 +++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/mixins/index.ts

diff --git a/src/index.ts b/src/index.ts
index 86d79d9d..2e531e71 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -53,6 +53,7 @@ import { Directives } from './types/directives'
 import { modules, Modules } from './store'
 import { setTheme } from './utils'
 import { Loading, Message, MessageBox, Notification } from './plugins/elementUI'
+import { DialogMixin } from './mixins'
 
 const components = [
   { component: SApp, name: Components.SApp },
@@ -174,6 +175,7 @@ export {
   STabs,
   STable,
   STableColumn,
-  STooltip
+  STooltip,
+  DialogMixin
 }
 export default SoramitsuElements
diff --git a/src/mixins/index.ts b/src/mixins/index.ts
new file mode 100644
index 00000000..c2839565
--- /dev/null
+++ b/src/mixins/index.ts
@@ -0,0 +1,9 @@
+import DialogMixin from './DialogMixin'
+import BorderRadiusMixin from './BorderRadiusMixin'
+import SizeMixin from './SizeMixin'
+
+export {
+  DialogMixin,
+  BorderRadiusMixin,
+  SizeMixin
+}

From 75e8b6fa555538de3d8f442316b21aebfd842201 Mon Sep 17 00:00:00 2001
From: RDMStreet <RDMStreetOne@gmail.com>
Date: Fri, 26 Feb 2021 07:37:37 +0000
Subject: [PATCH 3/3] Change mixin name DialogMixin to SDialogMixin

---
 src/index.ts                                   | 4 ++--
 src/mixins/{DialogMixin.ts => SDialogMixin.ts} | 2 +-
 src/mixins/index.ts                            | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)
 rename src/mixins/{DialogMixin.ts => SDialogMixin.ts} (91%)

diff --git a/src/index.ts b/src/index.ts
index 2e531e71..15ad4cc8 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -53,7 +53,7 @@ import { Directives } from './types/directives'
 import { modules, Modules } from './store'
 import { setTheme } from './utils'
 import { Loading, Message, MessageBox, Notification } from './plugins/elementUI'
-import { DialogMixin } from './mixins'
+import { SDialogMixin } from './mixins'
 
 const components = [
   { component: SApp, name: Components.SApp },
@@ -176,6 +176,6 @@ export {
   STable,
   STableColumn,
   STooltip,
-  DialogMixin
+  SDialogMixin
 }
 export default SoramitsuElements
diff --git a/src/mixins/DialogMixin.ts b/src/mixins/SDialogMixin.ts
similarity index 91%
rename from src/mixins/DialogMixin.ts
rename to src/mixins/SDialogMixin.ts
index 3e7318e5..17782ba5 100644
--- a/src/mixins/DialogMixin.ts
+++ b/src/mixins/SDialogMixin.ts
@@ -1,7 +1,7 @@
 import { Vue, Component, Prop, Watch } from 'vue-property-decorator'
 
 @Component
-export default class DialogMixin extends Vue {
+export default class SDialogMixin extends Vue {
   /**
    * Dialog visibility
    *
diff --git a/src/mixins/index.ts b/src/mixins/index.ts
index c2839565..a6a993ad 100644
--- a/src/mixins/index.ts
+++ b/src/mixins/index.ts
@@ -1,9 +1,9 @@
-import DialogMixin from './DialogMixin'
+import SDialogMixin from './SDialogMixin'
 import BorderRadiusMixin from './BorderRadiusMixin'
 import SizeMixin from './SizeMixin'
 
 export {
-  DialogMixin,
+  SDialogMixin,
   BorderRadiusMixin,
   SizeMixin
 }