refactor: dialogs (#1224)

* refactor: dialogs

* fix: storeAvatarImage

* FriendLog.vue

* FriendLog.vue

* FriendLog.vue

* GameLog.vue

* fix: next day button jumping to the wrong date

* sync master

* fix: launchGame

* Notification.vue

* Feed.vue

* Search.vue

* Profile.vue

* PlayerList.vue

* Login.vue

* utils

* update dialog

* del gameLog.pug

* fix

* fix: group role cannot be displayed currently

* fix: "Hide Friends in Same Instance" hides players in unrelated private instances (#1210)

* fix

* fix: "Hide Friends in Same Instance" does not work when "Split Favorite Friends" is enabled

* fix Notification.vue message

* fix: deleteFavoriteNoConfirm

* fix: feed status style

* fix: infinite loading when deleting note

* fix: private players will not be hidden when 'Hide Friends in Same Instance', and 'Hide Friends in Same Instance' will not work when 'Split Favorite Friends'

src/components/dialogs/PreviousInstancesDialog/PreviousInstancesWorldDialog.vue

@@ -1,13 +1,10 @@
 <template>
-    <el-dialog
+    <safe-dialog
         ref="previousInstancesWorldDialog"
-        :before-close="beforeDialogClose"
         :visible.sync="isVisible"
         :title="$t('dialog.previous_instances.header')"
         width="1000px"
-        append-to-body
-        @mousedown.native="dialogMouseDown"
-        @mouseup.native="dialogMouseUp">
+        append-to-body>
         <div style="display: flex; align-items: center; justify-content: space-between">
             <span style="font-size: 14px" v-text="previousInstancesWorldDialog.worldRef.name"></span>
             <el-input
@@ -66,24 +63,17 @@
                 </template>
             </el-table-column>
         </data-tables>
-    </el-dialog>
+    </safe-dialog>
 </template>
 
 <script>
     import utils from '../../../classes/utils';
+    import { parseLocation } from '../../../composables/instance/utils';
     import database from '../../../service/database';
 
     export default {
         name: 'PreviousInstancesWorldDialog',
-        inject: [
-            'API',
-            'showLaunchDialog',
-            'showPreviousInstancesInfoDialog',
-            'adjustDialogZ',
-            'beforeDialogClose',
-            'dialogMouseDown',
-            'dialogMouseUp'
-        ],
+        inject: ['API', 'showLaunchDialog', 'showPreviousInstancesInfoDialog', 'adjustDialogZ'],
         props: {
             previousInstancesWorldDialog: {
                 type: Object,
@@ -149,7 +139,7 @@
                 database.getpreviousInstancesByWorldId(D.worldRef).then((data) => {
                     const array = [];
                     for (const ref of data.values()) {
-                        ref.$location = utils.parseLocation(ref.location);
+                        ref.$location = parseLocation(ref.location);
                         if (ref.time > 0) {
                             ref.timer = utils.timeToText(ref.time);
                         } else {