59 59
</template>
60 60 61 61
<script>
62 -
import Local from '../../mixins/locale.mixin';
62 +
import { t } from '../../locale';
63 63
import Btn from './../button/Btn.vue';
64 64
import {
65 65
EVENTS,
@@ -79,65 +79,25 @@ const IN = 'in';
79 79 80 80
export default {
81 81
components: { Btn },
82 -
mixins: [Local],
83 82
props: {
84 -
modelValue: {
85 -
type: Boolean,
86 -
default: false,
87 -
},
83 +
modelValue: { type: Boolean, default: false },
88 84
title: { type: String, default: undefined },
89 85
size: { type: String, default: undefined },
90 -
backdrop: {
91 -
type: Boolean,
92 -
default: true,
93 -
},
94 -
footer: {
95 -
type: Boolean,
96 -
default: true,
97 -
},
98 -
header: {
99 -
type: Boolean,
100 -
default: true,
101 -
},
86 +
backdrop: { type: Boolean, default: true },
87 +
footer: { type: Boolean, default: true },
88 +
header: { type: Boolean, default: true },
102 89
cancelText: { type: String, default: undefined },
103 -
cancelType: {
104 -
type: String,
105 -
default: 'default',
106 -
},
90 +
cancelType: { type: String, default: 'default' },
107 91
okText: { type: String, default: undefined },
108 -
okType: {
109 -
type: String,
110 -
default: 'primary',
111 -
},
112 -
dismissBtn: {
113 -
type: Boolean,
114 -
default: true,
115 -
},
116 -
transition: {
117 -
type: Number,
118 -
default: 150,
119 -
},
120 -
autoFocus: {
121 -
type: Boolean,
122 -
default: false,
123 -
},
124 -
keyboard: {
125 -
type: Boolean,
126 -
default: true,
127 -
},
92 +
okType: { type: String, default: 'primary' },
93 +
dismissBtn: { type: Boolean, default: true },
94 +
transition: { type: Number, default: 150 },
95 +
autoFocus: { type: Boolean, default: false },
96 +
keyboard: { type: Boolean, default: true },
128 97
beforeClose: { type: Function, default: undefined },
129 -
zOffset: {
130 -
type: Number,
131 -
default: 20,
132 -
},
133 -
appendToBody: {
134 -
type: Boolean,
135 -
default: false,
136 -
},
137 -
displayStyle: {
138 -
type: String,
139 -
default: 'block',
140 -
},
98 +
zOffset: { type: Number, default: 20 },
99 +
appendToBody: { type: Boolean, default: false },
100 +
displayStyle: { type: String, default: 'block' },
141 101
},
142 102
emits: ['update:modelValue', 'show', 'hide'],
143 103
data() {
@@ -177,6 +137,7 @@ export default {
177 137
off(window, EVENTS.KEY_UP, this.onKeyPress);
178 138
},
179 139
methods: {
140 +
t,
180 141
onKeyPress(event) {
181 142
if (this.keyboard && this.modelValue && event.keyCode === 27) {
182 143
const thisModal = this.$refs.backdrop;
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4