Weishen/Hydro
2
0 Fork 0
mirror of https://gitcode.com/gh_mirrors/hy/Hydro.git synced 2026-10-21 01:46:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui: add view-transistions

Browse Source
This commit is contained in:
undefined committed 2024-08-11 23:53:40 +08:00
1 parent 0d2d84d114
commit f86b8f99f8
6 files changed
+49 -24
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui-default/pages/problem_main.page.ts
+1 -1
View File
@@ -9,7 +9,7 @@ import Notification from 'vj/components/notification';
import { downloadProblemSet } from 'vj/components/zipDownloader';
import { NamedPage } from 'vj/misc/Page';
import {
addSpeculationRules, delay, i18n, pjax, request, tpl,
addSpeculationRules, delay, i18n, pjax, request, setTemporaryViewTransitionNames, tpl,
} from 'vj/utils';
const list = [];
packages/ui-default/pages/record_detail.page.tsx
+9 -7
View File
@@ -2,7 +2,7 @@ import $ from 'jquery';
import React from 'react';
import { InfoDialog } from 'vj/components/dialog';
import { NamedPage } from 'vj/misc/Page';
import { tpl } from 'vj/utils';
import { tpl, withTransistionCallback } from 'vj/utils';
export default new NamedPage('record_detail', async () => {
if (!UiContext.socketUrl) return;
@@ -15,13 +15,15 @@ export default new NamedPage('record_detail', async () => {
const dd = new DiffDOM();
sock.onmessage = (_, data) => {
const msg = JSON.parse(data);
const newStatus = $(msg.status_html);
const oldStatus = $('#status');
dd.apply(oldStatus[0], dd.diff(oldStatus[0], newStatus[0]));
const newSummary = $(msg.summary_html);
const oldSummary = $('#summary');
dd.apply(oldSummary[0], dd.diff(oldSummary[0], newSummary[0]));
if (typeof msg.status === 'number' && window.parent) window.parent.postMessage({ status: msg.status });
withTransistionCallback(() => {
const newStatus = $(msg.status_html);
const oldStatus = $('#status');
dd.apply(oldStatus[0], dd.diff(oldStatus[0], newStatus[0]));
const newSummary = $(msg.summary_html);
const oldSummary = $('#summary');
dd.apply(oldSummary[0], dd.diff(oldSummary[0], newSummary[0]));
});
};
$(document).on('click', '.subtask-case', function () {
const text = $(this).find('.message').text();
packages/ui-default/pages/record_main.page.ts
+17 -13
View File
@@ -3,7 +3,9 @@ import ProblemSelectAutoComplete from 'vj/components/autocomplete/ProblemSelectA
import UserSelectAutoComplete from 'vj/components/autocomplete/UserSelectAutoComplete';
import Notification from 'vj/components/notification';
import { NamedPage } from 'vj/misc/Page';
import { getAvailableLangs, request, tpl } from 'vj/utils';
import {
getAvailableLangs, request, tpl, withTransistionCallback,
} from 'vj/utils';
const page = new NamedPage('record_main', async () => {
const [{ default: WebSocket }, { DiffDOM }] = await Promise.all([
@@ -18,18 +20,20 @@ const page = new NamedPage('record_main', async () => {
sock.onmessage = (_, data) => {
const msg = JSON.parse(data);
const $newTr = $(msg.html);
const $oldTr = $(`.record_main__table tr[data-rid="${$newTr.attr('data-rid')}"]`);
if ($oldTr.length) {
$oldTr.trigger('vjContentRemove');
dd.apply($oldTr[0], dd.diff($oldTr[0], $newTr[0]));
$oldTr.trigger('vjContentNew');
} else {
if (+new URLSearchParams(window.location.search).get('page') > 1
|| new URLSearchParams(window.location.search).get('nopush')) return;
$('.record_main__table tbody').prepend($newTr);
$('.record_main__table tbody tr:last').remove();
$newTr.trigger('vjContentNew');
}
withTransistionCallback(() => {
const $oldTr = $(`.record_main__table tr[data-rid="${$newTr.attr('data-rid')}"]`);
if ($oldTr.length) {
$oldTr.trigger('vjContentRemove');
dd.apply($oldTr[0], dd.diff($oldTr[0], $newTr[0]));
$oldTr.trigger('vjContentNew');
} else {
if (+new URLSearchParams(window.location.search).get('page') > 1
|| new URLSearchParams(window.location.search).get('nopush')) return;
$('.record_main__table tbody').prepend($newTr);
$('.record_main__table tbody tr:last').remove();
$newTr.trigger('vjContentNew');
}
});
};
UserSelectAutoComplete.getOrConstruct($('[name="uidOrName"]'), {
clearDefaultValue: false,