diff --git a/src/assets/base.css b/src/assets/base.css index 80bc6c0..d08a492 100644 --- a/src/assets/base.css +++ b/src/assets/base.css @@ -18,3 +18,8 @@ .h-screen-main { height: calc(100vh - 104px); } + +/* button */ +.disable-hover { + @apply pointer-events-none +} diff --git a/src/module/alertModal.js b/src/module/alertModal.js index 0acde4c..fafae63 100644 --- a/src/module/alertModal.js +++ b/src/module/alertModal.js @@ -316,10 +316,6 @@ export async function renameModal(rename, type, id, baseName) { inputAttributes: { 'maxlength': 200, }, - inputValidator: value => { - if(!value) return 'You need to write something!'; - fileName = value; - }, icon: 'info', iconHtml: 'edit_square', iconColor: '#0099FF', @@ -327,6 +323,20 @@ export async function renameModal(rename, type, id, baseName) { confirmButtonColor: '#0099FF', showCancelButton: '#94a3b8', customClass: customClass, + didOpen: () => { + const confirmButton = Swal.getConfirmButton(); + const inputField = Swal.getInput(); + + inputField.addEventListener('input', function() { + if (!inputField.value.trim()) { + confirmButton.classList.add('disable-hover'); + confirmButton.disabled = true; + } else { + confirmButton.classList.remove('disable-hover'); + confirmButton.disabled = false; + } + }); + } }); // 改名成功