mirror of https://github.com/go-gitea/gitea.git
Remove unneeded shallowRef
This commit is contained in:
parent
2d88602088
commit
46f7cc6581
|
|
@ -1,11 +1,11 @@
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import {computed, onMounted, onUnmounted, ref, shallowRef, watch} from 'vue';
|
import {computed, onMounted, onUnmounted, shallowRef, watch} from 'vue';
|
||||||
import {SvgIcon} from '../svg.ts';
|
import {SvgIcon} from '../svg.ts';
|
||||||
import {toggleElem} from '../utils/dom.ts';
|
import {toggleElem} from '../utils/dom.ts';
|
||||||
|
|
||||||
const {csrfToken, pageData} = window.config;
|
const {csrfToken, pageData} = window.config;
|
||||||
|
|
||||||
const mergeForm = shallowRef(pageData.pullRequestMergeForm);
|
const mergeForm = pageData.pullRequestMergeForm;
|
||||||
|
|
||||||
const mergeTitleFieldValue = shallowRef('');
|
const mergeTitleFieldValue = shallowRef('');
|
||||||
const mergeMessageFieldValue = shallowRef('');
|
const mergeMessageFieldValue = shallowRef('');
|
||||||
|
|
@ -13,7 +13,7 @@ const deleteBranchAfterMerge = shallowRef(false);
|
||||||
const autoMergeWhenSucceed = shallowRef(false);
|
const autoMergeWhenSucceed = shallowRef(false);
|
||||||
|
|
||||||
const mergeStyle = shallowRef('');
|
const mergeStyle = shallowRef('');
|
||||||
const mergeStyleDetail = ref({
|
const mergeStyleDetail = shallowRef({
|
||||||
hideMergeMessageTexts: false,
|
hideMergeMessageTexts: false,
|
||||||
textDoMerge: '',
|
textDoMerge: '',
|
||||||
mergeTitleFieldText: '',
|
mergeTitleFieldText: '',
|
||||||
|
|
@ -27,27 +27,27 @@ const showMergeStyleMenu = shallowRef(false);
|
||||||
const showActionForm = shallowRef(false);
|
const showActionForm = shallowRef(false);
|
||||||
|
|
||||||
const mergeButtonStyleClass = computed(() => {
|
const mergeButtonStyleClass = computed(() => {
|
||||||
if (mergeForm.value.allOverridableChecksOk) return 'primary';
|
if (mergeForm.allOverridableChecksOk) return 'primary';
|
||||||
return autoMergeWhenSucceed.value ? 'primary' : 'red';
|
return autoMergeWhenSucceed.value ? 'primary' : 'red';
|
||||||
});
|
});
|
||||||
|
|
||||||
const forceMerge = computed(() => {
|
const forceMerge = computed(() => {
|
||||||
return mergeForm.value.canMergeNow && !mergeForm.value.allOverridableChecksOk;
|
return mergeForm.canMergeNow && !mergeForm.allOverridableChecksOk;
|
||||||
});
|
});
|
||||||
|
|
||||||
watch(mergeStyle, (val) => {
|
watch(mergeStyle, (val) => {
|
||||||
mergeStyleDetail.value = mergeForm.value.mergeStyles.find((e: any) => e.name === val);
|
mergeStyleDetail.value = mergeForm.mergeStyles.find((e: any) => e.name === val);
|
||||||
for (const elem of document.querySelectorAll('[data-pull-merge-style]')) {
|
for (const elem of document.querySelectorAll('[data-pull-merge-style]')) {
|
||||||
toggleElem(elem, elem.getAttribute('data-pull-merge-style') === val);
|
toggleElem(elem, elem.getAttribute('data-pull-merge-style') === val);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
mergeStyleAllowedCount.value = mergeForm.value.mergeStyles.reduce((v: any, msd: any) => v + (msd.allowed ? 1 : 0), 0);
|
mergeStyleAllowedCount.value = mergeForm.mergeStyles.reduce((v: any, msd: any) => v + (msd.allowed ? 1 : 0), 0);
|
||||||
|
|
||||||
let mergeStyle = mergeForm.value.mergeStyles.find((e: any) => e.allowed && e.name === mergeForm.value.defaultMergeStyle)?.name;
|
let mergeStyle = mergeForm.mergeStyles.find((e: any) => e.allowed && e.name === mergeForm.defaultMergeStyle)?.name;
|
||||||
if (!mergeStyle) mergeStyle = mergeForm.value.mergeStyles.find((e: any) => e.allowed)?.name;
|
if (!mergeStyle) mergeStyle = mergeForm.mergeStyles.find((e: any) => e.allowed)?.name;
|
||||||
switchMergeStyle(mergeStyle, !mergeForm.value.canMergeNow);
|
switchMergeStyle(mergeStyle, !mergeForm.canMergeNow);
|
||||||
|
|
||||||
document.addEventListener('mouseup', hideMergeStyleMenu);
|
document.addEventListener('mouseup', hideMergeStyleMenu);
|
||||||
});
|
});
|
||||||
|
|
@ -63,7 +63,7 @@ function hideMergeStyleMenu() {
|
||||||
function toggleActionForm(show: boolean) {
|
function toggleActionForm(show: boolean) {
|
||||||
showActionForm.value = show;
|
showActionForm.value = show;
|
||||||
if (!show) return;
|
if (!show) return;
|
||||||
deleteBranchAfterMerge.value = mergeForm.value.defaultDeleteBranchAfterMerge;
|
deleteBranchAfterMerge.value = mergeForm.defaultDeleteBranchAfterMerge;
|
||||||
mergeTitleFieldValue.value = mergeStyleDetail.value.mergeTitleFieldText;
|
mergeTitleFieldValue.value = mergeStyleDetail.value.mergeTitleFieldText;
|
||||||
mergeMessageFieldValue.value = mergeStyleDetail.value.mergeMessageFieldText;
|
mergeMessageFieldValue.value = mergeStyleDetail.value.mergeMessageFieldText;
|
||||||
}
|
}
|
||||||
|
|
@ -74,7 +74,7 @@ function switchMergeStyle(name: string, autoMerge = false) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function clearMergeMessage() {
|
function clearMergeMessage() {
|
||||||
mergeMessageFieldValue.value = mergeForm.value.defaultMergeMessage;
|
mergeMessageFieldValue.value = mergeForm.defaultMergeMessage;
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue