Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

perf(client): use shallowRef for html element ref

Browse source
This commit is contained in:
syuilo 2023-01-03 10:12:37 +09:00
parent a0af80f8c5
commit 2184240ef1
59 changed files with 114 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/ui/classic.vue
View file

@ -64,7 +64,7 @@ let fullView = $ref(false);
let globalHeaderHeight = $ref(0);
const wallpaper = localStorage.getItem('wallpaper') != null;
const showMenuOnTop = $computed(() => defaultStore.state.menuDisplay === 'top');
let live2d = $ref<HTMLIFrameElement>();
let live2d = $shallowRef<HTMLIFrameElement>();
let widgetsLeft = $ref();
let widgetsRight = $ref();

2
packages/frontend/src/ui/deck.vue
View file

@ -125,7 +125,7 @@ function showSettings() {
os.pageWindow('/settings/deck');
}
let columnsEl = $ref<HTMLElement>();
let columnsEl = $shallowRef<HTMLElement>();
const addColumn = async (ev) => {
const columns = [

2
packages/frontend/src/ui/deck/column.vue
View file

@ -59,7 +59,7 @@ const emit = defineEmits<{
(ev: 'change-active-state', v: boolean): void;
}>();
let body = $ref<HTMLDivElement>();
let body = $shallowRef<HTMLDivElement>();
let dragging = $ref(false);
watch($$(dragging), v => os.deckGlobalEvents.emit(v ? 'column.dragStart' : 'column.dragEnd'));

2
packages/frontend/src/ui/universal.vue
View file

@ -86,7 +86,7 @@ window.addEventListener('resize', () => {
});
let pageMetadata = $ref<null | ComputedRef<PageMetadata>>();
const widgetsEl = $ref<HTMLElement>();
const widgetsEl = $shallowRef<HTMLElement>();
const widgetsShowing = $ref(false);
provide('router', mainRouter);

2
packages/frontend/src/ui/universal.widgets.vue
View file

@ -31,7 +31,7 @@ const emit = defineEmits<{
(ev: 'mounted', el?: Element): void;
}>();
let rootEl = $ref<HTMLDivElement>();
let rootEl = $shallowRef<HTMLDivElement>();
const widgets = $computed(() => {
if (props.place === null) return defaultStore.reactiveState.widgets.value;