Upgrade to Vue3 and Element Plus (#1374)

* Update Vue devtools * upgrade vue pinia element-plus vue-i18n, add vite * fix: i18n * global components * change v-deep * upgrade vue-lazyload * data table * update enlint and safe-dialog * package.json and vite.config.js * el-icon * el-message * vue 2 -> vue3 migration changes * $pinia * dialog * el-popover slot * lint * chore * slot * scss * remote state access * misc * jsconfig * el-button size mini -> small * :model-value * ElMessageBox * datatable * remove v-lazyload * template #dropdown * mini -> small * css * byebye hideTooltips * use sass-embedded * Update SQLite, remove unneeded libraries * Fix shift remove local avatar favorites * Electron arm64 * arm64 support * bye pug * f-word vite hah * misc * remove safe dialog component * Add self invite to launch dialog * Fix errors * Icons 1 * improve localfavorite loading performance * improve favorites world item performance * dialog visibility changes for Element Plus * clear element plus error * import performance * revert App.vue hah * hah * Revert "Add self invite to launch dialog" This reverts commit 4801cfad58. * Toggle self invite/open in-game * Self invite on launch dialog * el-button icon * el-icon * fix user dialog tab switching logic * fix PlayerList * Formatting changes * More icons * Fix friend log table * loading margin * fix markdown * fix world dialog tab switching issue * Fixes and formatting * fix: global i18n.t export * fix favorites world tab not working * Create instance, displayName * Remove group members sort by userId * Fix loading dialog tabs on swtich * Star * charts console.warn * wip: fix charts * wip: fix charts * wip: charts composables * fix favorite item tooltip warning * Fixes and formatting * Clean up image dialogs * Remove unused method * Fix platform/size border * Fix platform/size border * $vr * fix friendExportDialogVisible binding * ElMessageBox and Settings * Login formatting * Rename VR overlay query * Fix image popover and userdialog badges * Formatting * Big buttons * Fixes, update Cef * Fix gameLog table nav buttons jumping around while using nav buttons * Fix z-index * vr overlay * vite input add theme * defineAsyncComponent * ISO 639-1 * fix i18n * clean t * Formatting, fix calendar, rotate arrows * Show user status when user is offline * Fix VR overlay * fix theme and clean up * split InstanceActivity * tweak * Fix VR overlay formatting * fix scss var * AppDebug hahahaha * Years * remove reactive * improve perf * state hah… * fix user rendering poblems when user object is not yet loaded * improve perf * Update avatar/world image uploader, licenses, remove previous images dialog (old images are now deleted) * improve perf 1 * Suppress stray errors * fix traveling location display issue * Fix empty instance creator * improve friend list refresh performance * fix main charts * fix chart * Fix darkmode * Fix avatar dialog tags --------- Co-authored-by: pa <maplenagisa@gmail.com>
2026-05-06 06:46:04 +02:00 · 2025-09-12 10:45:24 +12:00
parent b233bbc299
commit 3324d0d279
249 changed files with 12948 additions and 19815 deletions
@@ -0,0 +1,82 @@
+import { ref, computed } from 'vue';
+import dayjs from 'dayjs';
+
+export function useDateNavigation(allDateOfActivity, reloadData) {
+    const selectedDate = ref(dayjs().toDate());
+
+    const allDateOfActivityArray = computed(() => {
+        return allDateOfActivity.value
+            ? Array.from(allDateOfActivity.value)
+                  .map((item) => dayjs(item))
+                  .sort((a, b) => b.valueOf() - a.valueOf())
+            : [];
+    });
+
+    const isNextDayBtnDisabled = computed(() => {
+        return dayjs(selectedDate.value).isSameOrAfter(
+            allDateOfActivityArray.value[0],
+            'day'
+        );
+    });
+
+    const isPrevDayBtnDisabled = computed(() => {
+        return dayjs(selectedDate.value).isSame(
+            allDateOfActivityArray.value[
+                allDateOfActivityArray.value.length - 1
+            ],
+            'day'
+        );
+    });
+
+    function changeSelectedDateFromBtn(isNext = false) {
+        if (
+            !allDateOfActivityArray.value ||
+            allDateOfActivityArray.value.length === 0
+        ) {
+            return;
+        }
+
+        const idx = allDateOfActivityArray.value.findIndex((date) =>
+            date.isSame(selectedDate.value, 'day')
+        );
+        if (idx !== -1) {
+            const newIdx = isNext ? idx - 1 : idx + 1;
+
+            if (newIdx >= 0 && newIdx < allDateOfActivityArray.value.length) {
+                selectedDate.value =
+                    allDateOfActivityArray.value[newIdx].toDate();
+                reloadData();
+                return;
+            }
+        }
+        selectedDate.value = isNext
+            ? allDateOfActivityArray.value[0].toDate()
+            : allDateOfActivityArray.value[
+                  allDateOfActivityArray.value.length - 1
+              ].toDate();
+        reloadData();
+    }
+
+    function getDatePickerDisabledDate(time) {
+        if (
+            time > Date.now() ||
+            allDateOfActivityArray.value[
+                allDateOfActivityArray.value.length - 1
+            ]
+                ?.add(-1, 'day')
+                .isAfter(time, 'day') ||
+            !allDateOfActivity.value
+        ) {
+            return true;
+        }
+        return !allDateOfActivity.value.has(dayjs(time).format('YYYY-MM-DD'));
+    }
+
+    return {
+        selectedDate,
+        isNextDayBtnDisabled,
+        isPrevDayBtnDisabled,
+        changeSelectedDateFromBtn,
+        getDatePickerDisabledDate
+    };
+}